내일 배움 캠프 4기 TIL(22.12.20)

baesee·2022년 12월 21일
0

내일배움캠프

목록 보기
45/75

프로잭트

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

0개의 댓글