일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 자료구조
- 계명대 이종호
- 힛잇
- 개발자
- 리액트
- data structure
- IOS
- 호키스
- 호키도키
- 스위프트
- HTML
- 이종호
- 계명대
- queue
- 자바스크립트 자료구조
- 개발
- 리액트 예제
- 비동기
- TDD
- react
- 자스민
- jest
- SWIFT
- javascript
- hokidoki
- 자바스크립트
- Hitit
- hokeys
- 스벨트
- Svelte
Archives
- Today
- Total
목록next.js template 사용방법 (1)
Dog foot print
app router의 기본 파일들 (page, layout, template)
기존 pages와 달리 app은 매우 복잡한 폴더 구조와 파일구조를 가지고 있다. 이는 폴더구조를 이용하여, 다양한 기능들을 제공하려는 노력으로 보이는데, 개인적으로 “폴더구조가 너무 깊어 복잡하고 쓰임이 정해진 파일들을 얼마나 잘 활용 할 수 있을까?” 라는 생각이 든다. Page file 이제 더 이상 파일명을 기준으로 하위 경로를 생성하지 않는다. 하위 경로는 폴더명을 기준으로 생성된다. 이렇게 생성된 page 파일들은 자신이 속한 폴더의 인덱스 경로로 지정된다. 예를 들어 /about/page.tsx 파일은 /about 과 일치하며, /about/more/page.tsx 파일은 /about/more 경로와 일치하게 된다. Props interface Params{ [key in string] : ..
Next.js/파일
2023. 11. 27. 14:42