Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 부트캠프
- 부트캠프 #개발일지 #TIL #FlexboxFroggy #displayflex #flexbox
- 템플릿스트링
- 부트캠프 #코딩 #개발일지 #프론트엔드 #CSS #TIL
- querySelector
- 리액트
- React
- 개발일지 #TIL #프론트엔드 #HTML
- 부트캠프 #개발일지 #TIL #CSS속성 #float #clear
- 의사클래스
- 부트캠프 #스파르타코딩클럽 #개발일지# #TIL #Javascript #confirm #location.href
- JS예제
- Til
- 부트캠프 #개발일지 #TIL #그리드 #CSS
- ㅜㄹㄹ
- 부트캠프 #개발일지 #TIL #Position #위치
- 결합선택자
- 개발일지
- useState
- 특성선택자
- js
- CSS
- useEffect
- appendChild
- 부트캠프 #스파르타코딩클럽 #개발일지# #html
- 부트캠프 #CSS #개발일지 #TIL
- textContent
- 알고리즘
- 깃허브오류
- 부트캠프 #CSS #개발일지 #TIL #박스모델
Archives
- Today
- Total
목록2024/03/15 (1)
나의 개발일지
[Next.Js] Layouts 사용하기
app > layout.tsx import Navigation from "../components/navigation"; export default function RootLayout({children}: {children: React.ReactNode;}) { return ( {children} ); } layout.tsx 파일을 만들어 사용할 layout의 내용을 작성해주면 된다. layout을 사용하는 원래 페이지에서 보여줄 내용은 children으로 받아서 사용한다. 만약 여기서 about-us의 레이아웃만 다르게 바꾸고 싶다면 about-us 폴더 안에 또 다른 layout.tsx 파일을 만들면 된다. export default function RootLayout({ children, }: { ..
Next.Js
2024. 3. 15. 14:40