<aside> 💡 우리는 잘 가고 있을까?

</aside>

🗓️ Day04. 계획

Day04. 구현할 것

프론트엔드

• [ ] 키워드 시각화
  • [x] 더미 데이터를 뽑기
    • [x] 전체 커뮤니티 키워드 이름 리스트 (객체로) {keyword, count}
  • [x] CSS로 먼저 그려보기
    • [x] 위의 데이터를 통해서 일단 그려보기
  • [x] 이를 통해서 크기를 디자인하기
  • [ ] 배치 알고리즘 구현
    • [ ] 물리엔진으로 circle packing
• [x] 구현된 API 연결하기 ⇒ 다음주가 맞지 않을까?
• [x] 발표자료 만들기
  • 뭐 넣어야할까?

백엔드

• [x] 전체 키워드 목록 조회 API
• [x] 소켓 서버 배포
• [ ] 소켓 서버 CI / CD github action 작성
• [ ] /user/me
• [ ] 멘토님이 남겨주신 댓글에 대한 학습 및 회동(?) 준비

🪧 의사 결정

발표에 들어갈 내용

• 프로젝트 개요 (주제, 기술적인 도전) ⇒ 현재 주차 데모 시나리오
  • 근거있는 개선을 하자 ⇒ Jennifer Frontend
  • 랜딩 페이지에서 시작하기 누르면 커뮤니티 페이지로 이동
• 협업 진행 방식
  • 우리 팀프로젝트에서 이력서 & 코테준비해서 그것도 일정으로 관리하기로 했다!
  • 백로그보고 월요일에 Github에 Issue 관리
  • 4-6주차 진행 예정 내용
• 프론트엔드 진행사항 ⇒ 키워드 자동완성 & 물리엔진으로 circle packer 구현 작업
  • 스크롤 애니메이션
    • svg 그려지는 것
    • 색상 변해지기
  • 키워드 자동완성 어떻게 구현했는지
    • Trie 알고리즘으로 구현했다.
  • ref vs state vs canvas
    • 각각은 어떤 성능차이를 보일까?
  • 물리엔진
• 백엔드 진행사항 ⇒ 임시 로그인 API 구현, 키워드 참여와 추가 API 구현, 연관 키워드 추천 API 구현
  • (너무 도메인 지식이라서 애매하다) ORM(JPA 문제, TypeORM은 실시간으로 쿼리를 날리는 것이 아니기 때문에 해당사항 없음)의 n+1 join 문제 : 조인되어 있는 두 테이블을 가져올 때, 하나의 테이블을 lazy로 가져올때 ORM에서 코드에 따라서 row를 하나씩 가져오거나 table을 가져오게 된다.
  • 이러한 문제로 성능이 안나온다.
  • 이를 잘 해결하기 위한 고민이 n+1 join 문제 고민이다.