FE

어제 한 일

• 하루종일 리액트 쿼리 삽질

  • 버리고..
  • 로그인을 리액트 쿼리로 처리하는게 맞나?
  1. fetch 주기를 access token의 expiration time에 맞춰야 함
  2. httponly 옵션때문에 react-cookies같은 라이브러리로 토큰에 접근해 수명을 확인하는것도 보안상 불가능
  3. AuthGuard 인스턴스는 각 페이지 접속시마다 생성되고 소멸하기 때문에 이 시간을 Timer로 측정하기 어려움
  4. 그렇다고 interval을 이용해 fetch하자니 기존 방식 대비 이점이 하나도 없음

  대충 이런 사연이 있읍니다

• SSE 붙이고 올렸습니다.

• 로그아웃, 게시글 수정 완료

• sidebar 리렌더링 방지 수정

오늘 할일

• 에디터 오류 수정
• 에디터 이미지 업로드 UX
• 답글 다는 부분 멘션 수정
• 내 계정 정보 확인 페이지
• UI 수정 (sidebar 반응형 수정)
  • LOGO 바꾸기
  • 프로필 편집 UI
• toast UI
• lighthoust 성능 개선

BE

• 한거
  • SSE BE 서로 연동 작업
  • 로그아웃 이슈 해결
  • 로깅 작업 및 exception처리
  • 도커 작업 (FE, BE, NGINX 컨테이너화)
    • 몽고 DB, Redis는 과연 컨테이너화를 해야하나?
    • K6 찍먹
    • Docker Swarm
    • BE 성능 저하 원인 분석
• 해야되는거
  • [ ] FE, BE, NGINX 완전 컨테이너화 서버에 띄워야
    • [x] FE
      • Next는 빌드할 때 .env 파일이 포함되어 있어야 함.
      • 현재는 FE .env에 시크릿이 없어서 저장해도 무관하나 시크릿이 들어가면 골치 아파질듯.
      • Next build, start 할 시 무조건 NODE_ENV= production 이어야 하는 문제가 있음.
        • 도커 이미지에서 세팅해주는건 의미가 없는듯. non-standard-node-env | Next.js
        • mv로 .env.development를 .env.production으로 대치하는 방식 사용.
    • 도커 이미지 버저닝을 어떻게 할 것인가?
      • multi tag 이용
    • 도커 로그인 non-interactive shell
      • docker login | Docker Documentation
      • password-stdin 을 권장하는듯.
    • 도커파일 dev, prod 를 어떻게 같이 관리할 것인가?
      • 🐳 다단계 빌드로 로컬 개발 및 프로덕션 모두에 동일한 Dockerfile 사용 | 블로그
      • docker build | Docker Documentation
      • docker build -t front-mohe:0.0.1 --target dev .

    • [x] NGINX

  • [ ] Dev에서 오토 스케일링 되도록 셋업
  • [ ] 오토 스케일링이 되어서 실제로 서버가 늘어났을 때 k6 벤치마크에도 향상이 있는가??
  • [ ] k6 벤치마크 테스트 세분화
  • [ ] 자동 배포 재설정
    • PM2 기준으로 되어있는걸 도커 클러스터링 기준으로 바꿔야되고
    • 바꾸면서 깃헙 액션 러너가 도커 이미지를 빌드해서 배포하게끔?
  • logger 해결안되면 dev 배포
  • redis 캐싱
    • 하나 캐싱해보고 실제로 성능 개선 있는지 확인 필요함
    • MongoDB가 이미 메모리로 캐싱중 - join이 들어가는 case?