인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
로드맵 썸네일

DOM 완전 끝내기

작성자 프로필 이미지

김영보

HTML/CSS
JavaScript
DOM

초급 대상

로드맵 참여중인 유저 프로필 사진
로드맵 참여중인 유저 프로필 사진

107명 참여중

40% 할인

7개 남음전체 구매 적용
쿠폰 받기

로드맵 코스

동적 웹 앱 개발에 필수,
DOM 🖥️

동적 웹 애플리케이션 개발에 있어 DOM(Document Object Model)은 필수입니다. 

웹 애플리케이션 개발의 기본은 HTML, CSS, DOM, JavaScript입니다. 라이브러리/프레임워크의 바탕입니다. 라이브러리/프레임워크는 트랜드이므로 트랜드가 바뀌면 사라질 수도 있습니다. 그러면 그동안 들였던 시간과 노력이 날아가게 됩니다. 개발 환경에 따라 라이브러리를 사용하지 않고 개발할 수도 있습니다. HTML, CSS, DOM, JavaScript는 근본이므로 사라지지 않으며 기술이 축적됩니다.

강의자가 40년 경험에서 검증한 것은, 기본에 충실해야 한다는 것입니다. 기본은 계속 기술이 축적되고 깊이가 깊어지므로 어느 순간에 환경이 변화더라도 즉시 대처할 수 있습니다.

본 로드맵에서는 프로퍼티, 메소드 앞뒤의 시나리오를 구성하는 자바스크립트, DOM 코드를 같이 다룹니다. 문맥으로 개념을 이해할 수 있습니다. 개발 환경에 맞추어 코드를 조금만 수정하면 바로 사용할 수 있습니다.


이런 걸 배워요 🗂️

✔️

동적 웹 애플리케이션
개발을 위한 필수 기술

✔️

웹 콘텐츠 생성, 변경,
삭제 등의 동적인 제어

✔️

UI(User Interaction)의
바탕이 되는 이벤트


이런 분들께 추천해요 🙋

동적 웹 애플리케이션을 개발하려는
자바스크립트 개발자

이벤트의 모든 것을 알고 싶은 개발자

DOM 스펙에서 제공하는 기능을
콘텐츠에 적용하고 싶은 개발자

라이브러리/프레임워크의
근본에 관심이 많은 개발자

기본을 튼튼히 다지려는
미래 지향적인 개발자


로드맵 특장점 ✨

DOM 관련 스펙의
95% 이상

DOM 관련 스펙의 95% 이상을 다룹니다. 로드맵 강좌 하나로 DOM을 끝낼 수 있습니다. 다수의 책 또는 동영상을 접하면 내용이 중복되며 그만큼 시간, 노력, 비용을 허비하게 됩니다.

중복되는 내용 없이

DOM 로드맵 강좌는 처음부터 계획적으로 95% 이상 범위와 전체 시나리오를 갖고 만들었으므로 내용이 중복되지 않으며 누락되지 않습니다. 숲은 물론이고 나무, 가지, 꽃을 볼 수 있습니다.

  • 자바스크립트 로드맵 강좌도 스펙의 95% 이상을 다룹니다. "자바스크립트 로드맵 + DOM 로드맵" 강좌로 웹 기본 기술인 DOM과 JavaScript를 완전하게 한 번에 끝낼 수 있습니다. 

 

로드맵 상세보기

2개 코스

로드맵에 포함된 강의 썸네일
인프런
DOM 기본
DOM을 모르고 웹 프로그램을 말할 수 없습니다.
DOM 스펙의 95% 이상을 다룹니다. DOM의 마침표를 찍을 수 있습니다. 넓고 깊으며 자세합니다. 시간, 비용, 노력을 허비하지 않습니다. 자바스크립트 활용도 같이 다루며, 바닐라 JS로 웹 애플케이션을 개발할 수 있습니다.

57,750

77,000

로드맵에 포함된 강의 썸네일
DOM은 동적 애플리케이션의 필수이며 바탕입니다.
Element, Document, Window 오브젝트에서 발생하는, 발생시키는 모든 이벤트를 기본부터 활용까지 다룹니다. Web Component(Custom Element, Shadow DOM, Template)을 완전하게 배울 수 있으며 활용할 수 있습니다. 
개설된 "DOM 완전 끝내기: 기본" 강좌와 더불어 DOM의 마침표를 찍을 수 있습니다.

57,750

77,000

40% 할인

7개 남음전체 구매 적용
쿠폰 받기

로드맵 코스 2