React Native in Android #3

Native 코딩은 Android Studio 에서 하겠지만, React.js 코딩은 어디서 해야 할까요. 전 MS 좋아합니다.

Visual Studio Code 를 설치합니다.

Microsoft 만세. 역시 IDE 는 MS 가 잘 만들죠. 위 링크에서 찾아서 설치해 보세요.

React Native Tools 을 설치합니다.

가장 기본 익스텐션부터 설치합니다. VScode 실행 후, 왼쪽 패널에 확장에서 검색하면 됩니다.

다른 익스텐션은 필요하면 추가하도록 하죠.

Project 를 열어볼까요.

설치된 폴더를 선택해서 Project 를 열어보세요.

Debug 설정을 먼저 해볼까요.

디버깅 설정을 하고 싶은데, 아직 방법을 못 찾았습니다. ㅎ
일단 디버깅 화면에 터미널에서 npm start 합니다.

js 를 수정하고 테스트 해봅시다.

index.android.js 를 열고, Text 내용을 변경한 후 저장하세요. 그리고, 앱을 실행 시킨 후, 테스트폰을 흔들어 보세요.

Reload 하면 변경된 내용이 반영되고, 매번하기 귀찮으면 Enable Live Reload 를 선택하시면 됩니다.