09.18 개발 로그

오늘은 유난히 집중이 안되는 날이었다. 코로나에 걸린 탓이라고 하자. 우리집에서 왜 나만 2번씩이나 걸리는지 모르겠다 ㅋㅋㅋㅋㅋ ( ㅠ_ㅠ ) 여튼 그래도 개발로그 업뎃한다.

• deatilPage 디자인 개선 및 유저정보 추가

• Comment 기능 추가

첫 페이지 ( Next.js의 라우터 대문ㅋㅋㅋ ) page.js는 어떤 기능을 하고 있는지 한눈에 알아보기 쉬운 편이 좋다고 생각한다. 그래서 detail의 page.js를 기능별 컴포넌트로 쪼개서 구현하였다. detailpage는 서버 컴포넌트이기 때문에 바로 DB와 연동하여 데이터를 받아왔고, 컴포넌트마다 필요한 데이터를 props로 넘겨주었다.

약간의 디자인 업그레이드와 함께 post정보와 user정보를 함께 보여주었다. detailpage에서 client컴포넌트가 되는 부분은 middleNavBar ⇒ 좋아요 / 글 수정 / 삭제버튼이 있는 컴포넌트와 댓글 컴포넌트다. 클라이언트 컴포넌트 있는 부분을 내일 더 고도화 작업( 공통화,hooks생성 등 ) 할 생각이다.

개발을 하면 할수록 느끼는 것은, 내가 생각 하는 것을 구체적으로 표현하게 된다는 점이다. ’뭔가 이렇게 하면 될 것 같은데?’ 라는 흐리멍텅한 생각이 ‘A랑 B랑 합쳐서 C를 만들어 볼 수 있을 거 같아’라는 방식으로 구체적인 방향으로 생각하게 되는 것 같다.

PLAN

오늘은 간단하게 댓글 기능을 구현했으니 내일은 집중해서 머리를 굴려봐야 할 거 같다

• commentItme컴포넌트에서 API요청 hooks으로 만들기

• DB연결 함수 hooks으로 만들어서 사용하기

• modal공통으로 사용하는 부분 찾아서 hooks으로 만들기 mypage-profile 수정 / detailpaeg-comment입력 / detailpage - 햄버거Icon ( 옵션버튼 )