55,000원
부드러운 백조
2025-01-181492431안녕하세요 유동근 멘토 쌤! 강의 관련하여 50% 쿠폰을 발급 받을 수 있는지 문의드립니다 ㅠㅠ 아직 취준 입장이라 발급이 가능한지 문의드립니다!
박진영
2025-01-141488655안녕하세요. 해당 강의 또는 도서를 구입하여 공부하려고 하는데요. 아무래도 강의가 나온 후 몇년이 지나서 지금 이 내용들을 가지고 공부를 해도 되는지 의문이 드는데 어떻게 생각하시나요? 강의에서 다루는 분석툴도 아직 실무에서 사용되고 있는 툴인지도 궁금합니다. 감사합니다 :)
유동균2025-01-14392166안녕하세요! 해당 강의와 책에서는 프론트엔드 성능 최적화에 대한 본질적인 개념들을 다룹니다. 이는 어떤 라이브러리를 사용하건, 어떤 툴을 사용하건 변하지 않는 부분이라 이에 대한 학습 관점에서 충분히 도움이 되실거라 생각됩니다. 사용하는 툴과 라이브러리, 환경에 대해서 말씀드리면 변한 부분이 있긴 하지만, 큰 틀에서는 동일하기 때문에 학습하시는데 크게 지장을 주지는 않을거라 생각합니다. 몇 가지 구체적으로 비교를 해드리겠습니다. [크롬] 강의의 크롬 버전과 비교했을 때, 최신 크롬 개발자 도구에서 일부분 업데이트되었습니다. Performance Panel(성능 패널)의 UX나 일부 UI가 살짜 변경되었고, 사용성 관점의 편의 기능들이 추가되었습니다. 그럼에도 기본적인 사용 방법과 원리는 변하지 않았기 때문에 문제없이 학습이 가능합니다. 최신 버전에서의 추가적인 내용은 조금만 훑어 보거나 구글의 What's New 문서를 보시면 금방 이해하실 수 있습니다. [번들러] 강의의 예제는 CRA로 만들었기 때문에 Webpack을 사용합니다. 요즘 트랜드는 Vite로 만드는 거라 Webpack 사용경험이 없거나 앞으로 사용하지 않을 거라고 한다면... 조금 불편하실 수는 있습니다. 하지만, 대부분의 번들러가 그 원리가 비슷하고 비슷한 기능을 지원하는 라이브러리들이 많이 있기 때문에 분석 개념만 이해하신다면 문제가 되진 않습니다. [Bundle Analyzer] Webpack용 Bundle Analyzer를 사용합니다. 만약 다른 번들러에서 번들 분석을 하신다면, 해당 번들러에서 지원하는 번들 분석 툴을 사용하시면 됩니다. 설치 및 사용법은 조금 다를 수 있지만, 분석하는 과정과 원리는 동일하기 때문에 한 번 익혀두면 툴에 상관없이 분석하실 수 있을 겁니다. [Redux] 특정 실습에서 Redux로 구현된 코드를 최적화하는 실습이 있습니다. 최근에는 거의 사용되지 않고 있어서 어색하게 느껴지실 수도 있지만, 많은 라이브러리에서 비슷한 패턴의 코드들이 있기 때문에 이 원리를 이해하신다면 다른 라이브러리에서도 비슷한 패턴을 유의하면 사용하실 수 있습니다. [Lighthouse] 마찬가지로 버전이 오르면서 UI 업데이트가 생겼습니다. 그럼에도 측정하는 내용은 동일하니 분석하시는데에는 문제 없을 것 같습니다. 다만, 최근 구글에서 코어 웹 바이탈 중 FID라는 항목을 빼고 INP를 넣었습니다. 비슷한 지표이지만 살짝 달라서 이 부분은 최신 기록을 찾아보면 도움이 되실겁니다. 이 외에도 버전의 변경에 따른 사용법이나 화면이 일부 다를 수 있지만, 기본적인 원리나 분석 방식에 있어서는 차이가 없어 강의와 책이 여전히 많은 도움이 되실거라 생각됩니다! 추후 시간이 되는대로 강의를 최신화 할 수 있도록 노력해보겠습니다. 강의와 책에 관심을 가져주셔서 감사합니다 :)
재미있는 여우
2023-01-08740037안녕하세요! 프론트엔드 성능 최적화 가이드 책을 구매하여 공부하고있는데요! 책 구매자가 따로 질문할 수 있는 곳은 없을까요..?
유동균2023-01-09233569안녕하세요, park.geumgyu 님, 아무래도 책은 별도의 플렛폼이 있는게 아니라 따로 질문 답변 창구가 없습니다. 다만 강의를 들으시는 경우, 인프런 질문 게시판을 이용하실 수 있고, 아니면 깃허브의 해당 프로젝트 레퍼지토리의 issue로 질문해주셔도 될 것 같습니다! 답변이 도움되셨길 바라며, 강의에 관심을 가져주셔서 감사합니다.:)
gonasooc
2023-01-05736130안녕하세요. 저는 Vue를 사용하고 있고 최근에 최적화에 관심이 생겨 여기까지 오게 됐는데 혹시 React에 대한 지식이 없어도 이 강의를 듣는 데에 무리가 없는지 궁금합니다.
유동균2023-01-05232685안녕하세요, gonasooc님, 강의에서 사용하는 예제 사이트가 React로 구현되어 있습니다. 때문에 기본적인 React 지식(프레임워크 구조, 동작 방식 등)을 알고 있어야 코드를 이해하기 쉽습니다. 다만, 대부분의 SPA 프레임워크(Vue, Angular)들이 어느정도 비슷한 개념과 구조를 가지고 있기 때문에 조금만 살펴보시면 이해하실 수 있지 않을까 생각됩니다. 또한, 일부 내용을 제외하고는 웹 전반적인 내용(크롬 개발자 도구 사용법, 병목 함수 분석 방법 등)을 다루고 있어서 충분히 도움이 되지 않을까 생각합니다. 정리하면, 예제 코드가 React라 코드적인 부분에서는 이해하기 어려우실지 몰라도 분석 방법, 최적화 원리 및 개념 등을 이해하는데는 어려움이 없을 것 같습니다. 도움이 되셨길 바라며, 강의에 관심을 가져주셔서 감사합니다 :)
seungwon _
2022-12-30730028안녕하세요 서점에서 책의 존재를 알게된 후에 강의가 있다는 것을 알게 되었습니다. 1. 그래서 책을 살지 강의를 수강할지 고민이 되는데 내용차이는 없을까요? 아무래도 강의가 설명이 더 자세하고 배우기 쉬울거같으나 책이 자료가 더 많이 실려있을거 같은 느낌이 듭니다. 어떻게 다른지 어떤걸 더 추천하시는지 궁금합니다. 2. 또한 리액트에 대한 기본적인 사용법을 공부하고 3개월정도 기간 잡고 웹 프로젝트 하나 진행한 상태인데 그정도 실력으로도 해당강의를 수강하기에 무리가 없을지도 궁금합니다. (전공생입니다 어느정도 CS지식은 학교에서 배운상태입니다)
유동균2022-12-30231420안녕하세요, seungwon님 1. 책에서는 파트1,2 강의 내용을 종합&정리하였습니다. 그래서 책의 내용이 조금 더 깔끔하고 잘 다듬어져 있습니다. 다만, 강의 흐름이나 전체적인 내용에 대해서는 큰 차이가 없기 때문에 선호하는 공부 방식을 선택하시면 될 것 같습니다. 온라인 강의는 영상이기 때문에 내용을 따라가거나 받아들이기 편할 수 있습니다. 반면에 책은 잘 정리되어 있지만 강의에 비하면 책과 화면을 번갈아 봐야하니 조금 불편하실 수 있습니다. 결론적으로 개인 취향일 것 같습니다 :) 2. 웹 최적화 전반을 다루기 때문에 리액트에 한정적이지 않습니다. 따라서 리액트를 아주 잘 몰라도 어느 정도 따라오실 수 있고, 반대로 기본적인 웹 지식이 없으면 리액트를 잘 알아도 따라오시기 힘들 수 있습니다. 다만, 최대한 입문자 분들도 이해하실 수 있도록 완전히 기초적인 내용을 제외하고는 설명을 하고 있기 때문에 지금 수준이라면 오히려 더 많은 이 강의를 통해 학습할 수 있지 않을까 기대합니다! 답변이 도움되셨길 바라며, 강의에 관심을 가져주셔서 감사합니다. :)
qlenfrl101
2022-01-24414672part2를 먼저 수강 후 part1을 수강해도 괜찮을까요?
유동균2022-01-25163867안녕하세요, qlenfrl101님 파트2를 먼저 수강하셔도 크게 문제가 없을 것 같습니다. 다만, 파트2의 내용은 파트1의 내용을 어느 정도 알고 있다는 전제로 진행이 됩니다. 물론 학습이 불가능할 정도로 필수적이지는 않고 파트1과 조금씩 다른 방향으로 최적화를 진행하기 때문에 파트1인 선행되면 이해하는데 더 도움이 될 수 있습니다.
나수지
2021-09-08303818안녕하세요. 유동균 강사님. 좋은 강의 진행해 주셔서 감사합니다. : ) 저는 인사이트라는 출판사의 편집자인데요, 본 강의와 관련해 출간을 제안드리고 싶어 연락처를 남깁니다. 괜찮으시다면 다음 메일로 연락 남겨 주시면 감사드리겠습니다. sujina@insightbook.co.kr
유동균2021-09-08136252메일 답장했습니다.

답변드렸는데 확인이 늦으셔서 지웠습니다. ㅠ (혹은 이메일 남겨주세요)