AT SOPT 36기 성능 최적화 스터디
- 매주
발표자(1~2명)가 해당 주차 내용과 심화 내용 정리 및 발표 - 모든 스터디원은 아티클을 작성하고 PR로 제출
- 모든 스터디원은 실습코드를 작성하고 PR로 제출
- 서로 작성한 아티클, 실습코드는 읽고 PR에 이모지 달아주기
- 아티클 제출 마감: 수 -> 목 넘어가는 12시까지
- 스터디 진행 시간: 목요일 밤 11시
- 아티클 미작성: 5천원
- 발표자의 아티클 미작성: 만 오천원
- 지각: 10분 당 천원
- 무단결석: 5만원
스터디 제출 시 아래와 같은 형식으로 브랜치를 생성하고, main 브랜치로 PR(Pull Request)을 보내주세요.
- 브랜치명:
주차/이름/주제
예시:week1/heesun/blogServiceweek3/jisung/homePage
주차:week1,week2,week3… 등으로 작성이름: 본인의 이름 혹은 닉네임주제: 해당 목차나 학습 키워드 (간단 명료하게)
- 제목 예시:
[Week1] 희선 - 블로그 최적화 - 설명: 어떤 내용을 다뤘는지 간단히 작성해주세요
- 파일은 본인 디렉토리 아래에 정리 (예:
/heesun/week1/img-optimize.md)
-
docs/
각 스터디 멤버가 한 주간 공부한 내용이나 관련 아티클을.md파일 형식으로 업로드하는 폴더입니다. 이 폴더에는 스터디가 진행되는 동안 매주 멤버들이 작성한 문서들이 포함됩니다. -
playground/
해당 챕터의 실습을 진행한 파일을 올리는 곳입니다.
- 파일명은
소문자(kebab-case)를 사용합니다.
예시: 'img-optimize' 등
| 날짜 | Week | Tags | Keyword | 발표자 |
|---|---|---|---|---|
| 5월 8일 | Week1 | 블로그 서비스 최적화 ① | Lighthouse 검사, 이미지 사이즈 최적화, 성능 병목 코드 분석 및 개선 (1~26장) | 임지성 |
| 5월 15일 | Week2 | 블로그 서비스 최적화 ② & 올림픽 통계 서비스 최적화 | 코드 분할, 지연 로딩, 텍스트 압축(26~62장) , 애니메이션 최적화, 컴포넌트 지연,사전 로딩, 이미지 사전 로딩 (65~99장) |
박희선 , 윤소은 |
| 5월 22일 | Week3 | 홈페이지 최적화 | 이미지 지연 로딩, 이미지 포맷/사이즈 최적화, 동영상 최적화, 폰트 최적화, 캐시 적용, PurgeCSS (105~143) | 권동희 |
| 5월 29일 | Week4 | 홈페이지 최적화 | 레이아웃 이동 피하기, 리덕스 렌더링 최적화, 이미지 모달 병목 코드 분석 및 개선 (144~179) | 이재림 |
| 6월 5일 | Week5 | 이미지 갤러리 최적화 | 레이아웃 이동 피하기, 이미지 지연 로딩 등 (185~216장) | 엄경호 |
| 6월 12일 | Week6 | 합동세미나 결과물 최적화 | 각자 합동세미나 작업물에 적용한 최적화 결과, 적용 이유, 개선 효과 공유 | 모두 |