<aside> 💡

본 문서는 ‘문다예’가 작성한 문서입니다. 해당 문서는 참고용이며, 임의로 작성한 문서이므로 절대 완전하지 않음을 밝힙니다.

</aside>

<aside> 💡

리액트 Hook 사용 문법, JSX, TSX 함수 및 문법 설명이 아닌 전반적인 리액트 생태에 대한 이해를 돕고자 작성하였습니다.

</aside>

리액트 기술 스택 차례

1. 초기 세팅 및 빌드 도구: React, CRA, Vite
2. 언어: ****TypeScirpt vs JavaScript
3. CSS: Styled-components vs Tailwind CSS
4. AJAX 방식: axios와 fetch
5. 전역 상태 관리 도구: Zustand, Redux, Context API
6. 라우팅: React Router DOM
7. 패키지 매니저: npm vs yarn
8. Hook(함수형 컴포넌트): useState와 useEffect
9. Build: Nginx

번외 1: 리액트 폴더 구조 (다예: Vite + JavaScript + Taillwind CSS)

번외 2: React Bootstrap

번외 3: 깃 컨벤션(깃으로 하는 커밋 협업 방식)

• 추가 예정

‼잠깐! Next.js는 가벼운 개념 정도로만 작성하고 넘어갑니다

Next.js: React 기반의 서버 사이드, 정적 사이트 생성 프레임워크이다.