inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

배달앱 클론코딩 [with React Native]

안녕하세요~ typescript template 관련 질문입니다.

168

zucin

작성한 질문수 3

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 단까지 처리 할 수 있을까요?

react-native

답변 1

0

제로초(조현영)

이 다음에 뭘로 리액트 네이티브 프로젝트를 생성하시나요?

0

zucin

아 우선 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 파일로 이름변경.

 

이 순서대로 프로젝트를 생성하였습니다.

0

제로초(조현영)

네네 그렇게 하셔도 동일한 결과물이 나옵니다! 다만 typescript test나 eslint쪽 설정 추가로 더 해야 완전 똑같아집니다.

0

zucin

혹시 그럼 완전 똑같아 지게 하는 방법을 부탁드려도 될까요?ㅠ

0

제로초(조현영)

제 setting 코드랑 비교해보세요. 거기서 달라진부분만 같게 만드시면 되는 것 아닌가요? package.json이랑 eslintrc 정도만 다를 것 같은데요. 그리고 npx react-native init 쪽을 해결하시는 게 더 나을 것 같습니다. 대부분의 사람이 저 명령어가 제대로 돌아가는데 이게 안 돼서 다른 방법을 찾는 게 더 이상한 상황 같습니다.

앱실행시 네이버맵 [401] 에러

0

1044

2

스타일링 라이브러리

0

159

2

expo, cli 선택 중에 고민이 있습니다.

0

175

2

JDK 버전이 달라도 괜찮나요?

0

236

2

dimenstion usewindowdeminstion

0

129

3

[맥 전용]환경 설정하기 1편 & [맥 전용]환경 설정하기 2편의 영상이 안나옵니다.

0

215

1

jdk11 버전과 gradle 버전의 호환성 관련 질문드립니다.

0

407

2

강의 외 질문입니다!

0

163

2

react native랑 맞는 ui 라이브러리 어떤게 좋을까요?

0

1535

2

react native와 spring boot 연결

0

362

1

java가 아닌 .kt에서 code push 에러가 발생합니다.

0

219

2

flipper 239 에러가 발생합니다.

0

169

2

package.json에 /lib/panino.js 문제입니다.

0

476

2

window - mac 협업 과정 질문합니다

0

221

1

ios 빌드 중 RCTBridgeDelegate.h import 오류

0

293

2

ios 앱 빌드 중 hermesEnabled 관련 오류발생

0

246

2

Socket 연결시 질문 드립니다.!

0

155

2

wifi 환경에서 axios 통신이 로컬서버에서 안됩니다.

0

430

2

iOS render error 질문드립니다.

0

416

2

iOS 가상머신 오류

0

170

2

npc react init 명령어 실행시 발생되는 오류

0

223

1

nom start 시 오류

0

119

1

NextJS 기반으로 만들어서 웹뷰 React Native로 배포 가능한가요?

0

1013

2

안드로이드 rn75 버전에 맞게 설정 중에 android13 다운로드에 대해서 막혔습니다!

0

187

2