vscode 및 React설치

1.vscode 설치

vscode 공식 사이트에서 다음 파일을 다운로드 받는다.

특이 사항 없이 next 다음 버튼만 눌러서 설치해 주었다.

환경변수에 추가됨을 확인할수 있다. 없다면 여기에 추가해주면 된다.

C:\Users\본인피씨이름\AppData\Local\Programs\Microsoft VS Code\bin

예시)
C:\Users\MSI\AppData\Local\Programs\Microsoft VS Code\bin

2. node 와 yarn 파일.

vscode에서 리액트를 쓰기 위해서 설치해 줘야하는 파일이다.

node-v18.18.2-x64<== 링크 https://nodejs.org/en/download

yarn-1.22.19 <== 링크https://classic.yarnpkg.com/en/docs/install#windows-stable
를 공식사이트에서 찾아서 다운로드 받자

둘다 next 다음 만 누르면 설치된다. 디폴트로 설치하자.

이렇게 하면 vscode 와 리액트 모두 사용이 가능하다.

설치해야하는 툴 몇가지!!

한국어 팩을 설치한다

라이브 서버도 설치한다

프리티어 설치
줄바꿈등 자동 포멧변환 프로그램이다.

오토리네임태그
자동으로 태그 열고닫기를 해준다.

깃허브 코파일럿
<== 월 10달러 비용이 들지만,, 개발 속도가 현저히 빨라지는 툴이니 원하시면 사용 추천한다.
한달은 무료니 써보고 안쓸거같으면 구독 취소하면 된다.

코드스니펫
html 에서 !누르고 엔터 누르면 기본틀이 자동완성 되듯이.아래 프로그램 설치후 다양한 리액트 기본틀이 자동완성 된다.