9월 17일 개발로그

구현내용

이미지 미리보기 기능이 필요한 곳이 3 곳이 있다.

postpage / editpage / mypage의 유저프로필 수정 부분이다. 이 세 페이지에서 다 같은 코드를 사용하므로 이미지 미리보기 util함수를 생성하여 공용으로 사용하도록 했다.

postpage의 input / image / button 부분을 나눠 각각 컴포넌트화 시킨 후, editpage에서도 공용으로 사용할 수 있도록 하였다. 하나의 페이지를 컴포넌트로 나누면서 전역으로 데이터를 공유할 필요가 생겼다. 그래서 contextAPI를 사용해 image와 postdata를 contextAPI로 만들어 전역으로 사용하였다.

• 글 작성 / 수정 기능 서버 api 요청 hooks으로 구현 → 공용 사용

• 사용자 입력 받는 input도 hooks으로 구현

post와 edit페이지에 있는 버튼 컴포넌트는 공통화를 고민중이다. 지금은 하지 않는게 더 나을거라는 판단을 해서 하지 않았지만, 개발 하다보면 더 좋은 아이디어가 떠오르면 언젠가 합칠수도. 코드가 바뀔 수도 있을 것 같다.

마무리

hooks을 만들고 컴포넌트를 공통화 하면서 느끼는 부분이 있다. 이전에는 하나의 함수는 하나의 기능을 한다고 생각했다. handleClickPostAdd라면 post를 작성하는 함수라고만 생각했을 텐데ㅋㅋㅋ 하지만 그 안에서도 다양한 기능들이 있음을 인지했다.

그 기능이 중복된다면 따로 빼서 어떻게 구현해 볼 수 있을까, 이 함수를 utils로 만들었을 때 어떤 데이터를 필요로 하는지 고민하고 있는 내 모습을 발견했다.!!!! 프로젝트에서 코드를 나누고 쪼개고 붙이는 연습을 해보면서 컴포넌트와 함수가 하나의 구체적인 일(?), 역할(?)을 하도록 만들고 싶어졌다.

코드는 엄청 많이 바뀌었는데 왜ㅋㅋㅋ겉 표지는 별로 바뀐 게 없지… 티가 나지 않는다!@_@ 케헥. 그래도 어제 쓴 대로 오늘 구현했다. 나름… 선언했다고 개발하고 로그까지 올린다. 오늘이 마무리 끝, 좋다.

내일은.

댓글기능 ㄱㄱ ㅋㅋ