React Native

react native 는 react 기반이기는 하지만 사용하는 태그(컴포넌트, 요소) 가 살짝 다르다. react 에서는 html 태그를 그대로 이용해도 괜찮은데 react native 는 자체 제공하는 컴포넌트를 사용해야 한다. 또 스타일 적용하는 법도 다르다. html, react 는 부모에게 스타일을 적용해주면 자식의 텍스트들에도 스타일이 적용되는데, react native 는 스타일을 적용할 데에 직접 style 을 넣어줘야 한다. 프로젝트 생성 시 볼 수 있는 컴포넌트들을 정리해보면 다음과 같다. component (tag) description View div 랑 같음 Text 텍스트에 스타일 주는 용도 SafeAreaView 아이폰의 경우 상단의 m 자 모양까지 화면이 꽉 차는 경우가 있는..

react native 를 시작하는 방법이 두 가지가 있는데, 하나는 expo 라는 것이고 하나는 cli 다. expo 는 시작하기도 쉽고 배포하기 쉽다. 단... 앱이 무진장 무거워지는데다 네이티브 link 가 안된다. 그래서 눈을 돌린 것이 cli 다. cli 는 시작하기 좀 번거롭고 배포하기도 어렵지만, expo 앱에 비해 가볍고 네이티브 link 가 된다. React native Cli 설치 react native cli 를 위해 다음의 사항들이 필요하다 - nodejs : js 런타임 - yarn : nodejs 패키지 관리자 - watchman : 소스코드 변경이 일어나면 자동 갱신 - react-native-cli : 우리가 써야할 애 ^^ - xcode : ios 네이티브 개발 툴 - co..

npm run android 실행 시 오류가 났다. 오류 메시지에도 'npm에는 문제가 없는 거 같은데?! 로그 살펴봐' 라는 말을 하길래 로그를 살펴보니... 로그에도 뭐가 안 찍힌다. 일단 검색을 주구장창 해서 여러가지 시도해본 결과... 아래 4 가지 방법 중 어떤 것 덕분에 해결됐는지 모르겠다 -_- 아무튼 4 가지 방법을 시도해보면 해결된다. 1. 다른 프로세스가 실행중인가? 다른 프로세스가 실행 중이어서 오류가 났던 것 같다. 실행 중이던 프로세스를 종료시키고 다시 실행하니 해결됨. 2. sdk 환경변수 설정을 했는가? ~/.bash_profile 은 설정해주었는데, ~/.zshrc 파일은 설정해주지 않았었다. vi ~/.zshrc 를 입력해 파일을 열고 아래 코드를 붙여넣어주자. 참고로 AN..