프론트엔드 성능 최적화 배우고 채용공고 우대사항 뽀개기

프론트엔드 성능 최적화 배우고 채용공고 우대사항 뽀개기

7,900원

10

프론트엔드 성능 최적화 배우고 채용공고 우대사항 뽀개기

채용공고 우대사항에 자주 등장하는 항목 "성능 최적화". 사용자 경험을 개선하고 웹사이트 로딩 속도를 높이기 위한 성능 최적화 기법을 다룹니다.

heart icon

찜하기

share icon

공유하기

🚀 강의 목적과 학습 목표

이 강의는 프론트엔드 성능 최적화의 핵심 개념과 기술을 배우고,
이를 실무에 바로 적용할 수 있도록 돕습니다.
성능 문제를 해결하는 다양한 방법을 배우고,
채용공고에서 자주 언급되는 성능 관련 우대사항을 뚫을 수 있습니다.
웹 애플리케이션의 속도와 효율성을 높이는 실전 기술을 익힐 수 있습니다.

👩🏻‍💻 이런 분을 위해 만들었어요

📍 채용공고에서 성능 최적화 관련 우대사항을 정확히 이해하고 싶고, 면접 준비를 하는 분들.
📍 성능을 최적화하여 실제 서비스를 더 빠르고 효율적으로 만들고 싶은 개발자.
📍 프론트엔드 성능 최적화에 대해 배우고 싶은 개발자.

🎁 강의는 이렇게 구성돼요

프론트엔드 성능 최적화의 다양한 기술을 실습을 통해 배웁니다.
브라우저 렌더링, 네트워크 요청 최적화,
자바스크립트 성능 개선 등을 깊이 다룹니다.
실무에서 바로 적용할 수 있는 성능 최적화 방법들을 배우고
면접에서도 강력한 경쟁력을 가질 수 있습니다.

챕터 구성

  1. 성능 최적화란 무엇인가? – 개념과 중요성
  2. 브라우저 렌더링 최적화 – 리페인트와 리플로우
  3. 네트워크 요청 최적화 – Lazy Loading과 코드 스플리팅
  4. JavaScript 성능 최적화 – 비동기 처리와 최적화 기법
  5. 이미지와 리소스 최적화 – 웹P, SVG, 이미지 압축
  6. CSS 성능 최적화 – CSS 전처리기와 미니파이
  7. 성능 측정 도구 – Chrome DevTools와 Lighthouse
  8. 웹 애플리케이션 성능 분석 – 성능 병목 현상 파악하기
  9. PWA(Progressive Web App)와 성능 향상
  10. 실전 프로젝트 – 성능 최적화된 웹 애플리케이션 만들기

💻 쉽게 이해되는 3분할 화면

위코드는 여러분이 최대한 쉽게 이해할 수 있도록 모든것을 준비했습니다. 강의 영상의 핵심 내용을 실시간으로 정리해 드리고, 직접 수정하고 실행해볼 수 있는 코드까지 실시간으로 제공하는 위코드만의 코딩 강의 플랫폼에서 재밌고 쉽게 학습하세요!


📍 모바일에서도 쉽게 볼 수 있는 세로 비율의 강의 영상
📍 강의 내용을 이해하기 쉽도록 실시간 핵심 내용 정리
📍 강의 내용 흐름에 맞추어 실시간 업데이트 되는 코드 에디터
📍 직접 수정해보고 실행도 할 수 있는 코드

커리큘럼

미리보기를 통해 콘텐츠를 확인해보세요.

  • Play Icon이미지와 리소스 최적화 – 웹P, SVG, 이미지 압축
  • Play IconCSS 성능 최적화 – CSS 전처리기와 미니파이
  • Play Icon성능 측정 도구 – Chrome DevTools와 Lighthouse
  • Play Icon웹 애플리케이션 성능 분석 – 성능 병목 현상 파악하기
  • Play IconPWA(Progressive Web App)와 성능 향상
  • Play Icon실전 프로젝트 – 성능 최적화된 웹 애플리케이션 만들기