JavaScript와 TypeScript가 인기 언어로 급부상하면서 자바스크립트 라이브러리들이 다양하게 출시되었고 그 중 2021년 현재 왕좌를 차지하고 있는 녀석은 React 이다. 그래서 Web에서 React를 많이 쓰고 배워서 모바일 개발을 위해 React Native(이하 RN)을 배우고 싶어하는 개발자들이 많을 것으로 생각된다. React Native는 React와 문법이 매우 흡사하다. 또한 앱에 대한 전반적인 관리를 expo라는 뛰어난 관리 체계가 대신해줌으로써 React를 안다면 RN에 충분히 도전할 수 있다. 그래도 React와 RN은 다른 기기에서 구동되기 위해 다르게 만들어진 라이브러리이다. React만 알고 RN에 도전할 때 주의해야할 3가지 사항을 알아두고 도전한다면 더 배움이 수..

지난 포스팅까지 해서 우리는 네비게이션까지 장착한 자동차를 얻은 것이다. [React Native] ② Navigation 설정 및 프로젝트 구조 잡기 React Navigation React Native(이하 RN)에서 네비게이션을 구현하는데 사용되는 많은 라이브러리들이 존재한다. 그 중 대표적인 것이 React Navigation이다. 난 이것을 사용해 지난 포스팅에 생성한 RN 프로젝 bgradecoding.tistory.com 이제 차의 겉면을 장식할 차례이다. 디자인도 예쁘게 뽑고 썬텐도 해야한다. 그것을 도와줄 친구가 바로 React Native Elements 이다. React Native Elements | React Native Elements Cross Platform React Nat..

React Navigation React Native(이하 RN)에서 네비게이션을 구현하는데 사용되는 많은 라이브러리들이 존재한다. 그 중 대표적인 것이 React Navigation이다. 난 이것을 사용해 지난 포스팅에 생성한 RN 프로젝트에 적용할 것이다. [React Native] React Native 설치 (feat. expo) 개요 핸드폰으로 사용하는 어플리케이션은 개발적인 측면에서 3가지로 나눌 수 있다. Native App, hybrid App, Web App이 그것이다. 성능적인 측면에서는 Native App을 따라올 것이 없다. 하지만 각 OS에 맞 bgradecoding.tistory.com React Navigation은 무려 공식 문서도 제공한다. React Navigation |..

개요 핸드폰으로 사용하는 어플리케이션은 개발적인 측면에서 3가지로 나눌 수 있다. Native App, hybrid App, Web App이 그것이다. 성능적인 측면에서는 Native App을 따라올 것이 없다. 하지만 각 OS에 맞는 언어를 배워야한다. 특히나 IOS는 집에 사과농장을 차리지 않아 익숙하지 않은 개발자라면 더더욱 고난이도의 앱 개발이 될 것이다. 그래서 나온 것이 hybrid App이다. 한가지 방법으로 두가지 OS를 모두 개발할 수 있는 플랫폼으로 개발한 앱을 말한다. 그 중 오늘 다뤄 볼 아이는 React Native(이하 RN)이다. 문법이 React와 매우 흡사하고 자바스크립트나 타입스크립트를 어느정도 아는 사람이라면 러닝커브가 그렇게 높지 않다. Expo RN을 말한다면서 갑자..