리액트 개발환경 세팅 / 프로젝트 생성

리액트 프로젝트를 실행하기 전 node.js + 에디터로 vscode 설치.

npx create-react-app blog

→ 요즘은 vite를 쓰는게 대세! 라고 한다.

npm create vite@latest

위 명령어를 대신 입력해서 리액트 프로젝트를 세팅~

만든 프로젝트 폴더를 열면

src폴더 안에 있는 App.js 이게 메인페이지 → 여기서 코드를 짜면 된다~

• node_modules 폴더 : 라이브러리 코드 보관함
• public 폴더 : static 파일 모아놓는 곳
• src 폴더 : 코드짜는 곳
• package.json : 프로젝트 정보

내 사이트를 브라우저로 미리보기 띄우기

에디터 상단 메뉴 중에 Terminal - New Terminal 실행

터미널에

npm run dev

입력

해당 주소로 접속하면

이러한 화면이 뜬다.