본문 바로가기

westagram2

[React] Login 함수 (handleId와 handlePw) 합치기 2022년 12월 30일 작성 위스타그램 Login.js에는 id와 pw를 각각 저장하는 handleId와 handlePw 함수가 있다. handleId와 handlePw 함수는 Input에 변화가 있을 때마다 id 또는 Pw 변수에 event.target.value 가 저장되도록 하는 함수이다. 지난 번에 멘토님께서 내 코드를 쓱 보시더니 '두 가지 함수를 하나로 합칠 수 있겠네요?' 라고 말씀하셔서 한 번 합쳐보았다. 두 함수를 합치기 전에 handleId와 handlePw 함수를 한 번 더 살펴보자! const handleId = event => { const value = event.target.value; - 1 setInputValues({ ...inputValues, id: value });.. 2023. 2. 27.
[React] map()을 이용한 댓글 기능 구현 2022년 12월 27일 작성 위스타그램 메인 화면에서 댓글을 다는 기능을 구현했다! 기능을 구현하기 전에 내가 입력한 값을 comment에 담고, 그것들을 commentList 배열에 담아서 map()을 이용해야겠다는 계획을 세웠지만 map() 을 어떻게 써야할지가 너무 막막했다. 일단 접근 방법은 아니까 이틀정도 시간이 날 때마다 틈틈이 구현에 도전했지만 구현할 수가 없었다. 어떻게 해야 할까 고민하다가 다짐을 했다. 하나는 문제가 해결되지 않았을 때 기존의 위코드 수강생들의 코드를 찾아보지 않는 것이다. 그러기 위해서 map() 으로 어떻게 리스트를 뿌려주는지 영상이나 글을 찾아보고, 내 코드에 적용하는 식으로 공부했다. 구현이 성공했을 땐 기존 수강생들의 코드를 보고 내가 한 방법 말고 다른 구현.. 2023. 2. 24.