나만을 위한 블로그

※ 이 포스팅은 리액트 네이티브와 npm 등 설치, 환경설정을 모두 완료했다고 가정하고 작성됐다※ 이 포스팅은 윈도우에서 테스트 후 작성됐다. 그러나 맥이라고 별다를 것 없다 리액트 네이티브 프로젝트를 만드는 법은 리액트 네이티브 CLI 방식 외에도 Expo CLI 방식도 있다.개인적으로 프로젝트를 만들 땐 리액트 네이티브 CLI 방식을 더 선호하지만 간단한 앱이라면 Expo로 만드는 것도 나쁘지 않아 보여서 사용한 후 방법을 정리한다.Expo CLI로 프로젝트를 만드는 법은 공식문서에 잘 나와 있어서 그대로 따라하기만 하면 된다.Expo CLI를 설치하려면 아래 명령어를 터미널에 입력한다. yarn add expo 사용할 수 있는 Expo CLI들을 확인하려면 터미널에 아래 명령어를 입력한다. npx ..

윈도우 환경에서의 설치법은 다른 설치글이나 아래 링크를 참고한다. https://onlyfor-me-blog.tistory.com/401 [React-Native] 윈도우에서 vs code에 리액트 네이티브 개발 환경 설정하는 법 (2022 ver) 수정 내역) 2022.04.13 - 오랜만에 해봤는데 에러 발생해서 구글링으로 해결함. 에뮬레이터와 실기기에서 작동하는 것 확인 후 올림 이 글은 윈도우 기준으로 작성됐으니 주의하자. 이 포스팅을 진 onlyfor-me-blog.tistory.com 맥북에 리액트 네이티브 환경을 처음부터 설정한다면 설치해야 하는 것들은 아래와 같다. Node.js npm yarn java cocoapods 안드로이드 스튜디오 + XCode 하나씩 설치해 보자. 먼저 아래의 ..

전에 잠깐 리액트 네이티브를 찍먹 느낌으로 해봤었는데 어쩌다 vs code를 키니 예전에 작성했던 리액트 네이티브 프로젝트가 나와서 이대로 버리기엔 아까워서 개념이라도 적어둔다. 이 태그에 대한 리액트 네이티브의 공식 홈페이지 설명은 아래와 같다. https://reactnative.dev/docs/safeareaview SafeAreaView · React Native The purpose of SafeAreaView is to render content within the safe area boundaries of a device. It is currently only applicable to iOS devices with iOS version 11 or later. reactnative.dev Sa..

수정 내역) 2022.04.13 - 오랜만에 해봤는데 에러 발생해서 구글링으로 해결함. 에뮬레이터와 실기기에서 작동하는 것 확인 후 올림 이 글은 윈도우 기준으로 작성됐으니 주의하자. 이 포스팅을 진행하기 전에 설치돼 있어야 하는 것들은 아래와 같다. vs code 파이썬 JDK (내 노트북은 13.0.1 버전이 설치돼 있다. 굳이 이 버전 기준으로 진행할 필요는 없다) Node.js (npm도 필요한데 Node.js를 설치하면 덤으로 깔린다) Android Studio (에뮬레이터로도 돌려봐야 하니까. 나중에는 자바 코드도 수정해야 하니 안드로이드 스튜디오는 깔려 있어야 한다) Node.js는 아래 링크에서 다운받을 수 있다. https://nodejs.org/ko/ Node.js Node.js® is..