강의

멘토링

로드맵

BEST
Programming

/

Front-end

Real-world web performance optimization for frontend developers (feat. React) - Part. 1

Learn how to measure the performance of your React-built web services and optimize them for speed and efficiency.

(4.9) 149 reviews

2,122 learners

  • hackurity01
3시간 만에 완강할 수 있는 강의 ⏰
React
Chrome DevTools

Reviews from Early Learners

What you will learn!

  • How to Analyze the Performance of a Web Service

  • Various Web Performance Optimization Techniques

  • How a browser works

  • How to use Chrome devtools

  • Front-end performance optimization

Are you confident in optimizing web front-end performance?
Get the most out of your optimization techniques by learning them all!

Vivid reviews of this course! ✨

What about this lecture?

Inflearn Best!
Practical Web Performance Optimization Series 🎲

Part.1 Current lecture

  • Optimizing your blog site
  • Optimizing Olympic Statistics Site

Part.2

  • General Home Page Optimization
  • Image Gallery Optimization

Part.3 Scheduled lectures

  • preparing!

This course teaches you analysis and optimization techniques for web services through various examples.
Unlike the typical irresponsible optimization lectures that only teach theories,
You can learn analysis and optimization directly through real-world examples .
This is Korea's first performance optimization X-axis lecture !


Questions about the lecture
Check it out 🙋‍♂️

Q. How difficult is the lecture?

Basic knowledge of the web is required. However, since the performance optimization part is explained in detail from the basics, even those who are new to performance optimization can understand it.

Q. What programs (or tools) do you use in this course?

I mainly use Chrome's developer tools (devtools). In addition, I use additional libraries as needed. Since I provide instructions and simple explanations, you won't have any difficulty learning.

Q. Are there any special advantages to this course?

Learning web performance optimization is difficult because there are no proper materials and most of them are fragmentary theories. However, in this lecture, we have prepared several web services where you can learn and practice by collecting such fragmentary optimization techniques. Therefore, you can learn in detail how to analyze the service, what to base it on, and what optimization techniques to apply.


Created this course
Introducing the knowledge sharer.

Fluid bacteria

  • (Current) Hatch Labs Frontend Developer
  • (Former) Line Financial Front-end Developer
  • Samsung SSAFY, Programmers, etc. Front-end development lectures
  • Web Performance Optimization Projects and Lecture Creation
  • Contribution to Microsoft Software Issue 393 (JS Topic) and Issue 392 (Blockchain Topic)

I created this course after thinking about the fundamentals of 'how' to learn performance optimization . After looking back on my previous experience analyzing and optimizing the performance of various web services, I thought that rather than just teaching you a lot of theory, if you analyze and practice example services yourself, you will be able to learn web performance optimization more clearly.

In fact, performance optimization can vary depending on the situation, and there are various methods, but I have gathered the core ones, and it is not just an optimization technique, but also the operating principles of browsers and performance analysis methods , so please study hard and learn the bones and flesh of web front-end development. Questions are always welcome.

Recommended for
these people

Who is this course right for?

  • Developers interested in optimizing web performance

  • Developers who want to create faster, lighter web services

  • Developers who want to make better use of Chrome devtools

  • Web Frontend Developer Who Wants to Be Competitive

Need to know before starting?

  • HTML5, Javascript, CSS

  • React.js

Hello
This is

3,804

Learners

214

Reviews

108

Answers

4.9

Rating

3

Courses

  • (전) 해치랩스 프론트엔드 개발자

  • (전) 라인 파이낸셜 프런트엔드 개발자

  • 삼성 SSAFY, 프로그래머스 등 프런트엔드 개발 강의

  • 웹 성능 최적화 프로젝트 및 강의 제작

  • 마이크로소프트웨어 393호(JS 주제), 392호(블록체인 주제) 기고

Curriculum

All

24 lectures ∙ (2hr 54min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

149 reviews

4.9

149 reviews

  • 윤태영님의 프로필 이미지
    윤태영

    Reviews 1

    Average Rating 5.0

    5

    96% enrolled

    실제 현업에서 최적화를 진행하는데 많은 도움이 되었습니다. Part2 도 기대 됩니다. 빨리 나오면 좋겠네요.

    • 유동균
      Instructor

      안녕하세요 윤태영님, 웹 성능 최적화 강의의 유동균입니다. 도움이 되셨다니 다행입니다! 다음 번에도 좋은 강의로 찾아 뵙겠습니다. 감사합니다. :)

    • 유동균
      Instructor

      Part.2 소식을 전해드리려고 왔습니다! 공지사항 확인하시면 기존 수강생 분들을 위한 할인 쿠폰드립니다! (~9/13)

  • 정산아(공과대학 컴퓨터공학과)님의 프로필 이미지
    정산아(공과대학 컴퓨터공학과)

    Reviews 1

    Average Rating 5.0

    5

    42% enrolled

    다음 강의도 얼른 듣고 싶어요! 필요하지만 쉽게 찾아보기 힘든 강의라 가치있는 강의라고 생각합니다.

    • 유동균
      Instructor

      안녕하세요 정산아님, 웹 성능 최적화 강의의 유동균입니다. 가치있는 강의라 생각해주셔서 감사합니다! 다음 강의에서도 더 도움이 될 수 있도록 알찬 내용으로 찾아뵙겠습니다. 감사합니다.

    • 유동균
      Instructor

      거의 1년이 다 되었네요.. Part.2 소식을 전해드리려고 왔습니다! 공지사항 확인하시면 기존 수강생 분들을 위한 할인 쿠폰드립니다! (~9/13)

  • 유니짜장님의 프로필 이미지
    유니짜장

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    혼자 공부하면서 긴가민가했던 내용을 잘 설명해주셔서 좋았어요!^^

    • 유동균
      Instructor

      안녕하세요 유니짜장님, 웹 성능 최적화 강의의 유동균입니다. 도움이 되셨다니 다행입니다! 다음 강의도 준비하고 있으니 곧 알찬 내용으로 찾아뵙겠습니다. 감사합니다.

    • 유동균
      Instructor

      Part.2 소식을 전해드리려고 왔습니다! 공지사항 확인하시면 기존 수강생 분들을 위한 할인 쿠폰드립니다! (~9/13)

  • 이충만님의 프로필 이미지
    이충만

    Reviews 9

    Average Rating 5.0

    5

    100% enrolled

    유익한 강의였습니다! 면접전에 봤더라면 합격했을 텐데... ㅠㅠ

    • 유동균
      Instructor

      안녕하세요 이충만님, 웹 성능 최적화 강의의 유동균입니다. 도움이 되셨다니 다행입니다! 이전 면접은 어쩔 수 없지만, 다음 면접에서는 좋은 결과 있기를 바랍니다. 다음 강의에서도 도움이 되도록 더 알찬 내용으로 찾아 뵙겠습니다. 감사합니다.

    • 유동균
      Instructor

      거의 1년이 다 되었네요.. Part.2 소식을 전해드리려고 왔습니다! 공지사항 확인하시면 기존 수강생 분들을 위한 할인 쿠폰드립니다! (~9/13)

  • Junsu Shin님의 프로필 이미지
    Junsu Shin

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    웹 퍼포먼스 관련해서 좋은 자료를 찾기가 힘든데 강의로 잘 정리되어 있어서 너무 좋네요. Part 2도 기대합니다!

    • 유동균
      Instructor

      Part.2 소식을 전해드립니다! 공지사항 확인하시면 기존 수강생 분들을 위한 할인 쿠폰도 있습니다! (~9/13)

$42.90

hackurity01's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!