[inflearn] TDD 개발 방법론을 활용한 React Native 앱 개발 (2)

React Native 환경설정

TDD를 적용할 프로젝트는 React Native Project이다. 그래서 환경설정부터 시작하였다.

React Native를 개발하는 방법은 크게 Expo 프레임워크 혹은 React Native CLI인데 이 강의에서는 React Native CLI를 사용하여 환경설정을 하였다.

공식 문서는 다음과 같다.

• https://reactnative.dev/docs/environment-setup

실제 설치는 아래 URL을 참고하여 진행하였다.

• https://dev-yakuza.posstree.com/ko/react-native/install-on-windows/

요약

1. Windows용 패키지 매니저인 Chocolatey 설치
2. React는 javascript이므로 node.js 설치
3. React 개발에 필요한 react-native cli, python, jdk8 설치
4. Android Studio 설치 및 환경변수 설정
5. React Native 프로젝트 생성 및 확인

결과

• 

트러블슈팅

• cli.init is not a function
  • 과거에 react-native-cli를 전역으로 설치하여 발생하는 문제.
  • npm uninstall -g react-native-cli 명령어로 삭제해 준다.
  • https://stackoverflow.com/questions/72768245/typeerror-cli-init-is-not-a-function-for-react-native
  • https://stackoverflow.com/questions/72768245/typeerror-cli-init-is-not-a-function-for-react-native/72768422#72768422
• android gradle plugin requires java 11 to run. you are currently using java 1.8.
  • Android Studio가 ArticFox로 올라가면서 프로젝트 수준의 build.grandle 파일에서 쓰던 “com.android.tools.build:grandle:7.0.3”가 7점대 버전으로 올라갔다.
  • 이 속에 있는 “com.android.application”플러그인이 java 11이 필요하다.
  • 설치된 jdk8을 삭제하고 jdk11로 다시 설치해 보았다. (환경 변수까지 모두 삭제 후 설치)
• The remote file either doesn’t exist, is unauthorized, or is forbidden for url
  • jdk11을 설치하려고 하면 위와 같은 에러가 발생한다.
  • choco list jdk11 명령어로 패키지명을 확인한 후, choco list openjdk11 11.0.16.20220913 명령어를 사용해 설치하였다.

    
  C:\WINDOWS\system32>java -version
  openjdk version "11.0.18" 2023-01-17
  OpenJDK Runtime Environment Temurin-11.0.18+10 (build 11.0.18+10)
  OpenJDK 64-Bit Server VM Temurin-11.0.18+10 (build 11.0.18+10, mixed mode)
  
  C:\WINDOWS\system32>javac -version
  javac 11.0.18