vite 설치 관련 문의
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 포함 템플릿을 사용하는 것도 좋은 선택입니다.
감사합니다.
https://my-company.site/ 접속
0
61
3
tailwind 1279부터 768까지 모바일형과 컴퓨터형의 컴포넌트가 같이 보임
0
49
3
notion 수정
1
55
1
9강에서 'Ch-9-1. GitHub 저장소 링크' 오류
0
69
1
tailwind 설치 명령어 관련 질문
0
65
2
tailwind 화면 크기에 따른 ui 변화 기준
0
73
1
관리자 자동 로그아웃 문의드립니다.
0
79
1
ipify.org api 호출 시 클라이언트 ip주소를 반환하는지?
0
161
2
ch5-1 관리자 페이지 IP블랙리스트 기능구현 관련
0
80
2
ch4-6 관리자 계정 로그아웃 , 삭제 관련
0
111
2
ch4-5 관리자 계정 로그인, JWT토큰 관련
0
86
2
ch4-4관리자 계정생성하기 문제 발생
0
105
2
MODULE_NOT_FOUND 오류
0
136
3
이미지 파일의 경로 설정에 대한 질문입니다.
0
93
2
배포 후 모바일에서 접속하면 게시판 게시글이 안보이는 문제
0
106
2
모바일 화면 전환
0
122
1
tailwind css 설치 위치
0
205
1
결제기능 관련
0
97
2
배포관련 질문드립니다.
0
142
3
PUT, DELETE 등의 http 메소드 질문있습니다.
0
348
2
안녕하세요 선생님 특정 IP만 접속 가능한 기능 강의 예정 있으실까요??
0
116
1
질문 userSchema 의 timestamps: true
0
88
3
배포에 대해서 질문있습니다
0
144
1
초기 설정에 대한 질문
0
165
1