내일 배움 캠프 4기 TIL(22.12.20)
프로잭트
❗ 시작
- html css 부터 짜고 기능 시작? 하드코딩
css styled
- 구현 나누기 component
- Header
- MainConetnt
- Post // 글 카테고리 만들어서 넣어줘야함
- DtailContent
- Comment
- css (flex)
❗ 기능 구현
- Header부분
- 글쓰기 | navbar usenavigator
- router작업 page만들어서
- MainConetnt
- Post
- json-server로 (id ,작성자,제목,내용,카테고리,비밀번호) 넘겨줘서 저장
- post redux(커스텀 훅)
- 전체적인 json server | redux
- 유효성 검사(작성자이름 5글자내 / 제목 50자내 / 내용200자내 /카테고리 4개만들어야함)
- 비밀번호 칸 만들어서 db에 저장
- 추가 버튼 눌렀을때 저장후에 메인페이지로 이동
- DtailContent
- 수정 router처리 넘겨줘야해요 →비밀번호가 맞을때 아니면 다시 모달창 아닙니다 뛰어줌
- 삭제 → 비밀번호 누르는 모달창 뛰어서 비밀번호가 맞을때 삭제
- 제목 / 내용 db에서 가지고 와서 동적으로 처리
- Comment
- 댓글 (id / 내용 / 비밀번호)
- 추가 버튼 누를때 json 으로 추가 해주기
- 댓글을 db에서 가지고와서 동적으로처리 해서 보여줘야함
- 댓글의 수정 삭제 둘다 토글식으로 갈게요
- 수정할때는 해당페이지에서 토글식으로 밑에 보여주고 맞으면 수정할수있는 div박스가 나타남