Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
NEW
Programming

/

Full-stack

React and Vue Learning Essentials - Mastering Core Modern JavaScript Syntax

This course is a video lecture that systematically covers the core modern JavaScript syntax essential for learning React.js and Vue.js frontend development. It is structured to help you develop efficient coding skills through ES6+ syntax, latest features, and practical examples that can be directly applied to work and learning.

1 learners are taking this course

  • usefulit
Java
Vue.js
react.js

What you will learn!

  • Acquiring essential understanding and practical skills in modern JavaScript core syntax that is crucial for React and Vue development

  • Improve your ability to write efficient and readable code by applying ES6+ modern syntax and features

리액트, 뷰 학습을 위한 필수 지식 - Modern JavaScript 핵심 문법 마스터

본 과정은 React.js와 Vue.js 프런트엔드 개발 학습에 필수적인 모던 자바스크립트 핵심 문법을 체계적으로 다루는 동영상 강의입니다. 실무와 학습에 바로 적용할 수 있는 ES6+ 문법, 최신 기능, 활용 예제를 통해 효율적인 코딩 역량을 키울 수 있도록 구성되었습니다.

강의 내용

리액트, 뷰 학습을 위한 필수 지식 - Modern JavaScript 핵심 문법 마스터 Part.1

  • Spread 연산자 개념과 활용법 학습: 함수에 값 전달, 객체에 적용, 인자 전달, 순서 위치 제어

  • Slice vs Splice 차이와 실습을 통한 동작 원리 이해

  • 복사 개념 정리: 등호 대입과 스프레드 차이, 객체 생략 표기법, Shallow Copy와 Deep Copy 비교

리액트, 뷰 학습을 위한 필수 지식 - Modern JavaScript 핵심 문법 마스터 Part.2

  • 화살표 함수: 간결한 함수 선언과 this 바인딩 이해

  • 구조 분해 할당: 배열과 객체에서 값 추출하는 방법

  • 기본값 사용: 변수와 함수 매개변수에 기본값 설정

  • Rest와 Spread: 값 교환 및 나머지 값 처리

  • return 사용 주의: 중괄호 생략 시 객체 반환 문제 해결

리액트, 뷰 학습을 위한 필수 지식 - Modern JavaScript 핵심 문법 마스터 Part.3

  • Spread 연산자 개념과 활용법 학습: 함수에 값 전달, 객체에 적용, 인자 전달, 순서 위치 제어

  • Slice vs Splice 차이와 실습을 통한 동작 원리 이해

  • 복사 개념 정리: 등호 대입과 스프레드 차이, 객체 생략 표기법, Shallow Copy와 Deep Copy 비교

리액트, 뷰 학습을 위한 필수 지식 - Modern JavaScript 핵심 문법 마스터 Part.4

  • 배열 처리 시 자주 사용하는 map, filter 메서드 활용법과 차이점 이해

  • reduce 메서드의 개념과 실습 코딩을 통한 동작 원리 익히기

  • map, filter, reduce, forEach의 특징과 사용 시점 종합 정리

  • 실전 연습 문제:

    1. 객체 배열에서 원하는 항목의 총합 구하기

    2. 20대 비회원의 기부금 중 20만 원 이상 총합 계산하기

    3. reduce를 이용한 평균 나이 계산

수강 전 참고 사항

이 강의는 지식공유자의 질문/답변을 제공하지 않습니다.

학습 자료

part 1 - 강의자료_PDF, 강의소스(modern-js-001-007)

part 2 - 강의자료_PDF, 강의소스(modern-js-001-007)

part 3 - 강의자료_PDF, 강의소스(modern-js-001-007)

part 4 - 강의자료_PDF, 강의소스(modern-js-001-007)

Recommended for
these people

Who is this course right for?

  • Beginner developers who want to solidify their JavaScript fundamentals while preparing to learn React.js and Vue.js

  • Web developers who want to learn ES6+ modern JavaScript syntax and apply it to practical code

Hello
This is

8,256,009

Learners

6,086

Reviews

4.6

Rating

244

Courses

유용한 IT 강의를 통해 여러분의 성장을 돕겠습니다.

Curriculum

All

40 lectures ∙ (16hr 43min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

Limited time deal ends in 1 days

$13,005.00

29%

$122.10

usefulit's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!