프로젝트 진행
redux에 익숙하지 않아 조금이라도 익숙한 react만을 사용하여 먼저 구성 틀을 잡아보기로 했다 (이후 redux적용)
내가 맡은 파트 : 상세페이지의 메모창 부분
메모(Comments)
구성요소
< Input />
input 창 : contents 입력
댓글 작성 버튼 : contents 전송
<Comments />
nickName : 로그인 id의 nickName
contents : input창 contents
수정 버튼 : 해당 id관리자 input 수정창
삭제 버튼 : 해당 id관리자 데이터 삭제창
[스토리]
input창
: userid 확인 후 userid가 있다면 접근 가능 / 아니면 alert창 띄우기(로그인 페이지 이동) , 유효성 검사 글자 수 제한 (시간 있을 때 할 것 )
댓글 작성 버튼
: input창의 event.target.value값을 json-server에 전송한다 ( userid를 확인하고 그에 맞는 값에 전송 ), 작성 시간 표시(시간있을 때 할 것)
nickName
: Input후 userid의 bockName을 불러와서 화면에 표시
contents
: Input후 userid의 contents를 불러와서 화면에 표시
수정버튼 -> 수정 완료
: 현재 페이지접근 시 userid가 있는지 확인하고, userid랑 comments들의 id중 일치하는 것들 만
화면에 표시 -> 버튼 클릭 시 input창 수정기능 넣고 변경된 내용 다시 contents에 보내기 -> 수정이 완료 됐다면
삭제버튼
'🌼 TIL' 카테고리의 다른 글
🌞 12/27 내배캠 React 40일차 (0) | 2022.12.30 |
---|---|
🌞 12/26 내배캠 React 39일차 (0) | 2022.12.30 |
🌞 12/22 내배캠 React 37일차 (2) | 2022.12.23 |
😤 12/21 내배캠 React 36일차 (1) | 2022.12.21 |
😤 12/17 내배캠 React 35일차 (0) | 2022.12.21 |