항해 99 - 2022.02.16.WED (인풋데이터)

이번 챕터 일정

• 02/11 (금) 19:00 까지 : S.A. 제출 완료✅
• 02/12 (토) 오전 : S.A. 서면 피드백 확인✅
  • 백엔드 스코프가 너무 좁다고 하심
  • 기능이 좀더 추가 되어야 할듯
• 02/14 (월) 저녁 : 팀별 프로젝트 중간 멘토링✅
• 02/17 (목) 저녁 : 팀별 프로젝트 회고 멘토링
• 02/18 (금) 09:00 : 클론코딩 주차 발제
  

오늘 내가 할 일 

• 메인 페이지 카드 배열 정리 및 애니메이션 구현 ✅
• 상세페이지들어왔을때 인풋 값에 기존데이터 유지 구현 ✅
• 댓글 기능 구현하기 

어제부터 useEffect에 대해서 제대로 모르고 코드를 진행하고 있는 거 같다는 느낌이 드는 중,,,
하루 종일 useEffect랑 싸우다 보니 살짝 이해가 되는 거 같기도 한데,,,,,,
리 랜더링 될 때 실행시키는 함수라고 생각하니 조금은 편한,,,
그리고 하다 보니까 먼저 뷰를 그리고 나서 생각하는 게 조금 더 편한 듯싶다...
댓글 기능 절대 안돼서 욕 나와,,,
서버에 저장된 값 불러오는 건 되는데 왜 뿌려주는 게 안되냑후

 

<인풋 값에 기존 데이터 유지 >

<Input
  defaultValue={post.comment}
  _onChange={(e)=>{setComment(e.target.value)}}
  label="한줄 평"
  placeholder="한줄 평을 적어주세요"
/>

Input을 element로 쪼개 놔서 

사용할 때 defaultValue 값을 사용하도록 해두고 

useEffect로 값을 불러와서 넣도록 하는 방식으로 사용했다. 

 

원래는 Grid로 element를 쪼개서 사용했는데 그러면 내가 원하는 모양대로 css를 만지기가 불편해서 
그냥 스타 일드 컴포넌트로 뷰를 그려서 사용했다.
(메인 페이지 뷰 정리)