/ToDoList-App-React-Native

ToDoList-App made with react-native

Primary LanguageJavaScript

ToDoList-App

ToDoList-App made with react-native

해당 프로젝트는 노마드 코더 YouTube강의를 학습 및 실습한 프로젝트임을 밝힌다.
노마드 코더 의 다른 강의를 듣고 싶은 사람은 여기 클릭!

  • ToDo App을 React-Native를 사용하여 개발한다.
  • Expo환경에서 빌드, 테스트, 배포 까지 진행한다.
  • 에디터로는 VSC를 사용한다.

정리하자면..
React-Native, Expo, VSC + Genymotion or LG V35..


초기작업 설명

npm install expo-cli --global

위 코드를 실행하여 expo를 설치한다.

expo-cli 를 설치하지 않고도 App을 만들 수 있게 Expo가 지원을 해주기도 한다.(Slack..)
Expo에 대해 더 알고 싶다면 여기 클릭!

설치가 완료되면

expo init

위 코드를 실행하여 초기화 작업을 해준다.
template을 고르고 프로젝트 경로 등을 지정해주는 몇 가지 입력만 하면 완성이다.

매우 간편하다.. 이게 진짜 되는거야..? 라는 의심이 들 정도

cd [project-url]
yarn start

위 코드를 실행하여 지정해준 프로젝트 경로로 이동하고 앱을 실행해보자

2019-02-01 03 38 15 위 사진처럼 활성화된다면 이제 남은 것은 VSC나 Atom, Sublime Text 같은 에디터로 앱을 완성시키는 일만 남았다.

좌측 하단에 있는 QR코드를 통해 나의 스마트폰으로도 테스팅을 진행할 수 있다. Expo 앱을 다운로드 받은 후 좌측 하단의 QR코드를 스캔 하면 끝!


Troubleshooting

.


완성된 App은 구글스토에는 올리지 않았지만 사용해보고자 하는 사람은(Android만... ios는 맥이 없어서..) 다운로드 링크 사용해보시길.. 안드로이드 사용자만!

kakaotalk_20190211_155113717
이렇게 생겼음! .
.
.

Gracias Nicolas!