TIL 20251203

React 입문

• React 의 특징

  • 선언형 → 결과를 먼저 만들고 프레임워크가 알아서 원인을 찾아 제공

  • 컴포넌트 기반 → UI를 재사용 가능하도록 조각낸 것이 컴포넌트

  • 가상 DOM → 실제 DOM에 한 번에 반영하기 위해
    먼저 변경사항이 적용되는 DOM

  • 단방향 데이터 바인딩 → 부모에서 아래로 흐르는 데이터

  • SPA → Single Page Application, 하나의 html 로 다양한 요소를 처리하는 앱

• Vite 를 통한 React 빌드 (npm create vite@latest [name])

• 빌드 직후 초기 프로젝트 요소들 분석

  

  • public → 정적 요소의 파일 모음 폴더 따로
    접근시엔 Public 명시 없이 루트로 요소 접근 가능

  • assets → 에셋 요소들 모음

  • App.jsx → 기본 메인 컴포넌트

  • main.jsx → index.html 과 연결을 잡아주는 진입점

  • index.html → SPA인 html