인프런 커뮤니티 질문&답변
작성한 질문수
vite 설치 관련 문의
해결된 질문
작성
·
34
0
npm create vite@latest . --template react 실행시면 설치 옵션에 바닐라랑 리액트가 있는데 리액트를 설치하는 거죠?
그 다음에 나오는 옵션에선 타입스크립트랑 자바스크립트가 있는데 그것도 그냥 하나씩만 있는 게 아니고 js+SWC 이런 것도 있는데 뭐 설치해요?
답변 1
0
안녕하세요. 질문 주셔서 감사합니다!
npm create vite@latest . --template 입력 시 아래와 같은 화면이 뜨게됩니다.
저희는 React 개발이기에 키보드 상하키를 이용해 React를 선택합니다.
JavaScript VS TypeScript
JavaScript는 동적 타입 언어로, 변수에 어떤 타입이 들어갈지 정해져 있지 않아 빠르게 개발을 시작할 수 있지만, 런타임 오류가 발생하기 쉽습니다. 반면, TypeScript는 정적 타입 언어로 컴파일 시점에 타입을 검사할 수 있어 코드의 안정성과 유지보수성이 높습니다. 처음 개발에 입문하시는 수강생 분들께서는 JavaScript로 시작하셔서 문법에 익숙해지시면 TypeScript도 같이 배우시는 것을 추천드립니다.
SWC가 포함된 템플릿과 포함되지 않은 템플릿의 차이점
SWC가 포함된 템플릿은 코드 실행 속도와 개발 속도가 빠릅니다. SWC는 코드를 변환해주는 도구인데, 기존보다 훨씬 빠르게 작동해서 개발 중 저장하거나 새로고침할 때 더 빠르게 반영됩니다. 큰 프로젝트일수록 SWC의 빠른 속도가 유리합니다.
반면, SWC가 포함되지 않은 템플릿은 속도가 조금 느리지만, 다양한 기능과 호환성이 더 좋습니다.
저희 강의에서는 SWC가 포함되지 않은 템플릿으로 진행했었습니다. 이 방식은 속도는 다소 느릴 수 있지만, 호환성이 더 높고 설정이 단순해서 학습용이나 기본 프로젝트에는 적합합니다. 따라서 나중에 규모가 큰 프로젝트를 하거나 더 빠른 개발 환경이 필요할 경우, SWC 포함 템플릿을 사용하는 것도 좋은 선택입니다.
감사합니다.