직딩 개발기- 프로젝트 생성
직딩은 iOS/Android 둘 다 지원해야 해서 CrossPlatform으로 만들기로 했어요. 여러 Platform이 있지만 이미 많이들 사용하고 있는 React Native를 채택했죠 (사실 React-Native 밖에 할 줄 몰라요...)
React Native의 최신 버전은 0.70 이지만 안전(최신 버전은 위험 ㅠㅠ)을 위해 0.69 버전을 골랐어요.
그리고 Typescript를 사용하기 위해 프로젝트 생성에 Typescript Template을 사용했어요.(최신 버전은 기본이 Typescript라네요..)
react-native-template-typescript도 여러 버전이 있는데 6.11.x 버전 까지만 0.69 사용하기 때문에 Repository에 가서 release에서 6.11대의 최신 버전을 찾아봤고 6.11.9 버전 Template으로 프로젝트를 시작했어요.
React Native
먼저 아래 명령어로 template을 지정해서 프로젝트를 생성했어요. (원래는 jicding이었습니다… 이름 바꾸는 법도 나중에 올릴거에요!)
npx react-native init jicding --template react-native-template-typescript@6.11.9
이렇게 뭐라고 떴을 때 y를 넣고 엔터를 쳐준 후 기다렸더니
이런 아이콘(원자력?) 나타나고
jicding 폴더가 생성된 것을 확인할 수 있었어요.
VScode
저는 Visual Studio Code(줄여서 VSCode)로 개발을 했습니다 생성된 jicding폴더를 VSCode로 연다음 왼쪽 바에서 재생 버튼(+버그?) 아이콘을 선택하고
React Native를 선택했더니(안나타나면 React Native Plugin을 설치해보아요)
Android와 iOS 디버깅 설정들이 나타나는데 일단 그냥 확인을 눌러줬어요.
그러면 이제 Android로 디버깅을 할 수 있게 되어서
실행(재생) 아이콘을 누르면 Android 에뮬레이터가 실행되고
jicding 앱이 실행되었어요!
시작이 반이다!
이제 직딩을 개발할 준비가 되었습니다 !!
👏
문제해결
rm -rf /Users/LYJ/.npm/_npx/7930a8670f922cdb/node_modules/.react-native-OiMmviuK
