본문 바로가기

🌼 TIL

🌞 12/23 내배캠 React 38일차

프로젝트 진행

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