에러메세지 종류

C:\Users\pro\AppData\Roaming\npm\ionic -> C:\Users\pro\AppData\Roaming\npm\node_modules\ionic\bin\ionic

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\ionic\node_modules\fsevents):

npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})




윈도우환경에서 fsevents 모듈이 설치가 안되서 나오는 에러이다.


npm install --no-optional 명령어를 사용해서 설치하면 해결된다.




[에러 메세지 화면]




[ --no-optional 옵션을 준 화면]

저작자표시 비영리 변경금지

'Programming > Ionic Framework' 카테고리의 다른 글

윈도우환경에서 Ionic Framework 개발환경 구축하기 - Node.js 설치  (0) 2018.04.18
Ionic Framwork 소개  (0) 2018.04.18
Ionic3 framework 접속 포트 변경  (0) 2018.04.18
[Ubuntu] ionic3 framework 설치방법  (0) 2018.04.18

윈도우환경에서 Ionic Framework 개발환경 구축하기 - Node.js 설치


Ionic Framework의 경우 클라이언트 사이드를 맡고 있기 때문에 보통 윈도우에 설치한다.

왜냐하면, 윈도우에서 개발하는것이 더욱 익숙하기 때문에 개발 속도도 빠르다.

굳이 리눅스에 설치할 필요는 없다.


서버의 경우 리눅스 서버가 무료이며, 안정적이므로 리눅스를 사용하면된다.



0. 구축 환경


- Windows 7

- Node.js 8.x 버전

- Ionic3 Framework




1. Node.js 다운로드 및 설치


https://nodejs.org에서 Node.js를 다운로드 한다.


왼쪽의 8.11.1 LTS의 경우, 안정적인 버전이다. 이것을 다운로드하자.


오른쪽의 경우 최신버전이지만 불안정한요소가 있기 때문에 피하자.


새로운 기능을 써야 할 경우, 테스트 용도로 사용하자. 


[ Node.js 공식 홈페이지 메인화면 ]



2. Node.js 설치


다운받은 .msi 파일을 실행하여 모두 'Next'를 눌러 설치한다.



3. Node.js 설치확인


바탕화면에 test.js 파일을 만든다.

내용은 아래와 같이 한다.


console.log('Hello Node.js!') 



시작 - 실행(R)으로 'cmd'를 열어 test.js가 설치된 경로로 이동한다.

아래 명령어를 통해 Node.js가 정상 작동되는 것을 확인할 수 있다.


[ Node.js 동작 확인 코드 실행결과 ]



또는


node -v 또는 npm -v 명령어를 통해 설치 확인이 가능하다.




본 컨텐츠가 도움되셨다면 광고 클릭 부탁드립니다.

If this content helped you, please click on the ad.



저작자표시 비영리 변경금지

'Programming > Ionic Framework' 카테고리의 다른 글

[Node.js] npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@  (0) 2018.05.23
Ionic Framwork 소개  (0) 2018.04.18
Ionic3 framework 접속 포트 변경  (0) 2018.04.18
[Ubuntu] ionic3 framework 설치방법  (0) 2018.04.18




오늘 소개하고자 하는 프레임워크는 'Ionic Framework'이다.

최근 모바일 디바이스의 발전으로 PC환경에서 모바일환경으로 옮겨가는 추세이다.


하지만, 적절한 프레임워크는 존재하지 않기에 여러벌의 코드로 네이티브앱, 브라우저 등 다양한 환경을 고려하여 개발해야만 했다.


모바일 앱을 개발하는 사람들의 경우 Android, iOS, Chrome, Safari 등 다양한 플랫폼에 다양한 언어로 모바일 앱을 개발해야한다.

불과 몇년전만 해도 JQuery 기반 하이브리드앱이 유행이었지만 그마저도 그래픽 엔진 문제 등 다양하 이유로 인해 정식 서비스를 개발하는 업체들은

결국 네이티브앱, 웹앱 등 각각의 플랫폼을 개발한다.


Ionic Framework의 경우, 하나의 코드를 통해 모든 플랫폼에서 웹앱을 구성할 수 있는 프레임워크이다.




장점


1. UI 컴포넌트가 다양하고 예쁘다.


2. Angular.js가 코어역할을 한다.


3. 많은 사용자들로 인해 트러블 슈팅이 편하다.



단점


1. 애니메이션 처리 속도가 다소 느리다.

저작자표시 비영리 변경금지

'Programming > Ionic Framework' 카테고리의 다른 글

[Node.js] npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@  (0) 2018.05.23
윈도우환경에서 Ionic Framework 개발환경 구축하기 - Node.js 설치  (0) 2018.04.18
Ionic3 framework 접속 포트 변경  (0) 2018.04.18
[Ubuntu] ionic3 framework 설치방법  (0) 2018.04.18

Ionic3 framework 접속 포트 변경



Ionic3 framework 서비스를 실행하면 자동으로 포트가 할당 된다.

방화벽 또는 망분리 등 서버 보안설정으로 인해 외부 접속 포트가 차단이 된경우 사용 할 수 있다.



Ionic3 Framework 서버에서


ionic server --port <원하는 포트번호>


예제:

$sudo ionic server --port 10004 




빨간색 부분이 포트가 변경된 것을 볼 수 있다.


아래 Local은 내부에서 접속하는 주소이며, External은 외부에서 접속 할 수 있는 아이피 주소이다.


보안상의 문제로 블라인드 처리하였다.

저작자표시 비영리 변경금지

'Programming > Ionic Framework' 카테고리의 다른 글

[Node.js] npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@  (0) 2018.05.23
윈도우환경에서 Ionic Framework 개발환경 구축하기 - Node.js 설치  (0) 2018.04.18
Ionic Framwork 소개  (0) 2018.04.18
[Ubuntu] ionic3 framework 설치방법  (0) 2018.04.18

[Ubuntu] ionic3 framework 설치방법



0. 설치 환경

- Ubuntu 16.05LTS



1. 준비물


- Node.js

- Cordova




2. 설치방법


2.1 Node.js 설치


2.1.1 Node.js 최신버전 Repository 추가

 $curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -


2.1.2 Node.js 설치 명령어

 $sudo apt-get install nodejs


2.1.3 Node.js 설치 및 버전확인

$npm -v && node -v



2.2 Ionic3 Framework 설치


2.2.1 Ionic3 framework 및 Cordova 설치

(참고 문서 : https://ionicframework.com/docs/intro/installation/)

$sudo npm install -g ionic cordova 



[ npm을 통한 ionic 및 cordova 설치



2.2.2 Ionic3 설치 확인 및 테스트

$ionic start helloWorld blank 


[ Ionic 테스트 실행 화면 / iOS와 Android 환경을 고려 할 수 있음 ]



설치 완료.

저작자표시 비영리 변경금지

'Programming > Ionic Framework' 카테고리의 다른 글

[Node.js] npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@  (0) 2018.05.23
윈도우환경에서 Ionic Framework 개발환경 구축하기 - Node.js 설치  (0) 2018.04.18
Ionic Framwork 소개  (0) 2018.04.18
Ionic3 framework 접속 포트 변경  (0) 2018.04.18

+ Recent posts

티스토리툴바