인프런 커뮤니티 질문&답변
작성한 질문수
안녕하세요~ typescript template 관련 질문입니다.
작성
·
137
0
저번에도 typescript template를 포함한 프로젝트 생성에 관해서 질문 드렸었는데요..
결국 해결하지 못해 manual로 생성하는 방법을 구글링을 통해 알게 되었습니다.
그 방법이 일단 react-native init 로 프로젝트를 생성 후
1. npm install typescript @types/react @types/react-native --save-dev
2.프로젝트 root 폴더에 tsconfig.json 파일 생성 후 다음과 같이 내용을 채워주는 것입니다.
{
"compilerOptions": {
"allowJs": true,
"allowSyntheticDefaultImports": true,
"esModuleInterop": true,
"isolatedModules": true,
"jsx": "react",
"lib": ["es6", "es2017"],
"moduleResolution": "node",
"noEmit": true,
"strict": true,
"target": "esnext",
"skipLibCheck": true
},
"exclude": ["node_modules", "babel.config.js", "metro.config.js", "jest.config.js"]
}
이런식으로 typescript 프로젝트를 생성해도 native 단까지 처리 할 수 있을까요?
답변 1
0
제로초(조현영)
지식공유자
제 setting 코드랑 비교해보세요. 거기서 달라진부분만 같게 만드시면 되는 것 아닌가요? package.json이랑 eslintrc 정도만 다를 것 같은데요. 그리고 npx react-native init 쪽을 해결하시는 게 더 나을 것 같습니다. 대부분의 사람이 저 명령어가 제대로 돌아가는데 이게 안 돼서 다른 방법을 찾는 게 더 이상한 상황 같습니다.
아 우선 npx react-native init 로 리액트네이티브 프로젝트를 생성한 후에
위에 말씀드린 순서대로 적용하는 것입니다.
프로젝트 생성 순서
1. npx react-native init MyApp
2. npm install typescript @types/react @types/react-native --save-dev
3. 생성된 MyApp 프로젝트 root폴더에 tsconfig.json 파일 생성 후 위에 있는 내용으로 tsconfig파일을 작성.
4. App.js 파일을 App.tsx 파일로 이름변경.
이 순서대로 프로젝트를 생성하였습니다.