flatwhite01 님의 블로그

React와 Next.js의 차이React (라이브러리)Next.js (프레임워크)UI만 담당, 뷰를 구성하기 위한 라이브러리React 기반으로, 추가적인 기능(SSR, SSG 등)을 포함한 프레임워크라우팅 설정 필요 (React Router 사용 등)파일 기반 라우팅 제공SEO 기능 직접 구현 필요SEO 최적화 기본 제공 (SSR/SSG)전적으로 클라이언트 렌더링클라이언트/서버 렌더링 모두 가능 라이브러리와 프레임워크의 차이라이브러리: 필요한 기능만 가져다 사용. 사용자가 애플리케이션 흐름을 제어. (React)프레임워크: 전체적인 애플리케이션 구조와 흐름을 제어. 사용자가 프레임워크의 규칙에 따라 개발. (Next.js, Angular)

1. 프로젝트 생성 : yarn create vite2. 프로젝트명 입력 ( 예: day01 )3. React 선택4. Javascript 선택 5. cd 프로젝트명6. yarn 또는 npm i : node_modules 생성​추가설치 (복사)yarn add react-redux @reduxjs/toolkit react-router-dom styled-components styled-reset react-icons sass swiper axiosnpm i react-redux @reduxjs/toolkit react-router-dom styled-components styled-reset react-icons sass swiper axios