비전곰🐻들의 독서 기록 웹서비스 Book극곰🐻❄️
1차 프로젝트가 끝나고 리액트를 공부하는 기간에 1차 스터디부터 함께해온 팀원들과 2차 스터디로 리액트 토이 프로젝트를 진행했다. 리액트가 낯선 팀원들이 많아서 첫 주에는 수업을 따라가면서 기본 개념을 먼저 익히고 11주차부터 본격적으로 프로젝트에 들어갔다. 개발자로 진로를 바꾸면서 만들어보고 싶다고 생각만 했던 독서 기록 웹서비스로 주제가 정해진 것도 기쁜데, 그걸 또 좋아하는 동료들과 함께 만들 수 있다니 이건.. 재미없을 수가 없지...😆
나는 새 독서 기록 생성 페이지와 독서 기록 상세 페이지, 그리고 댓글 기능을 담당했는데 일단 가장 어려웠던 문제는 '로그인 한 유저가 해당 글의 작성자임을 어떻게 판단할 것인가?'였다. 자신이 쓴 작성글에서만 수정하기와 삭제하기 버튼이 보이도록 하고 싶어서 상세 페이지에 들어갔을 때 현재 로그인 한 유저의 정보와 해당 게시글의 작성자 정보를 비교하는 로직을 넣어서 구현하려고 했는데 그러다보니 state가 많아지기도 하고 뭔가 더 좋은 방법이 있을 것 같은데 싶었던 기억이 남아있다. (무한 렌더링의 늪에서 헤어나오는 데에 이틀 걸린 건 안비밀..) 이번 프로젝트를 계기로 Redux를 얼른 배워야겠다고 다짐했(지만 너무 어렵)다..!
물론 '나는 왜 이렇게밖에 못할까', '진작 열심히 좀 할 걸' 후회하는 자책 시간도 빼놓을 수 없었지만(^^) 어려울 때 물어보면 언제나처럼 달려와서 같이 찾아봐주고 고민해주는 팀원들 덕분에 이번에 정말 짧은 기간 안에 생각보다 더 완성도 높은 페이지를 만들 수 있었다! 이번 발표도 내가 맡았는데 못해도 된다고, 떨지 말라고 응원 해주고 발표 마치고 모여서 이야기한 것들도 정말 평생 못잊을 것 같다. 진짜 제 5년치 행운 이 팀원들 만나려고 다 썼어요 엉엉..😭
지금도 정말 많은 고민을 쏟은 프로젝트지만 더 퀄리티를 높이기 위해서 남은 기간동안 또 열심히 배워보기로!
✏️ 구현한 기능
- useState를 활용해서 작성자에게만 수정, 삭제 버튼 보이도록 구현
- axios 사용해서 DB에 있는 독서 기록 불러오고 렌더링하기
- 새로운 독서 기록 생성하기
- 새로운 댓글 생성하기
✏️ 구현할 기능
- 게시글 수정, 삭제
- 댓글 작성자가 자신의 댓글 수정, 삭제
- 책 API를 사용한 이미지 검색
