![[React / VanillaJS] UI 요소 직접 만들기 Part 1강의 썸네일](https://cdn.inflearn.com/public/courses/333258/cover/1b33bae1-68fa-4b4d-b089-199eab988c84/333258.png?f=avif&w=420)
[React / VanillaJS] UI 요소 직접 만들기 Part 1
정재남
대표적인 UI 요소들을 React 버전 및 순수 JavaScript 버전으로 만들어 보면서, Web API를 활용한 다양한 관점과 방법을 경험하고, 프론트엔드 개발 실력을 한층 끌어올려 보세요.
초급
React, vanilla-js, ui
BEST
Javascript ES6+ - Intermediate
The ES6+ Understanding Course takes an in-depth look at the differences from ES5, concepts, and operating principles of ES6 and the subsequent standard ECMAScript specification for Javascript based on theory.
Reviews from Early Learners
What you will learn!
Javascript ES6+ Class
Javascript ES6+ Iterator
Javascript ES6+ Generator
Javascript ES6+ Promise
What's different about Javascript ES6+?
Learning ES6+ from Naver Developers
Javascript ES6+ Flow: Intermediate
In "Understanding ES6+ Properly," we take an in-depth look at the differences from ES5, concepts, and operating principles of ES6 and the subsequent standard ECMAScript specification for Javascript, based on theory.
You'll witness the process in action in modern browsers firsthand, and through a variety of practical examples, you'll learn tips and learning techniques for good coding. (Note: This course is not intended as an introductory JavaScript course.)
In this lecture
It has these characteristics
- This lecture is an edited and reorganized version of the offline lectures held from April 2018.
- We have preserved the questions and answers that students asked during offline lectures.
- We wanted to introduce new features and explain the operating principles of the existing method and the new method in an easy-to-understand way.
- It is structured so that you can broaden your knowledge by taking each step from the first lecture.
- I tried to introduce examples that are used in practice as much as possible, and also tried to introduce methods to solve issues that I have personally experienced or encountered .
Learn ES6 through various examples based on the principles :)
This lecture
This will help people like this
Those who have taken the beginner level course or understand all the content
JavaScript
(front end)
developer
Those who are developing with frameworks/libraries such as ReactJS, VueJS, and Typescript in an ES6+ environment
Those who lack confidence or feel thirsty for the basics because they are too eager to use it without understanding the principles
Note
- Those who understand all the contents of the curriculum of the lecture "Javascript Flow: Understanding Core Concepts" (those who have prior knowledge of the operating principles of reference data, hoisting, scope, execution context, this binding, closures, prototypes, and class inheritance, etc.) will be able to understand the contents more easily.
- On the other hand, those who do not have the above-mentioned prior knowledge may have difficulty understanding, and we recommend that such people take the beginner course on learning ES6+ properly first.
- It may not be suitable for those who already know all the contents of the curriculum.
This lecture and
Related lectures
- Standard ECMAScript specifications and theories after ES6
- Differences, concepts, and operating principles from ES5
- Other features of ES2015 such as proxy and module
- New features added in ES2016, ES2017, and ES2018
Recommended for
these people
Who is this course right for?
Anyone who has taken the beginner course on ES6+ or understands all of the content
JavaScript (front-end) developer
Anyone developing with frameworks/libraries such as ReactJS, VueJS, and Typescript in an ES6+ environment
People who are in a hurry to use it without understanding the principles and lack confidence or feel thirsty for the basics
Need to know before starting?
JavaScript
32,332
Learners
671
Reviews
393
Answers
4.8
Rating
11
Courses
안녕하세요, 시니어 프론트엔드 개발자 정재남 입니다.
서로 돕고 함께 발전하는 건전한 공유문화를 지향하여 다양한 활동을 하고 있습니다.
저서: 코어 자바스크립트
유튜브 채널: FE재남
아티클 및 인터뷰 영상:
원티드) 신입 개발자, 뭘 공부해야 하죠? https://www.wanted.co.kr/events/22_02_s01_b01
인프런) To. 주니어 개발자 https://www.inflearn.com/pages/for-junior-developers-20211207
벤처이몽) 벤처/스타트업 시니어 개발자와 주니어 개발자의 솔직담백 토크쇼 https://youtu.be/6D7I4NNFHsU?si=nD6-F7EU_ZtYqDLI
바닐라코딩) 프론트엔드 개발자 취업 마인드셋 https://youtu.be/zX68pyoLctI
Curriculum
All
24 lectures ∙ (3hr 51min)
Course Materials:
Lecture resources
Published:
Last updated:
Reviews
All
46 reviews
4.8
46 reviews
Kim June JaeReviews 7
∙
Average Rating 5.0
- rhkdtjd_12
Reviews 13
∙
Average Rating 5.0
- 김효민
Reviews 6
∙
Average Rating 4.8
- 일론 머스크
Reviews 63
∙
Average Rating 4.7
- 원아영
Reviews 7
∙
Average Rating 4.9
$38.50
jaenam's other courses
Check out other courses by the instructor!
![[React / VanillaJS] UI 요소 직접 만들기 Part 2강의 썸네일](https://cdn.inflearn.com/public/courses/333795/cover/0cf744ff-43a2-4de7-a5e5-7f5619b7cb15/333795.png?f=avif&w=420)
Similar courses
Explore other courses in the same field!
![[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core강의 썸네일](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?f=avif&w=420)
![[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스강의 썸네일](https://cdn.inflearn.com/public/courses/329996/cover/2be99a0c-5d5a-4e15-b85b-53c09879058a/thumbnail-backnew.png?f=avif&w=420)
![[코드캠프] 입문자를 위한 Javascript 알고리즘 이론+실습강의 썸네일](https://cdn.inflearn.com/public/courses/330604/cover/9c8dddcb-bd3b-4f3d-93af-ea382b6835c0/thumbnail.png?f=avif&w=420)
![[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스강의 썸네일](https://cdn.inflearn.com/public/files/courses/332860/cover/01jnwb77yxra1hp8cm9hed0wnd?f=avif&w=420)
