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..
네이티브 앱 개발은 각 플랫폼에 맞는 언어, 맞는 툴을 써서 개발을 해야 한다. 실제 앱을 개발하려면 여러 플랫폼에서 제공되어야 이점이 크다. 하지만 안드로이드 스튜디오, xcode, java, kotlin, swift ... 등등 필요한 지식을 앱 개발을 위해 깊게까지 공부하는 건 좀 무리가 있다 판단되었다.. 난 앱 개발자도 아니고.. 취미로 하는 수준에 저 정도 역량이 갖춰진다면 좋겠지만 시간이 없다 시간이... 당장 회사에서 내 역량 키우기도 바쁘다 -_- 그러던 와중에 react native 라는 걸 알게 되었다. react로 앱개발을 할 수 있다니? 심지어 여러 플랫폼을 단 한방에 지원해준다니? 마침 회사에서 react 를 다루기도 하고, 취미로 앱개발 하기엔 적당하다 생각되어 당장 레퍼런스를..
