Skip to content

Latest commit

 

History

History
54 lines (33 loc) · 2.12 KB

2024-10-30.md

File metadata and controls

54 lines (33 loc) · 2.12 KB

🗓️ 2024-10-30

🐌 스크럼

  • 학습 목표 1. 백엔드 API 작업 및 연동

💡 새로 배운 내용

1. 웹 렌더링 방식

  • 웹 페이지를 사용자에게 보여주는 과정
  • 방식에 따라 로딩 속도, SEO, UX(사용자 경험)가 다르다.
1-1. CSR (Client Side Rendering)

서버가 html과 script만 제공하고, 브라우저가 요소와 스타일을 동적으로 처리

장점 이유
빠른 페이지 전환 브라우저가 필요한 요소만 요청하여 처리
단점 이유
초기 로딩 느림 처음에 브라우저가 모든 작업을 처리
SEO 최적화에 불리 초기 파일에 크롤러가 수집할 데이터 부족
1-2. SSR (Server Side Rendering)

서버에서 완성된 페이지를 전달, 브라우저는 그대로 렌더링

장점 이유
초기 로딩 빠름 서버에서 미리 처리된 페이지 제공
SEO 최적화 유리 초기 HTML을 바로 인식 가능
단점 이유
서버 비용 증가 변경마다 서버 요청으로 부하 발생
1-3. SSG (Static Site Generation)

정적 페이지를 미리 생성해 필요 시 로드하는 방식

👩🏻‍💻 오늘의 도전 과제와 해결 방법

  • CSR, SSR, SSG를 주제로 딥다이브 진행 후 발표하기

👏🏻 오늘의 회고

  • CSR과 SSR이 항상 헷갈려서 이번 기회에 확실히 공부할 수 있어서 좋았다. 내 주제뿐만 아니라 다른 팀원 분들의 주제도 흥미로워서 즐겁게 발표를 들을 수 있었다.

🔗 참고 자료 및 링크