본문 바로가기

전체 글95

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.
노트패드 ++ 정규표현식 _역참조 기능 사용. 아래와 같은 소스 코드를 변경 하고 싶을 때, 정규 표현식[역참조]기능을 사용 하면 빠르게 변환 할 수 있다. 역참조 : 정규 표현식 패턴으로 앞서 일치한 부분을 다시 가르키는 것을 뜻 합니다. 변경 전 COLOR* get_rdo210(); COLOR* get_rdo211(); COLOR* get_rdo212(); COLOR* get_rdo213(); COLOR* get_rdo214(); COLOR* get_rdo215(); 변경 후 COLOR* get_rdo210(){ return _rdo210;} COLOR* get_rdo211(){ return _rdo211;} COLOR* get_rdo212(){ return _rdo212;} COLOR* get_rdo213(){ return _rdo213;} C.. 2018. 11. 19.
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.
반응형