웹앱 개발을 위한 Node.js 설치 후 실행
웹앱 또는 하이브리드 앱은 HTML5 기술만 알면 누구나 쉽게 만들 수 있는 앱으로 전문 프로그래머들이 개발하는 네이티브 앱은 하드웨어를 제어할 수 있는 앱이라면 웹앱은 웹상에서 구현 가능한 형태를 앱으로 옮겨 놓은 것이라고 할 수 있다.
즉, HTML5를 이용해서 홈페이지를 만들수 있다면 누구나 앱 개발자가 될 수 있는 것이다.
앱 개발을 위해서 Windows 에 개발 환경을 준비해야 하는데, 미리 작성한 글을 확인하고 순서대로 진행해야 한다.
2019/04/02 - [think] - 웹앱 개발을 위한 하이브리드앱 환경 만들기
2019/04/03 - [think] - Windows 10 자바(Java), 안드로이드(Android) 설치하기 : JDK 설치 와 환경설정
2019/04/07 - [think] - 웹앱 개발을 위한 안드로이드 스튜디오 SDK 설치 하기
다음으로 설치를 해야 하는것은 Node.js 이다.
Node.js 는 쉽게 설명해서 HTML로 구현된 페이지를 앱용 APK 실행 파일로 만들어서 배포할 수 있도록 해주는 프레임워크인 코드도바 (폰갭) 가 실행되도록 해주는 기본 프로그램이라고 할 수 있다.
물론 Node.js 는 자체만으로도 여러 가지 프로그램을 개발할 수 있지만 여기서는 웹앱 개발 목적으로 설치해 보도록 한다.
1. [ http://www.nodejs.org ] 에 접속한다.
2. 설치 파일을 다운로드한다. 설치 파일은 2가지를 제공하고 있는데
- LTS (대부분 다운로드 하는 안정화된 버전 ) : 이 것을 다운로드한다.
- Current (가장 최근 개발된 버전) : 개발 및 테스트용
3. 대부분 기본값으로 설치를 진행하고 완료하면 된다.
4. 설치를 완료했으니 이제 실행을 해본다. 프로그램 메뉴에서 아이콘을 클릭하거나 시작 메뉴에 추가한 아이콘을 클릭한다.
5. Node.js 명령 프롬프트 창이 실행된다.
현재 설치 버전은 10.15.3 (x64) 이며, npm (Node Package Manager) 버전도 확인해 본다.
프롬프트에 [ >npm -version ] 이라고 입력하면 6.4.1 버전 번호가 표시되면 설치가 성공적으로 완료된 것이다.
각 버전은 설치 시점에 따라 다르기 때문에 최종 버전이 표시될 것이다.
다음으로 앱 구동 파일을 만들어주는 코드도바를 설치하고 실행해 보기로 한다.
'think' 카테고리의 다른 글
웹앱 개발을 위한 Java JDK, Android SDK 설치 (0) | 2019.04.14 |
---|---|
모바일 웹앱 하이브리드앱 개발을 위한 코드도바, 폰갭 설치 (0) | 2019.04.09 |
웹 개발자를 위한 크롬 확장프로그램 Web Developer 활용하기 (0) | 2019.04.08 |
웹앱 개발을 위한 안드로이드 스튜디오 SDK 설치 하기 (0) | 2019.04.07 |
크롬에서 블로그 글쓰기 할때 빨간줄 밑줄 없애기 (0) | 2019.04.06 |
댓글