비개발자로서 앱 개발에 도전하는 과정에서 세부적인 설치 과정에 대해 다룹니다. React Native, 안드로이드 스튜디오, Xcode, Node.js 및 npm을 설치하는 방법을 소개하며, 앱 개발 환경 구축하는 방법을 상세히 안내합니다.
앱 개발 환경 구축: React Native 설치
React Native는 JavaScript를 사용하여 크로스 플랫폼 모바일 앱을 개발하기 위한 프레임워크입니다.
React Native는 두 가지 설치 방법이 있는데 Expo CLI는 추천하지 않습니다. 리액트 앱 개발이라기 보다는 expo 앱 개발에 가깝습니다. 현업 개발에서는 이런 방식으로 개발하는 것을 추천하지 않습니다. 그 이유는 초심자를 위해 만들어진 프레임워크이기 때문입니다. 시작하기 편하고 개발하기 편한 환경을 제공하긴 하지만 견고하지는 않습니다. 버전 업데이트마다 많은 오류를 발생시키기도 삽니다. 환경이 좀 복잡해지더라도 안정적이고 자유도 있게 개발하기 위해서는 우측 탭에 있는 React Native CLI 과정대로 설치하기를 권장합니다.
앱 개발 환경 구축: 안드로이드 스튜디오 설치
안드로이드 스튜디오는 안드로이드 앱 개발을 위한 공식 통합 개발 환경(IDE)입니다. 안드로이드 스튜디오를 다운로드하고 설치하는 과정은 공식 안드로이드 개발자 사이트에서 상세히 안내되어 있습니다. 설치 후에는 안드로이드 스튜디오에서 앱 개발을 위한 프로젝트를 생성하고 관리할 수 있습니다.
앱 개발 환경 구축: Xcode 설치
Xcode는 iOS 앱 개발을 위한 공식 IDE로, macOS에서만 사용할 수 있습니다. Xcode를 설치하기 위해서는 macOS 운영 체제가 필요하며, App Store에서 Xcode를 다운로드하여 설치할 수 있습니다. Xcode를 설치한 후에는 iOS 앱을 개발하기 위한 프로젝트를 생성하고 관리할 수 있습니다.
앱 개발 환경 구축: Node.js & npm 설치
Node.js와 npm은 JavaScript 런타임 환경으로, 앱 개발을 위해 필수적인 요소입니다.
Node.js는 2009년에 개발되었으며, 2011년에 정식 버전이 출시되었습니다. 과거에는 PHP, JSP, .NET 등이 주로 사용되어 서버와 개발을 수행했으며, 자바스크립트로는 서버를 개발할 수 없었습니다. 하지만 Node.js는 자바스크립트로 서버를 구성하고 개발할 수 있게 역할을 수행합니다.
Node.js를 다운로드하면 자동으로 npm 패키지 매니저가 함께 제공됩니다. Node.js의 공식 웹사이트에서 다운로드하여 설치한 후, npm이 함께 설치되었는지 확인해야 합니다. Node.js 및 npm을 설치하면 JavaScript로 서버 사이드 코드를 실행하고 앱 개발을 위한 패키지를 관리할 수 있습니다.
앱 개발을 진행하면 여러 라이브러리를 설치해야 하는 경우가 발생하며, 각 라이브러리는 버전별로 관리됩니다. 앱은 이러한 라이브러리와 의존성을 갖게 됩니다. 라이브러리가 새 버전으로 업데이트되면 해당 버전을 앱에 적용해야 합니다. 이러한 관리를 위해 패키지 매니저가 사용됩니다. Node.js는 npm을 사용하여 패키지 매니징을 수행합니다. 또한, Android의 경우 gradle 또는 marven을 사용하며, Xcode는 별도의 패키지 매니저가 없기 때문에 CocoaPods를 사용해야 합니다.
Node.js와 npm은 nvm을 통해 설치하는 것이 권장됩니다. nvm은 Node.js 측에서 제공하는 버전 관리자로, Node.js를 버전별로 효율적으로 관리할 수 있도록 도와줍니다. nvm을 통해 설치하면 Node.js와 npm이 서로 호환되도록 설정할 수 있으며, Node.js의 업데이트에 따라 쉽게 버전을 전환할 수 있습니다.
nvm을 사용하여 설치하는 방법은 아래의 사이트를 참고하세요.
https://github.com/hyochan/react-native-training/blob/master/Intallation.md#ios-installation
참고로 저는 위 링크의 설명대로 따라했는데 설치가 되지 않았습니다. ㅜㅜ
구글링을 통해 얻은 다른 블로거의 포스트를 참고해서 설치했더니 성공했으니..
혹시 설치 과정에서 어려움을 겪는 분들은 링크한 포스트를 참고해 보세요.
(이 글은 2021년 02월에 작성했던 글입니다.)
