개발/next.js

[next.js] factoryvision 게시판만들기

uminisname 2024. 6. 6. 20:11
  • next.js 
  • typescript
  • tailwind

파일구조 [src/app/]

  • board
    • boardCreate
    • boardDetail
    • boardList
    • boardUpdate

boardCreate

boardDetail

boardUpdate

  • components - 전체 공통적으로 사용하는 컴포넌트들
    • header.tsx
    • headrLogin.tsx
    • pagination.tsx
    • sidebar.tsx
  • main
    • home

  • manager
    • alarm
    • home
    • userInfo

  • mypage
    • mypageMain
    • mypageUpdate

  • user
    • login
    • register
    • userInfo
    • userInfoUpdate
     

 

  • video

화면 기록 2024-06-06 오후 7.14.40.mov
4.48MB

 

 

페이지구성

  • boardList - 게시판목록
  • boardCreate - 게시글작성
  • boardDetail - 게시글보기
  • boardUpdate - 게시글수정
  • boardDelete - 게시글삭제

 

 

[참고자료]

#Link 

https://wonit.tistory.com/357?category=829651

 

[정직하게 배워보는 Next js] 페이지를 연결하기 위한 Link-Component그리고 Pre-Fetch

해당 블로그 시리즈는 정직하게 배워보는 Next js 시리즈로써 총 8부작으로 이루어져 있습니다. Next.js공식 홈페이지에서 이야기하는 내용을 최대한 이해하기 쉽고 직관적이게 구성하였습니다. 0.

wonit.tistory.com

app.tsx index.tsx 사용할경우 link시키는