Real-world web performance optimization for frontend developers (feat. React) - Part. 2
hackurity01
Learn how to measure the performance of your React-built web services and optimize them for speed and efficiency.
Intermediate
React, Chrome DevTools
BEST
프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 1
리액트로 만들어진 웹 서비스의 성능을 측정하고 더욱 빠르고 효율적으로 최적화 하는 방법을 배웁니다.
먼저 경험한 수강생들의 후기
이런 걸 배울 수 있어요
웹 서비스의 성능을 분석하는 방법
다양한 웹 성능 최적화 기법들
브라우저 동작 원리
크롬 devtools 사용법
프론트엔드 성능 최적화
웹 프론트엔드 성능 최적화, 자신있나요?
최적화 기법을 한데 모아 제대로 학습하세요!
이 강의의 생생한 수강평! ✨
이 강의는?
인프런 베스트!
실전 웹 성능 최적화 시리즈 🎲
다양한 예제를 통해, 웹 서비스의 분석과 최적화 기법을 배울 수 있는 강의입니다.
흔하게 이론만 알려주는 무책임한 일반적인 최적화 강의와 다른,
실전 예제를 통해 직접 분석과 최적화를 배울 수 있는
국내 최초 성능 최적화 엑기스 강의입니다!
강의 관련 질문을
확인해보세요 🙋♂️
Q. 강의 난이도는 어느 정도인가요?
기본적으로 웹에 대한 지식이 필요합니다. 하지만, 성능 최적화의 부분에서는 기초부터 자세히 설명을 했기 때문에 성능 최적화를 처음 접하시는 분이라도 이해하실 수 있습니다.
Q. 이 강의에서는 어떤 프로그램(또는 툴)을 사용하나요?
크롬의 개발자 도구(devtools)를 주로 사용합니다. 그 외에 필요에 따라 추가적인 라이브러리를 사용하는데, 사용법이나 간단한 설명을 같이 하기 때문에 학습하는데 어려움은 없을 겁니다.
Q. 이 강의만의 특별한 장점이 있을까요?
웹 성능 최적화를 학습한다는 것은 어렵습니다. 왜냐하면 마땅한 자료도 없고 대부분 단편적인 이론들이기 때문이죠. 하지만, 이 강의에서는 그런 단편적인 최적화 기법들을 모아서 직접 학습하고 훈련할 수 있는 여러 웹 서비스들을 준비해뒀습니다. 그렇기 때문에, 어떻게 서비스를 분석하고, 무엇을 근거로, 어떤 최적화 기법을 적용해야 하는지를 낱낱이 배울 수 있습니다.
이 강의를 만든
지식공유자를 소개합니다.
유동균
- (현) 해치랩스 프론트엔드 개발자
- (전) 라인 파이낸셜 프런트엔드 개발자
- 삼성 SSAFY, 프로그래머스 등 프런트엔드 개발 강의
- 웹 성능 최적화 프로젝트 및 강의 제작
- 마이크로소프트웨어 393호(JS 주제), 392호(블록체인 주제) 기고
성능 최적화라는 걸 ‘어떻게' 배우는 게 좋은가에 대한 원론적인 고민을 하다가 이 강의를 만들게 되었습니다. 이전에 여러 웹 서비스의 성능을 분석하고, 최적화해본 경험을 돌이켜보니, 이론부터 많이 알려드리기보다 예제 서비스를 직접 분석하고 실습해본다면 웹 성능 최적화에 대해 확실하게 학습할 수 있겠다는 생각이 들었어요.
사실 성능 최적화라는 것은 상황에 따라 달라질 수 있고, 방법도 다양하지만, 그 중 핵심적인 것들을 모아 놨고, 단순히 최적화 기법만이 아닌 브라우저의 동작 원리와 성능의 분석 방법 등 웹 프론트엔드 개발에 뼈가 되고 살이 되는 것들도 알려주니 열심히 학습해주세요. 질문은 언제나 환영입니다.
이런 분들께
추천드려요
학습 대상은
누구일까요?
웹 성능 최적화에 관심이 있는 개발자
더 빠르고 가벼운 웹 서비스를 만들고 싶은 개발자
크롬 devtools를 더욱 잘 활용하고 싶은 개발자
경쟁력을 갖추고 싶은 웹 프론트엔드 개발자
선수 지식,
필요할까요?
HTML5, Javascript, CSS
React.js
3,846
명
수강생
222
개
수강평
108
개
답변
4.9
점
강의 평점
3
개
강의
(전) 해치랩스 프론트엔드 개발자
(전) 라인 파이낸셜 프런트엔드 개발자
삼성 SSAFY, 프로그래머스 등 프런트엔드 개발 강의
웹 성능 최적화 프로젝트 및 강의 제작
마이크로소프트웨어 393호(JS 주제), 392호(블록체인 주제) 기고
커리큘럼
전체
24개 ∙ (2시간 54분)
해당 강의에서 제공:
수업자료
강의 게시일:
마지막 업데이트일:
수강평
전체
153개
4.9
153개의 수강평
- yung66990014
수강평 1
∙
평균 평점 5.0
5
96% 수강 후 작성It has been a great help in optimizing my work in the real world. I am looking forward to Part 2. I hope it comes out soon.
- hackurity01지식공유자
Hello, Taeyoung Yoon, this is Donggyun Yoo from the web performance optimization lecture. I'm glad it was helpful! I'll come back with another great lecture next time. Thank you. :)
- hackurity01지식공유자
Part 2 I'm here to tell you some news! If you check the notice, you'll get a discount coupon for existing students! (~9/13)
wjdtksdk6889수강평 1
∙
평균 평점 5.0
5
42% 수강 후 작성I want to listen to the next lecture soon! I think it is a valuable lecture because it is a necessary but hard to find lecture.
- hackurity01지식공유자
Hello, this is Yoo Dong-gyun from the web performance optimization lecture. Thank you for thinking this was a valuable lecture! I will come back with more helpful content in the next lecture. Thank you.
- hackurity01지식공유자
It's been almost a year.. I'm here to tell you about Part 2! If you check the notice, you'll get a discount coupon for existing students! (~9/13)
- youmejung1826
수강평 1
∙
평균 평점 5.0
5
100% 수강 후 작성I liked that you explained the content that I had been wondering about while studying on my own!^^
- hackurity01지식공유자
Hello, Unijjajang, this is Yoo Dong-gyun from the web performance optimization lecture. I'm glad it was helpful! I'm preparing the next lecture, so I'll come back soon with more content. Thank you.
- hackurity01지식공유자
Part 2 I'm here to tell you some news! If you check the notice, you'll get a discount coupon for existing students! (~9/13)
- baldongdongdong9902
수강평 9
∙
평균 평점 5.0
5
100% 수강 후 작성It was a helpful lecture! If I had seen it before the interview, I would have passed... ㅠㅠ
- hackurity01지식공유자
Hello, Lee Chung-man, this is Yoo Dong-gyun from the web performance optimization lecture. I'm glad it was helpful! There's nothing we can do about the previous interview, but I hope you have a good result in the next interview. I'll come back with more helpful content in the next lecture. Thank you.
- hackurity01지식공유자
It's been almost a year.. I'm here to tell you about Part 2! If you check the notice, you'll get a discount coupon for existing students! (~9/13)
- junsushin45461566
수강평 2
∙
평균 평점 5.0
5
100% 수강 후 작성It's hard to find good material on web performance, so I'm really glad that this is organized into a lecture. I'm looking forward to Part 2!
- hackurity01지식공유자
Part 2 We have news for you! If you check the notice, there are discount coupons for existing students! (~9/13)
₩55,000
![[VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?f=avif&w=420)
![[JavaScript GUI Development #1] Timer App with Electron + React (+ Zustand)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
![[Renewal] Creating NodeBird SNS with ReactCourse Thumbnail](https://cdn.inflearn.com/public/course-325637-cover/d5fd6216-71d1-490e-8759-594cbbdc1973?f=avif&w=420)
