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

JavaScript 프레임워크를 다루기 전 튼튼한 기초가 필요한 분들! Vanilla JS 학습을 통해 코딩 패턴을 익혀보세요.

강좌 소개
난이도
쉬움
카테고리
웹 프로그래밍 - 프로그래밍
태그
리액트, 자바스크립트
수료증
발급 가능
추천 수강대상
- 커스터마이즈되지 않은 순수한 자바스크립트를 배우고 싶은 분
- 라이브러리나 프레임워크 없이 가벼운 스크립트를 다루고 싶은 분
- Angular, React를 배우기 전 기초를 탄탄히 다지고 싶은 분
- 자바스크립트 및 웹 프론트엔드 개발 입문자




Vanilla JS?

새로운 자바스크립트 프레임워크인가요?

아니에요! VanillaJS란 JavaScript의 원형을 의미합니다.
웹 프로그래밍에 흔히 사용되는 Angular, React 등의 프레임워크는 
모두 자바스크립트 문법을 베이스로 하고 있습니다.



바닐라인가요?

바닐라는 아이스크림 등에 사용되는 바닐라 향의 의미 뿐만 아니라
'평범한, 특별한 것이 없는'이라는 의미를 가지고 있습니다.
따라서 별도의 문법이 적용되지 않은 기본 자바스크립트를 의미하는 것이죠.



프레임워크가 있는데 Vanilla JS가 필요한가요?

Vanilla JS의 장점은 아래와 같이 정리할 수 있어요.

1. 코딩에 따른 결과물이 빠르게 브라우징 됩니다.
2. JavaScript 이외에 별도 학습이 필요하지 않아요.
3. 라이브러리나 프레임워크를 사용하지 않아 가벼운 스크립트로 구성이 가능합니다.
4. 기반 기술이 업데이트 되는 것에 따르는 영향을 받지 않아요.



이 강의에서는 모든 브라우저의 네이티브 언어로서의 JavaScript를 학습합니다. 
더 많은 정보는 아래 주소에서 확인하세요!

http://vanilla-js.com/






의에서는 이런 것들을 배워요








강의자님을 소개합니다

김기민

건국대학교 졸업
LG전자, 금융투자협회 등 프로젝트 진행
직업능력개발 훈련교사
외 다수 저서


all Icon made by Freepik from www.flaticon.com

체험하기
모두 펼치기
  • 02
    React로 가기 위한 첫 걸음, Vanilla JS 기초
  • 1. VanillaJS 처음 시작
    2. 여러 방식으로의 노드에 접근
    3. 기초 노드 속성
교육 과정
모두 펼치기
  • 01
    학습자료 다운로드
  • 교육 자료 및 소스코드 다운로드
  • 02
    React로 가기 위한 첫 걸음, Vanilla JS 기초
  • 1. VanillaJS 처음 시작
    2. 여러 방식으로의 노드에 접근
    3. 기초 노드 속성
    4. JavaScript 이벤트의 기초
    5. 노드의 내용 변경
    6. 노드의 속성 읽고 변경
    7. 노드의 동적 생성
    8. 노드의 동적 추가, 점검, 제거
    9. 이벤트의 다양한 활용 1
    10. 이벤트의 다양한 활용 2
    11. 이벤트의 다양한 활용 3
    12. 기초 갤러리 UI 제작
    13. 기초 탭 UI 제작
    14. 내비게이션 UI 제작 1
    15. 내비게이션 UI 제작 2
    16. 팝업 UI 제작
    17. 패럴렉스 구조의 이해 1
    18. 패럴렉스 구조의 이해 2
마지막 업데이트|2019년 12월 19일
강의자 소개
안녕하세요. 구름에듀 캡틴 아이티고입니다. 함께 학습을 시작해봐요!

강좌 후기
36,000

평균평점
5.0
난이도
쉬움
수강기간
평생 무제한