Tech Log

일전에 React로 토이 프로젝트를 만드려고 한 적이 있었다. 그 때는 폰트 적용하는 것이 그닥 어렵지 않았던 것 같았는데.. React Native로 iOS 어플리케이션의 폰트를 적용하는 방법이 약간 번거로웠다. 이 또한 기록해두면 나중에 또 폰트 적용할 때 도움이 되지 않을까 싶어 포스팅해본다. 1. 서체 설치 당연한 것이지만 먼저 앱에 적용하고 싶은 폰트를 찾아, 맥에 설치해야 한다. 트루타입 파일(ttf)이든, 오픈타입 파일(otf)이든 찾아서 설치해주면 된다. 해당 파일을 클릭하고 '서체 설치' 버튼을 누른다. 2. 서체 파일 앱 내에 추가 프로젝트 디렉터리로 이동하여 해당 디렉터리의 ios 파일 내에 폰트 파일을 추가해야 한다. Finder로 직접 추가해줘도 되고, 해당 포스팅에서는 터미널에서..

App.js에 코드를 작성하면 실제 디바이스 화면을 나타낼 수 있다. App.js는 크게 import문, body문, body문을 꾸미는 styles로 구성된다. 리액트 네이티브에서는 웹에서 많이 사용하는 HTML 태그 대신에 리액트 네이티브에서 정한 태그(컴포넌트)만 사용할 수 있다. 이러한 리액트 네이티브의 컴포넌트는 App.js의 body문에 작성한다. 또한, 컴포넌트는 import문에서 가져온다음 사용되기도 한다. View 리액트 네이티브의 컴포넌트 중에서 가장 근본이 되는 것은 View 이다. View는 전체적인 레이아웃을 잡아주는 역할을 한다. 웹에서는 div와 가장 유사하게 사용된다. 중첩이 가능하다. 아래와 같이 사용한다. View는 다른 컴포넌트들을 감싸준다. import React fr..