리액트 시작하기

■ React(Vite) 설치 및 실행

1. 터미널(명령 프롬프트) 실행
- Windows + R
- cmd 입력 후 Enter

또는
- VS Code 터미널 : Ctrl + `

------------------------------------------------

■ 인터페이스 종류

GUI (Graphical User Interface)
- 그래픽 화면을 이용하는 방식

TUI (Text User Interface)
- 텍스트 화면을 이용하는 방식

CLI (Command Line Interface)
- 명령어를 입력하여 사용하는 방식

------------------------------------------------

■ VS Code 명령어

현재 폴더 열기
code .

터미널 열기/닫기
Ctrl + `

또는

보기(View) → 터미널

------------------------------------------------

■ React 프로젝트 실행

npm run dev

------------------------------------------------

■ 개발 서버 종료

Ctrl + C

------------------------------------------------

■ 실행 확인

http://localhost:5173

------------------------------------------------

■ 코드 자동 정렬(Prettier)

확장 프로그램 설치
Prettier - Code formatter

설정
Settings

검색
Format On Save

체크(활성화)

------------------------------------------------

■ Git 초기화

git init


추가로 함께 외워두면 좋은 명령어
# React(Vite) 프로젝트 생성
npm create vite@latest

# 프로젝트 폴더 이동
cd 프로젝트명

# 패키지 설치
npm install

# 개발 서버 실행
npm run dev

# 서버 종료
Ctrl + C

# Git 초기화
git init

# Git 상태 확인
git status

# GitHub에 업로드
git add .
git commit -m "first commit"
git push