프로젝트 계획

목표

• 성능 테스트 도구를 활용하여 개선이 필요한 문제 도출

공통

• 테스트 커버리지 향상

BE

• 데이터 쿼리 성능 개선

FE

• lighthouse 점수 개선
  • 초기 점수
    performance : 87, accessiblity : 83, best practice : 96, seo : 75
  • 목표 점수 네 항목 모두 100점
• 렌더링 개선

1주차

• 프로젝트 이해 및 환경 설정

  • 개발 환경 구축

  박경희, 조배경, 민경준

  • 프로젝트 구조 파악
  • 코드 이해

• 새로운 프로젝트 배포 환경 구성

• 성능 테스트 도구 학습

• 성능 테스트를 통해 정량적인 데이터 추출

• 개선이 필요한 부분 도출

  ⇒ 관련 학습 진행

2주차

분야 별 목표

• FE
  • Lighthouse 점수 개선 (목표 : 100점)
    • performance(FCP, LCP, SI), accessbility, best practices, seo
    • 문서화 작업
  • 렌더링 테스트 도구 조사 및 학습
  • 불필요한 렌더링 개선
    • editor에서 제목 클릭 시 내부 컴포넌트 렌더링
    • editor에서 스크롤 시 내부 컴포넌트 렌더링
• BE
  • docker 깊게 학습한 뒤 docker 최적화 진행
  • migrate 관련해서 최적화
  • docker 배포 환경 최적화
  • CI/CD 구축

개인 별 목표

• 박경희
  • lighthouse 평가 항목의 의미와 기준 학습
  • lighthouse 성능 개선
• 조배경
  • lighthouse 성능 개선 마무리하기
  • lighthouse 평가 지표 학습
  • 리액트 렌더링 과정 학습하기 (+브라우저와의 종속성)
• 유성민
  • docker의 동작 원리와 이미지, 컨테이너 구조 깊게 학습
  • 데이터베이스 트랜잭션 학습
• 민경준
  • docker
  • redis
  • yjs, 웹소켓
  • 위 키워드들에 대해 깊게 공부하고 프로젝트에 적용된 방식 이해
• 민서진
  • docker 공부 → 프로젝트에서 배포할 때 docker을 어떻게 구성할 것인가
  • ngnix 공부** → 하나도 모르겠음…. 기초부터 학습하기
  • 배포 관련 최적화
  • 성능 측정 테스트 종류 알아보기, 어떤 테스트로 어떻게 측정할지 정하기
  • 개선 전 테스트까지 해보기

3주차

• 수요일까지 AI 기획 완료

분야별 목표

• FE

  • 불필요한 렌더링 개선 마무리
    • API 변경 반영
  • 개선점과 관련된 CS 개념 학습 및 적용

• BE

  • 엣지 API 처리
  • 노드 삭제 → 백스페이스도 가능하게
  • DB ⇒ 내용 가져올 때 쿼리 개선
  • 부하테스트??

개인별 목표

• 조배경
  • 프로젝트에 적용할 수 있는 CS 개념 찾기
  • 한가지 이상의 CS 개념 학습 및 적용
• 박경희
  • 불필요한 렌더링 제거
  • 리팩토링과 CS 정보 접목 시키기
• 유성민
  • 데이터베이스 구조 학습 (인덱스 등등…)
  • SQL 공부
  • 개선한 사항들을 CS 지식과 연결해보기
• 민서진
  • 노드 삭제, 엣지 삭제 등 버그 처리 → FE쪽 작업해보기
  • DB 개선 방법 생각해보기
    • → 개인적으로 foreign key 없애서 join 안쓰게 하고 싶음…. 근데 적용까지는 이번주에 힘들 수도
  • 부하테스트 해보기!!