Tuesday, July 31, 2018

리액트 앱 생성 후 설정 개선하기

'create-react-app <앱이름> --scripts-version=react-scripts-ts' 명령어로 리액트 앱을 생성하면 기본 설정이 적용됩니다. 하지만 이 기본 설정은 깔끔해 보이지만 사실상 불필요한 부분들이 포함되어 있습니다.

tslint나 tsconfig 같은 설정들을 개선하고 싶다면, 아래의 링크를 참조하세요. 이 링크는 리액트와 타입스크립트를 함께 사용하는 데 도움이 되는 정보를 제공합니다:

또한, 대부분의 패키지 설명은 npm을 기준으로 나와 있지만, yarn을 사용하는 것도 좋습니다. 아래의 링크에서 npm에서 yarn으로 이전하는 방법에 대해 알아볼 수 있습니다:

Friday, July 27, 2018

리액트(react) / 리액트 네이티브(react-native) 타입스크립트 설정 쉽게 적용해서 프로젝트 생성하기!

프로젝트를 시작할 때 설정을 잡는 일은 귀찮고 힘든 일일 수 있습니다. 하지만 리액트에서는 'create-react-app'과 'create-react-native-app' 같은 도구를 제공하여 이런 불편함을 해결하고 있습니다.

아래의 명령어를 사용하면, 타입스크립트 설정이 완료된 상태에서 바로 프로젝트를 생성할 수 있습니다.

- 리액트:
create-react-app <앱이름> --scripts-version=react-scripts-ts

- 리액트 네이티브:
create-react-native-app <앱이름> --scripts-version=react-native-scripts-ts

'create-react-native-app (CRNA)'에 관한 좋은 글도 발견해서 공유합니다: