rhanziy

Next.js에서는 server component, client component 2가지 종류의 component가 있다! 리액트에서 하던 방식대로 component를 그냥 만들면 server component임. component 만드는법 function 작명() { } return ( html ) 으로 사용 export default function Cart() { return ( Cart ) } function CartItem(){ return( 상품명 $40 1개 ) } 여기서는 CartItem이 server component 임. server component? html 상에 자바스크립트 기능 넣기 불가능(ex. onClick) useState, useEffect 사용 불가능 로딩..

Next.js 는 Vercel이 개발한 오픈소스 React프레임워크로 기본적으로 JSX문법을 사용한다. 서버사이드렌더링 위주의 풀스택 기반 프레임워크를 주력으로 성장하고있으며, React 만으로는 온전히 구현하지 못했던 API기능 및 서버컴포넌트를 통한 서버단 기능과 React 컴포넌트를 통한 클라이언트 기능을 통합 제공하는 프레임워크이다. 1. 프로젝트 시작하기 - 작업폴더 생성 후 터미널에 npx create-next-app@latest --experimental-app 입력 이것저것 제공되는 기능을 입맛에 맞게 방향키로 선택한다. 2. 프로젝트 실행하기 - 해당 작업폴더에서 터미널에 npm run dev 3. 프로젝트 구조 파일명 설명 page.js 메인페이지 layout.js page.js를 감싸..