본문 바로가기
코딩 이야기/React-Native 앱 개발

[React-Native] (1) 앱 만들기 시작하기 (디렉토리 생성 및 시뮬레이터 실행)

by oozoobigstar 2023. 3. 29.
반응형

안녕하세요!

짧으면 짧고, 길다면 그럴 수도 있는 3개월 정도의 학교 생활을 다시 끝내고 돌아온 soso 입니다 :)

학교 생활동안에는 많은 양의 숙제와 시험 때문에 그쪽에 밖에 집중하지 못하기 때문에 텀을 가지게 될 수밖에 없더라고요 😢

어찌 됐든 포기하지 않고, 다시 돌아왔습니다!

그런데 그 기간 동안 손을 안 대었다고 다 까먹었더니 제 스스로 이 일지에 남겨야 겠다는 생각이 들더라고요.

저는 필요 없을 줄 알았는데, 리액트 네이티브를 시작하는 것부터 다 까먹어서 이제서야 필요성을 느끼고 하나 하나 남겨보려고 합니다.

이 테마의 글은 저처럼 코딩을 이제 시작하신 분(저는 다시 시작하는 것이지만, 다 까먹어서..)에게 도움이 될 것 같아요.

 

제가 하면서 느낀 가장 좋은 방법은 하나의 방법을 중심으로 계속 그걸 따라가는 게 가장 좋은 것 같아요.

하고 싶은 건 하나지만, 방법은 여러 가지라서, 여러 블로그를 보다가 상당히 혼란스러운 경험을 직접 해보았거든요.

하지만 그건 실질적으로 어려운 건 맞아요.

아무래도 작업 환경과 하는 데 있어서 우리도 모르게 오류를 만들어 낼지도 모르니까요.

그래서 글을 더욱 자세히 써야 겠다는 생각이 들었어요!

단계도 정말 세분화해서 글을 써볼 예정입니다.

도움이 되었으면 좋겠습니다 :)

 

개발환경 세팅은 전에 써놓은 글을 참고 하시면 됩니다!

저는 이미 세팅이 되어 있어서 다시 쓸 수는 없을 것 같네요..

노트북: Apple MacBook air M1, 8GB 옵션 없음 - 정말 기본 모델

 

1. React native 시작하기

일단 리액트 네이티브 환경이 구축되어 있다는 전제하에 설명드리겠습니다. 

 

우선 터미널에 들어가 아래 코드를 붙여넣어줍니다.  (OwnProjectName = 자신의 프로젝트 이름)

react-native init OwnProjectName

이건 파일을 만드는 작업이에요. 

그러면 Homebrew 와 gem 둘 중 하나를 선택해서 번들러를 다운받게 되는데,

다른 점은 솔직히 모르겠어서 그냥 아무거나 선택해서 합니다.. 하하

 

(*) ERROR

저는 아래와 같은 에러가 떴는데, 

 Your Ruby version is 2.7.5, but your Gemfile specified 2.7.6

아래 사이트에서 발견한 이와 같은 코드를 터미널에 입력해서 해결했습니다!

(버전은 2.7.6으로 해주었어요, 2.7.5로 했을 때는 안 되더라고요😓)

rvm install 2.2.5
rvm use 2.2.5

else if you're using rbenv:

rbenv install 2.2.5
rbenv local 2.2.5

https://stackoverflow.com/questions/37914702/how-to-fix-your-ruby-version-is-2-3-0-but-your-gemfile-specified-2-2-5-while

 

How to fix "Your Ruby version is 2.3.0, but your Gemfile specified 2.2.5" while server starting

I am getting this error while running server, how do I fix this?

stackoverflow.com

 

 

 

2.  시작하기

아래 코드를 순서대로 터미널에 복붙을 해줍니다. 

cd (파일명)
npx react-native init

 

그럼 아래와 같이 시뮬레이터가 작동하는 모습을 볼 수 있습니다!

 

그럼 이제 에디터에서 디렉토리를 열어주면,

정말 시작할 준비가 된 것입니다!

 

반응형