맥북 에어 M3 React Native 초기 환경 설정

 

안녕하세요! 오늘은 React Native 프로젝트를 시작하기 위한 초기 환경 설정 방법을 알아보겠습니다.

 

앱 개발을 시작하면서 언어 선택에 많은 고민이 있었는데 

 

그래도 React Native를 선택한 이유는 

 

1. 웹 개발을 할 때 React를 사용했었고, 

2. React와 큰 차이 없이 컴포넌트만 몇개 적응하면 개발이 어렵지 않다고 들어서, 

3. 또한 ios, android 둘 다 개발이 가능한다고 해서

 

리액트 네이티브를 선택해서 앱 개발을 시작하게 되었습니다.

 

하지만 역시 개발환경 세팅이 제일 어려운 법인데..

여러 오류들을 만나가면서 해결한 최신 버전으로써의 결과를 알려드리고자 합니다 !

 

 

 

 

사전 준비사항

 

React Native 개발을 위해서는 다음 도구들이 필요합니다: 버전은 아래와 같습니다.

- Node.js

~ node -v
v23.6.1

 

- Homebrew

~ brew -v
Homebrew 4.4.17

 

- React Native

~ react-native -v
react-native-cli: 2.0.1
react-native: n/a - not inside a React Native project directory

 

- CocoaPods (iOS 개발 시)

 

프로젝트 생성하기

 

최신 React Native에서는 다음 명령어를 사용하여 프로젝트를 생성합니다:

 

터미널을 켜고 원하는 폴더에 들어가서 아래 명령어를 쳐주세요!!

npx @react-native-community/cli init MyApp

 

> 참고: 이전에 사용하던 `npx react-native init` 명령어는 더 이상 사용되지 않습니다.

 

 

TypeScript 관련 참고사항

 

최신 버전의 React Native에서는 TypeScript가 기본으로 설정되어 있습니다. 따라서 이전에 사용하던 `--template typescript` 옵션은 더 이상 필요하지 않습니다.

 

iOS 개발 환경 설정

 

iOS 앱 개발을 위해서는 추가적인 설정이 필요합니다. 프로젝트 생성 후에 iOS 폴더로 이동하여 CocoaPods를 설치해야 합니다:

 

cd ios
pod install

 

이 과정을 통해 iOS 개발에 필요한 의존성들이 설치됩니다.

 

 

마무리

 

이렇게 하면 React Native 프로젝트의 기본적인 환경 설정이 완료됩니다. 다음 포스트에서는 실제 개발 과정에 대해 다뤄보도록 하겠습니다.

 

---

 

더 자세한 정보가 필요하시다면 [React Native 공식 문서](https://reactnative.dev/docs/environment-setup)를 참고하면 좋을 것 같습니다 !