개인 프로젝트를 진행할려다가 react-native도 알아보고 싶어서 간단하게 nomade coder에서 강의를 보면서 감을 잡으려고 한다.
현재는 ios기반의 기기들이 없는데 나중에 ios어플들도 만들어 보고 싶어서 react navtive를 공부해볼려고 한다.
처음 필요한것
android studio
npm
node
expo 계정
프로젝트 생성
expo init projectname
나는 vscode 터미널에 원하는 프로젝트 디렉토리에서 프로젝트를 생성하였다.
blank로 생성 !
app.json -> configuration 파일이다.
프로젝트 실행
npm or yarm start
프로젝트를 실행하면 export Dev tools가 실행된다.
화면에 QR코드가 생성되어있는데 android에서 스캔하면 expo 앱에서 만들고있는 앱을 폰에서 바로 테스트 할수있다고 한다. !
dev tools에서 이렇게 작업환경에서 시뮬레이터를 돌릴수도 있다!
와! expo는 앱에 변경이 생기면 바로 reload해서 시뮬레이터에다가 보여준다..!
개발자 메뉴 열기
핸드폰을 흔들면 열린다.
react native는 코드를 작성하면 swift나 java로 다리가 있다! 즉 native로 변환해준다는 거다.
그래서 브릿지가 느려지지 않도록 너무 무거운 어플을 만드는 것은 좋지 않다.
컴포넌트
react native는 div, span을 쓰지 않고 View, Text 이런것들을 쓴다. css와는 다르다!
한걸음씩 위로 자유롭게