2021/10/29 금요일
만들고 싶은 애플리케이션이 생겨서 React Native로 만들어보려고 한다.
다행히도 노마드코더님이 최근에 리액트 네이티브의 무료 강의를 업데이트 해주셔서 시작은 이 강의를 참고하기로 했다.
앱을 만드는 건 처음이라서 강의내용이 새로웠다.
리액트의 친척이라서 문법면에서는 배우는데 어려움이 없다.
원래 앱을 개발하려면 자바 등 앱 개발 환경을 구축해야 하지만, Expo라는 도구로 개발환경을 따로 구축하지 않아도 개발이 가능하다고 한다.
내 휴대폰과 연동해서 실시간으로 결과를 확인할 수도 있어서 편하다.
리액트 네이티브는 리액트의 친척이지만 브라우저로 돌아가는게 아니기 때문에, 기존의 HTML문법은 쓰지 않는다.
하지만 컴포넌트 개념은 그대로 남아있어서, 리액트 네이티브의 컴포넌트명만 익숙해지면 빠르게 적응할 수 있겠다. (컨테이너를 만들 때는 div 대신 View라는 컴포넌트를 쓴다.)
리액트 네이티브는 원래 다양한 컴포넌트를 자체적으로 가지고 있었지만, 빠르고 유지를 쉽게 하기 위해서 현재는 중요한 기능만 남겼다고 한다.
대신 유저들이 만든 컴포넌트, API들을 쓴다고 한다.
HTML, CSS와 비슷한 부분도 있고 다른 부분도 있어서 배우는게 재미있다.
컴포넌트나 옵션중에 편리한 기능이 많아서 좋다.
ScrollView만 해도 가로로 정렬해주는 horizontal, 컨텐츠들을 자동으로 페이징해주는 pagingEnabled(이게 제일 놀라웠다), showsHorizontalScrollIndicator 같은 옵션들이 있어서 흥미롭다.
ScrollView는 그냥 style이 아닌 contentContainerStyle을 써야한다고 한다.
