Board App - FrontEnd (React)
โ๊ฒ์ํ ์ฑ ๋ง๋ค๊ธฐโ
๊ธฐ๋ฅ | ๊ฒฝ๋ก | ์ปดํฌ๋ํธ | ์ค๋ช
|
๋ฉ์ธ | / | Home | ๋ฉ์ธ ํ์ด์ง |
๋ชฉ๋ก | /boards | /pages/board/List | ๊ฒ์ํ ๋ชฉ๋ก ํ์ด์ง |
์กฐํ | /boards/:id | /pages/board/Read | ๊ฒ์ํ ๊ธ ์์ธ ์กฐํ |
๋ฑ๋ก | /boards/insert | /pages/board/Insert | ๊ฒ์ํ ๊ธ ๋ฑ๋ก ํ์ด์ง |
์์ | /boards/update | /pages/board/Update | ๊ฒ์ํ ๊ธ ์์ ํ์ด์ง |
์ปจํ ์ด๋
์ปจํ
์ด๋ | ๊ฒฝ๋ก | ํ์ ์ปดํฌ๋ํธ |
ListContainer | containers/board/ListContainer.jsx | BoardList.jsx |
ReadContainer | containers/board/ReadContainer.jsx | BoardRead.jsx |
InsertContainer | containers/board/InsertContainer.jsx | BoardInsertForm.jsx |
UpdateContainer | containers/board/UpdateContainer.jsx | BoardUpdateForm.jsx |
์ปดํฌ๋ํธ
์ปดํฌ๋ํธ | ๊ฒฝ๋ก | ํ์ ์ปดํฌ๋ํธ |
BoardList | components/board/BoardList.jsx | - |
BoardRead | components/board/BoardRead.jsx | - |
BoardInsertForm | components/board/BoardInsertForm.jsx | - |
BoardUpdateForm | components/board/BoardUpdateForm.jsx | - |
apis
axios ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํ์ฉํ ๋น๋๊ธฐ ์์ฒญ ์ฒ๋ฆฌ
๊ธฐ๋ฅ | ์์ฒญ ๊ฒฝ๋ก | ์์ฒญ ๋ฉ์๋ | ๋ฐ์ดํฐ (body) | |
๋ชฉ๋ก | /boards | GET | ||
์กฐํ | /boards/{id} | GET | ||
๋ฑ๋ก | /boards | POST | { title, writer, content } | |
์์ | /boards | PUT | { id, title, writer, content } | |
์ญ์ | /boards/{id} | DELETE |