inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 리액트 A-Z[19버전 반영]

npx (패키지)생성과 새로운 폴더에 대해서..

671

jh0416

작성한 질문수 5

0

강의가 거의 끝날 무렵에 즈음하여...

계속해서 궁금했던 점이 있는데요.

강의를 듣다보면 주제에 따라 계속 폴더를 새로 생성하는데

그때마다 npx create-react-app ./ 을 해서 라이브러리를 설치하잖아요. 그런데 항상 같은 명령어는 아닌데..

예를 들어,

1) npx create-react-app 패키지가 있고,

nextJS 강의 땐

2) npx create-next-app@latest --typescript

Redux Toolkit 강의 땐

3) npx create-react-app ./ --template redux-typescript

였는데요.

 

[질문1] 실무에서는 프로젝트 처음 프로젝트 생성 후에 계속 바꿔줄 것 같진 않은데 만약 프로젝트 폴더가 npx create-react-app으로만 설치 되었다면,

typescript를 사용하기 위해선 폴더를 삭제했다가 다시 npx create-next-app@latest --typescript로 생성해야 할까요?

 

[질문2] 그리고 2)과 3)의 차이는 리덕스를 사용하지 않는 typescript와 리덕스를 사용하는 typescript의 차이인가요?

 

강의 들으면서 npm(모듈 설치)도 더러 나왔지만 npx도 몇 번 나왔던 것 같은데 다시 찾아보니 3개밖에 안보이네요^^;

 

[질문3] @latest의 의미와 중간중간 보이는 --save, --template 이런 의미들이 궁금합니다.

 

 

npx redux tdd react typescript Next.js

답변 1

1

John Ahn

안녕하세요!

1) 아 만약 create-react-app으로 시작했다가 typescript를 넣고 싶으면 tsconfig 파일을 손수 만들어서 사용하시면 됩니다.

2) 네 맞습니다.

3) latest는 최신 버전 설치를 의미하며, --save는 이 옵션을 추가하면 모듈을 설치하면서 package.json 파일에 해당 모듈이 설치됨이 명시됩니다. --template은 어떤 템플렛을 사용할 것인지에 대한 옵션입니다.

감사합니다.

0

김사랑

강사님, 혹시 npx create했는데 오류가 나는데 이부분 어떻게 해야할까요? ( tsconfig.json파일이 이미있어서 안깔리는게 맞을까요?)

nextjs-app % npx create-next-app@latest --ts ./

✔ Would you like to use ESLint with this project? … No / Yes

The directory nextjs-app contains files that could conflict:

.eslintrc.json

.next/

README.md

lib/

next-env.d.ts

next.config.js

node_modules/

package-lock.json

package.json

pages/

posts/

public/

styles/

tsconfig.json

Either try using a new directory name, or remove the files listed above.

강의 소스 코드 압축 풀기 오류

0

89

1

런타임 에러 ㅠㅠ

0

104

1

강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ

0

113

1

안녕하세요 개발과 상관없는 질문입니다만

0

122

1

리액트 라우터 관련

0

117

1

react-beatiful-dnd에서 문제가 발생합니다.

0

108

1

react19에서는 react-beautiful-dnd가 설치되지 않습니다.

0

829

1

useEffect로 사용을 해도 되나요?

0

207

1

넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.

0

201

1

react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다

0

287

2

리액트 dockderfile 작성 시 COPY 질문

0

155

1

next.js에서부터는 react query 필요없는지

0

325

1

기능

0

203

1

오류가 안보여요

0

203

1

CSS

0

223

1

local storage

0

220

1

list컴포넌트 생성하기

0

228

1

검색어 입력 후 초기화하는 방법 궁금합니다!

0

340

1

Banner.css에 대해서

0

461

1

플러그인이 추천을 안해줍니다

0

331

1

마이너스버튼 테스트

0

282

2

리액트 서버 실행 오류

0

1165

2

오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ

0

305

1

creactStore질문이요

1

291

2