2026/04/05 2

[NextJS] 20260405 Catch-all 라우팅 구성

주말이 끝나간다. 내일 출근이 너무 너무 싫다.출근이 싫지만 공부는 해야 한다. 너무 하기 싫을때는 반드시 해라. 퇴사한 녀석의 핸드폰에서 본 글귀를 잊지 못하겠다.너무 하기 싫으니까 학습을 해야 할것 같다. 어려운 개념이 나오기 시작한다.Catch-all 라우팅 구성이라...총 두개의 구문이 있는것 같다.[...folder], [[...folder]] 내가 이해한 바로는 모든 경로는 폴더를 만들어 주어야 한다.하지만 동적 경로를 사용할수 있게 해주는것이 [slug] 동적 세그먼트이다.동적 세그먼트가 있고, catch-all segment가 있고, optional catch-all segment가 존재하는 것으로 보인다. . Catch-all Segments ([...folder])대괄호 안에 점 세 개..

진심 코딩 2026.04.05

[NextJS] 20260405 병렬라우팅, 캐시, metadata

더이상 관리자로써의 길이 맞지는 않는것 같다.개발자로 다시 시작하려면 이 조직을 나가야지만 가능 할 것 같다. 새벽에 일어나서 글을 써놓은게 다 날라갔다. 한숨 자고 글을 다시 작성하기 전에 큰 주제만 적어놓고 자려고 한다... metadata- 메타데이터 설정은 app/layout.js에서 설정을 한다.export const metadata = { title: '모든 음식', description: '맛난 음식 보기',}; 단, 특정 페이지에 메타데이터를 넣기 위해서는 각 메뉴별 page.js에서 설정할수 있다.방식은 동일하다. 캐시- NextJS는 캐시를 사용한다.npm run build 위 명령어를 사용하여 빌드하면, .next 폴더가 생성되고 해당 폴더내에 배포용 소스가 생성된다.따라서 실시간..

진심 코딩 2026.04.05