[개인 포트폴리오 후기] shopme

풀스택으로 진행한 포트폴리오입니다.

www.shopme.space
- 회원 가입, 로그인
- 비회원 장바구니
- 주문, 주문 취소
- 상품 검색
- 관리자 상품 등록 및 수정

challenge:
- 개인 개발, 시간 부족
- 내 실력

개발 중 겪은 문제점 및 있었던 일:

• 구조적인 고민:
  • 예외 처리 (Controller와 RestController에 따라 다른 방식의 Exception 처리, Rest의 경우 인터셉터 및 custom exception 클래스를 만듬)
  • 유효성 검증: 기본적인 validation 및 BindingResult 활용. Custom Validator은 미적용.
  • 엔드포인트: 시큐리티 필터 체인에 최대한 예외가 발생하지 않도록 설계
  • 프론트: 타임리프 layout 기능을 이용해서 중복되는 컴포넌트는 따로 만듬

• 성능 개선:
  • QueryDsl 과 fetch join 기능으로 쿼리 날리는 횟수를 줄임.
  • List 타입의 Collection만 사용하다가 Set 이나 Map 등 다양한 형식으로 더 나은 로직을 구현
  • Stream 병렬 처리
• 배포 및 개발환경:
  
  • 처음엔 spring boot로 빌드된 jar 파일만 구동하면 되는 줄 알았으나 무중단 서버는 백그라운드로 돌아가야한다는 걸 알게됨.
  • AWS 클라우드 네트워크 개념을 이해못하고 구축하느라 RDS 외부접속에서 조금 해맴.
  • 비회원 장바구니를 여러 방법 중 개인적으로 가장 합리적이라고 생각하는 쿠키로 구현하기로 했으나 최근 크롬 버전에서 http에서는 쿠키 지원이 매우 한정적(SameSite 정책)인 것을 보고 ssl 인증 및 nginx 프록시 설정까지 하게됐음... 포기하려다가 끝끝내 장바구니 기능을 완성함
  • 로컬 환경에서만 개발하다가 서버 배포는 처음이라 EC2(서버) + RDS(디비) 배포만 하려했으나 CI/CD에 꽂혀서 도커랑 젠킨스 적용하려다 추후 개발 환경에 적용해보기로 하고 도커는 포기.. 젠킨스는 깃헙 자동 커밋에 써먹는중.
  • 소스 코드를 직접 빌드하는 방식은 EC2 서버에서 감당이 불가능해서 로컬 환경에서 개발 및 빌드함
•  버그:
  • 이러 저러 객체지향적인 구조 조금 오버해서 고민하다가 자잘한 버그 발생.
  • 인텔리제이의 리팩토링 기능이 많이 도움됐음
  • 자바는 그래도 직관적인 디버깅이 가능하지만 자바스크립트는 디버깅 툴을 쓰지 않으면 매우 빡센걸 알게됨.
• 뷰 개발:
  • Bootstrap + Thymeleaf + jQuery를 적용해서 뷰를 구성. 이미지 드래그드랍 모듈이 필요해서 인터넷에서 주워온  jQuery 플러그인 적용하려다 입맛에 안 맞아 고치다가 오류 계속 생겨서 아예 새로 뜯어고침-> 다만 덕분에 jQuery 및 자바스크립트 싱글톤 모듈 구조의 플러그인에 대한 이해력 상승 -> 하지만 그 시간에 다른 기능 추가해봤으면 더 나았을거 같음..
• 웹 크롤러 제작:
  • 상품 데이터 가져오는 노가다를 어떻게 할지 고민하다가 쿠X 크롤러 제작. 봇 감지 기능 우회하느라 생각보다 오래걸림. EC2에선 너무 느릴 거 같고 이미지 가져오다가 과금할 것 같아서 로컬 환경에서만 사용. 추후 배포용에 상품 자동 업데이트 기능 만들 예정

후기:
- 배보다 배꼽이 조금 커졌던 프로젝트지만 해보고 싶은것도 많이 해보고 배울걸 배웠으니 후회는 없다. 다만 원하는 네이밍이나 구조를 고민하다 괜히 시간을 조금 쓴 건 아쉽긴하다.