React Native12 npm 으로 특정 버전의 모듈설치 React 개발중 추가 모듈을 설치할때 버전을 지정 하지 않고 설치를 하면 항상 최신이 설치된다.하지만, 최신 버전을 설치 해서 ... 간혹 문제가 발생 하는 경우가 있다. 예를 들어. "react-navigation" 을 설치하기 위해서 npm install --save react-navigation 을 실행 하면, 이 글을 작성 하는 시점 [2018년 11월 20일 기준] 에서는 "3.X.X" 버전이 설치가 된다. 얼마 전까지만 해도 "2.18.2" 버전이 설치되었었다. "3.X.X" 가 설치되고 나서 문제가 없다면 다행 이었지만, 불행하게도 Error 가 발생했다. -_-;; 각설이 길었다. 이전 버전을 설치 하려면 다음과 같이 실행 하면 된다. npm install --save react-navi.. 2018. 11. 20. React Native 디버깅 하기 React Native 디버깅은 크롬 개발자도구를 활용한 디버깅이 가능하다. 에뮬레이터에서 Ctrl + M 을 누르면 아래와 같은 개발자 메뉴가 오픈된다. 개발자 메뉴에서 "Debug JS Remotely" 메뉴를 선택하면 에뮬레이터 아래에 노란줄이 생기며 "크롬 새탭이 " 생성된다고 한다. 무슨 이유인지 나의 개발 환경에서는 "크롬 새탭이" 자동 생성되지 않고 있다. 임의로 크롬을 띄우고 주소창에 http://localhost:8081/debugger-ui/ 을 입력한다. 크롬 웹브라우저 에서 Ctrl + Shift + J 를 누르면, 개발자 도구 콘솔이 열리게 된다. 2018. 11. 13. React-Native 소스 수정 후, 에뮬레이터에서 바로 확인 Visual Studio Code 에서 소스코드를 수정 후, 특별 한 작업 (컴파일, 배포)을 하지 않고 변경된 내용을 확인 할 수 있다. (1) 에뮬레이터를 실행. (2) React-Native 프로젝트 실행. (3) 에뮬레이터에서 프로젝트 프로그램 실행. (4) "Ctrl + M" 실행. (5) Enable Live Reload 선택 소스 코드를 수정 후, 저장을 하면 에뮬레이터 에서 변경된 내용이 바로 반영이 된다. 2018. 11. 9. React-Native 개발툴 (Visual Studio Code) 설치 및 셋팅. React-Native 개발 시 개발툴은 Visual Studio Code를 많이 사용한다. 아래의 사이트에서 다운로드 후 설치 한다. - https://code.visualstudio.com/ 설치시 아래의 옵션을 반드시 체크하자. 위 옵션을 체크 한 후, 설치를 하면 윈도우 탐색기창에서 마우스 우클릭시 "Open with Code" 메뉴가 활성 화 된다. 특정 프로젝트를 Open 하기 위해서는 Visual Studio Code 를 실행 후, 특정 프로젝트 폴더를 찾아서 Open 할 수도 있지만, 윈도우 탐색기 창에서 특정 폴더까지 이동 후, 마우스 우클릭시 나오는 메뉴(Open with Code) 를 실행 하여, 프로젝트를 Open 할 수도 있다. 2018. 11. 9. 이전 1 2 3 다음 반응형
