4주차 스프린트 계획

4주차 목표

목표	우선순위
도메인 배포 (HTTPS)	1
이미지 가공 기능 구현	2
성능 테스트 및 개선	3
메인 페이지 디자인/스타일	4

세부 목표 (백로그)

FE

이미지

• 특정 줄 수 별로 HTML 을 이미지로 변환한다.
• (제출 시) 이미지를 오브젝트 스토리지에 저장한다.
• 제출 시 이미지 url을 합쳐 보낸다.
• 제출하는 로직을 비동기로 실행한다.
• 코드를 작성하면 좌측 스냅샷 컴포넌트에 이미지가 실시간으로 등록된다.
• progresive image 를 적용한다.
• 이미지 슬라이더를 구현하여 Post 컴포넌트에 적용한다.

메인 페이지 디자인

• 1. 데스크탑 반응형 디자인 적용 - 디테일을 잡으면서
• 2. 모바일 반응형 디자인 적용 - 모바일로 잘 변한다 + 메인 기능 잘 동작 할 정도만
• css 중복 제거 (상수사용)
• css 파일 import 위치랑 경로(전역경로, 상대경로 등) 통일
• 애니메이션 css 따로 분리
• 버튼 스타일 통일
• 폰트 크기 통일 (small, medium, …)
• Post content가 길어질 경우 …더보기 와 같은 형태로 내용을 확인할 수 있는 기능을 구현한다.

nav

• nav 활용하는 식으로 변경하기
• 로그인 아이콘 변경
• nav의 태그를 선택하세요 부분 레이아웃 재구성

좋아요

• 좋아요 버튼을 누르면 버튼 색깔을 바꾼다.
• 낙관적 업데이트 방식으로 좋아요 상태에 따른 요청 전송
• 로그인 유무에 따른 좋아요 처리

테스트

• 핵심 비즈니스 로직쪽 테스트 코드 작성 (훅)
  • 훅 별로 테스트코드 작성
  • 인피니티 스크롤 불러오기, 게시글 쓰기, 필터링
• 이번주 배포 기준으로 성능 수치 남기기

우선순위 하 (후순위로 하거나 5주차~6주차)

• toast 라이브러리 사용해서 최대한 빠르게
  • 차크라 ← 좀 무거워서 가벼운거 찾아야 함.
• 검색 필터, 사이드바 등 전반적인 디자인

BE

API 문서화

• swagger 라이브러리를 사용하여 문서화 진행

성능 테스트

• Artillery 라이브러리를 사용하여 부하 테스트 진행
• MySQL Workbench로 더미 데이터 추가
• CPU 사용률 모니터링할 방법 모색

배포 서버에 HTTPS 적용

• (선택) certbot으로 SSL 갱신 자동화 적용