회고

RN을 Expo 환경에서 다뤘다. 일단 모바일 환경은 웹 환경과 전체적으론 비슷하나 디테일한 부분들이 다른점이 많아 익히는데 시간이 걸렸다.

라이브러리

- [ ]  yarn add @react-navigation/native
- [ ]  npx expo install react-native-screens react-native-safe-area-context (expo를 사용하기 때문에 설치)
- [ ]  yarn add @react-navigation/native-stack
- [ ]  yarn add @react-navigation/bottom-tabs
- [ ]  yarn add axios
- [ ]  yarn add json-server
- [ ]  yarn json-server --watch db.json --port 3001
- [ ]  yarn add @emotion/react @emotion/native
- [ ]  yarn add @tanstack/react-query
- [ ]  yarn add @tanstack/react-query-devtools

일단 라이브러리가 굉장히 많다... 지금 받은 것도 일부이다. 라이브러리를 통한 오류도 굉장히 많으니 항상 임포트와 경로를 신경써줘야 한다.

CSS

css를 사용하는 방법이 다양했다. 스타일드 컴퍼넌트, 스타일 시트, 테일윈드 등등
하지만 내가 사용한 방법은 스타일드 컴퍼넌트와 스타일 시트이다. 가장 기본적이면서도 깔끔해 보이고 협업에 잘 맞는 형식인 것 같아서 둘을 중점으로 css를 사용했다.

태그

웹과 비교했을때 다른점이 가장 많으면서도 간편했던 부분이 태그이다.
기본적으로 웹에서 속성을 다 입력해줘야 했던 작업들이 모바일 환경에서는 이미 적용이 되어있는 태그들이 많았다. 그래서 처음에는 익숙하지 않지만 오히려 더 간편하게 작업할 수 있었던 것 같다.
문제는 다시 웹개발을 할 때 헷갈리진 않을지...

✅모바일 앱 개발의 특징은 OS에 따라 화면에 나타나는 방식이 다르니 꼭 확인해야함!!

---

느낀점

리액트-네이티브를 잘하려면 결국 리액트를 잘 다뤄야하고 리액트를 잘 다루려면 자바스크립트를 잘 다뤄야하고... 열심히하자....

🟢그래도 새로운 것을 시작할 때는 늘 즐겁다.