최대 1 분 소요

  • 백엔드 역설계 개발자도구, openapi devtools, excalidraw(or figjam)

CDN 전략과 캐시 전략 Write Around TTL

스케일아웃 ; DB 파티셔닝, 샤딩

검색 토크나이저, 메시지큐, 캐시(내부, redis 등)

트랜스코딩 메타데이터

https://hsp1116.tistory.com/35

  • 프론트엔드 역설계 SEO - search engine optimization lighthouse analyze CLR - client side rendering 서버부담 적고 인터렉션, UX 최적화 SEO 취약성 (SSR이 better) SSR - server side rendering 로딩 빠름 상태관리가 복잡

CSS - critical rendering path

  • SASS → CSS로 트랜스파일링 됨
  • PostCSS

  • 기술 토론?…

https://docs.google.com/document/d/1kvQk6HVm6OCeq12K3CqbDgvinGWtXEZmwL96B8An97o/edit?pli=1&tab=t.0

  • 네이버웹툰 분석

  • CDN - objectstorage 연결
  • 특정 경로에 대해서 CDN 캐시 부여, 트래픽 부하 방지
  • 로드밸런서 - 게이트웨이
    • 인증서버
    • 콘텐츠서버
      • redis(작품정보, 회차정보)
        • elasticsearch - 자연어검색(+인덱싱)
        • DB (main DB)
      • object storage와 연결되어 있음
    • 쿠키서버
  • 콘텐츠서버에서 변경이 일어나면 CDN 캐시 만료등의 액션이 필요함
  • CDN - LB - Gateway를 통한 호출
  • 이미지는 별도로 CDN에서 storage로 연결되어있음

  • 단 public은 Load Balancer까지만, 이외는 private 연결에 둔다.
    • 서버가 왜 private?
    • gateway가 사용자 정보를 변환해서 그 이후에 헤더에 전달해야해서..
      • 다른유저인것처럼 요청을 보낼 수 있기 때문에.
    • gateway는 실제로 ec2 여러개에 해당함.
      • 굳이 public에 있을 필요가 없기 때문에..
      • 로드밸런서를 거쳐 들어와야 하기 때문에.

댓글