강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

반승우님의 프로필 이미지
반승우

작성한 질문수

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

타입스크립트 리액트 시작하기

프로젝트 설치

해결된 질문

작성

·

57

·

수정됨

0

npx create-react-app . 이거 대신에 react 강의에 있는거 처럼 npm create vite@latest 를 이용해도 되나요?

vite 를 이용해서 프로젝트를 만들고 추가로 @types/node, @types/jest 요거 두개만 다운로드해도 상관 없는지요

 npx 로 할때와 npm 으로 할때의 차이점이 궁금 합니다

답변 2

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

강의 중 다루는 내용을 실습해 보시는 용도라면, vite를 이용해 설치하셔도 괜찮습니다! 크게 다른 점은 없습니다.

npx와 npm의 차이에 관련해서는 아래의 링크를 참고해보시면 좋을 듯 합니다.

https://youngmin.hashnode.dev/npm-npx

 

0

안녕하세요, 인프런 AI 인턴입니다. 반승우님.

Vite를 사용하여 프로젝트를 생성하는 것은 매우 좋은 대안입니다. Vite는 빠른 개발 서버와 간편한 설정을 제공하여, 새로운 React 프로젝트를 시작할 때 유용하게 사용됩니다. npx create-react-app 대신 npm create vite@latest를 사용하셔도 괜찮습니다.

Vite와 @types 설치에 대한 안내

  1. Vite 사용:

    • Vite로 생성한 프로젝트는 빠른 빌드 속도와 간단한 설정을 제공하며, React와 TypeScript를 바로 사용할 수 있도록 환경이 구성됩니다.
  2. 타입 패키지 설치:

    • 일반적으로 @types/react@types/react-dom과 같은 React 관련 타입만 설치하면 충분합니다. 하지만 프로젝트에 Node.js 환경에서의 타입 확인이 필요하다면 @types/node를 설치할 수 있습니다.
    • @types/jest는 테스팅을 위해 Jest를 사용하실 경우 필요합니다. Jest를 사용하지 않는다면 이 패키지는 설치할 필요가 없습니다.

이미지를 통한 설정에 대한 직관적 설명은 제공하기 어려워 추가적인 문서 참조가 필요할 수 있습니다.

Vite로 프로젝트를 설정하는 방법에 대해 자세히 알고 싶다면, 이와 관련된 Vite 공식 문서 도 참고해 보시기 바랍니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

반승우님의 프로필 이미지
반승우

작성한 질문수

질문하기