| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
| 31 |
Tags
- vscode
- FRONT
- antd
- type
- vue-cli-service
- useState
- frontend
- npm
- form
- 상태관리
- axios
- 이미지
- error
- 프론트엔드
- 리액트
- NeXT
- react
- Download
- 리액트기초
- Package
- TradingVIew
- JavaScript
- CSS
- components
- develop
- err
- VUE
- 프론트엔드개발
- 시멘틱태그
- Chart
Archives
- Today
- Total
목록generateMetadata (1)
개발쬬
Next metadata generateMetadata 활용하기 정적/동적 API 할당
변수형 분리 정적 할당next 에서 메타데이터를 활용하려고 할때, 기본 메타데이터를 기준으로 몇개의 특정 페이지만 페이지의 메타데이터를 바꿔주려고 한다. generateMetadata 사용해서 페이지별로 설정해주기 위해선 상위 layout 에서 메타 정보를 받아야되는데, 프로젝트 규모가 커질수록 요구사항이 까다로워지기 때문에 최대한 결합도를 낮추는 방향으로 작업하기 위해 메타정보를 페이지별로 분리해서 사용하는 방법을 사용했다. 우선 프로젝트에 메타데이터를 사용하기 위한 폴더 하나를 만들어주었습니다.* 폴더를 만들어 별도 분리해줬지만 따로 분리할 필요는 없다. (아래 코드는 예시!) 페이지별 할당 사전 준비 경로 : shared > helper > metatdata > constants.ts// c..
쬬는 개발중
2025. 7. 21. 17:29