본문 바로가기 하단메뉴 바로가기

[HD]React로 가기 위한 첫 걸음, Vanilla JS 기초

[HD]React로 가기 위한 첫 걸음, Vanilla JS 기초 대표 이미지
학습시간
558분 (총18강)
수료기준
진도율 100% 이상
수강대상
전 직원
좋아요
21
찜하기
1

과정소개

이 강의에서는 모든 브라우저의 네이티브 언어로서의 JavaScript를 학습합니다. JavaScript는 유일하고 웹 서버, 프론트엔드, 게임 , 데스크탑용 어플리케이션 개발까지 다양하게 활용 가능하며, 여러 개발자들이 오픈한 코드들이 많아 가져다 쓰는 방법만 안다면 모든 코드를 직접 짜지 않아도 쉽게 개발이 가능합니다. 초보자의 눈높이에 맞춘 코드 진행과 다양한 예제의 학습으로 JavaScript를 쉽게 시작해보세요!

학습내용

  • 1 VanillaJs 처음 시작 37분
  • 2 여러 방식으로의 노드에 접근 26분
  • 3 기초 노드 속성 32분
  • 4 JavaScript 이벤트의 기초 27분
  • 5 노드의 내용 변경 37분
  • 6 노드의 속성 읽고 변경 19분
  • 7 노드의 동적 생성 33분
  • 8 노드의 동적 추가, 점검, 제거 27분
  • 9 이벤트의 다양한 활용1 38분
  • 10 이벤트의 다양한 활용2 35분
  • 11 이벤트의 다양한 활용3 21분
  • 12 기초 갤러리 UI 제작 24분
  • 13 기초 탭 UI 제작 28분
  • 14 내비게이션 UI 제작1 40분
  • 15 내비게이션 UI 제작2 30분
  • 16 팝업 UI 제작 43분
  • 17 패럴렉스 구조의 이해1 26분
  • 18 패럴렉스 구조의 이해2 35분

수강후기 4.4 (5개의 후기)

2025-02-21
실제 프로젝트에 바로 적용할 수 있을 정도로 Vanilla JS 개념을 정리해줘서 큰 도움이 되었습니다. 짧은 시간에 브라우저 호환성까지 다루니 프론트엔드 입문 단계에서 실용적인 기초를 탄탄히 잡을 수 있었어요.
비공개
2025-02-13
실제 브라우저에서 코드를 직접 실행해 보면서 기본 문법을 다져서, React 학습에 큰 도움이 되었습니다. 짧은 시간에 핵심 개념을 정리할 수 있어 입문 단계에서 매우 실용적이었습니다.
비공개
2025-10-31
실제 브라우저에서 코드를 실습하면서 기본 개념을 다질 수 있어 프론트엔드 입문에 큰 도움이 되었습니다. 특히 Vanilla JS만으로도 충분히 구현할 수 있다는 점을 확인하고 리액트 학습에 대한 자신감도 생겼어요.
비공개
2025-05-11
실전 프로젝트에 바로 적용할 수 있을 만큼 기본 개념을 체계적으로 정리해 줘서 큰 도움이 되었습니다. 특히 브라우저 호환성을 고려한 Vanilla JS 예제가 실제 개발에 바로 쓰일 수 있어 만족스러웠습니다.
비공개
2025-04-10
실제 프로젝트에서 바로 사용할 수 있는 Vanilla JS 개념을 정리해서 배우니 React 공부가 한결 수월했습니다. 특히 브라우저 호환성까지 다루어 실무에 바로 적용할 수 있어 만족스러웠습니다.
비공개