[항해 5기] 7주차 Week I Learned (클론코딩)

이번 항해에서의 7주차 프로젝트는 클론코딩이다.

지난 주차에 프론트 개발자들과 협업했던 경험을 바탕으로 한층 더 수월하게 협업하며 개발에 임할 수 있었다. 

클론 코딩 대상은 "Colley"라는 어플로 흔히 클론하지 않으면서 배웠던 기능들을 최대한 발휘 할 수 있는데 주안을 두었다. 이번에는 마이페이지를 맡아, 기본적인 CRUD를 진행하며, 시큐리티를 조금씩 알아보고 정리 할 수 있는 시간이었다.

 

 

ㅇ 프로젝트 소개

Colley

ㅇ 프로젝트 개요

세상 모든 덕질이 다 모인 곳 ! 혹시 귀여운 굿즈를 모으나요? 아니면 디즈니나 스누피 소품을 좋아하나요? 콜리는 자신의 덕질을 뽐내고, 정보를 나누면서 취향을 공유하는 덕질 플랫폼이에요

 

- 주소: http://colley-hanghea.s3-website.ap-northeast-2.amazonaws.com/
- 영상: https://youtu.be/KJOPHL8-Yio
- 스택: React / Spring

- 깃헙: 

https://github.com/aaanjini/hanghea_clone 

https://github.com/Kanguk1/hanghae99_7w

GitHub - Kanguk1/hanghae99_7w: 항해 7주차_클론코딩

 

트러블슈팅☄️

BE

• 특정이미지 안올라가던 문제(해결)-> s3업로드에서 자체적으로 1MB로 이미지 크기를 제한하고있었음 -> 용량제한 해제
• 좋아요 기능 구상(해결)-> 따로 테이블 만들어서 해결
• 게시글 수정 시 파일을 안바꾸고 수정하면 오류가 나는 현상(해결)->이미지 업로드과정에서 파일이 null일경우 예외처리 만들어서 해결
• 태그 수정 시 반영되지 않던 문제(해결)-> 각 상황에맞는 예외처리과정을 추가하여 해결

FE

• 검색을 했을 때 검색단어를 가지고 페이지로 넘어가게끔 만들기-> location.state 로 단어를 넘겨주는 방식으로 해결
• 검색하고 난 다음에 재검색을 할 경우에 기존 검색어가 남아있던 문제-> localStorage에 저장해뒀던 targetword를 페이지가 바뀌면 remove 시켜줌
• 댓글 실시간으로 댓글 갯수 업데이트-> 댓글을 쓰면 그 댓글 리스트의 length를 구해서 댓글 갯수로 사용
• 게시글 수정 시 파일을 안바꾸고 수정하면 오류가 나는 현상->이미지가 바뀌지않을 경우 null로 처리해서 백단으로 전송