일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 상속
- 스크롤이벤트
- TS
- generic
- extends
- 타입스크립트
- javascript
- array
- Filter
- app.post
- mainapplication.kt
- Next.js
- 슬라이딩윈도우
- interface
- set
- npm에러
- 안드로이드빌드에러
- reactnative
- app:compiledebugkotlin
- async
- reactnative error
- materialicons
- err_connection_refused
- forwardref type
- 리액트네이티브아이콘
- map
- 이진탐색
- react
- Spring
- 배열중복요소제거
- Today
- Total
목록Next.js (2)
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를 감싸..