Skip to content

vanillajs 기본기를 더욱 익히기 위하여 강의를 수강

Notifications You must be signed in to change notification settings

practice-skill-kyungsle/study-html-css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

VanillaJS_For_Web

생활코딩 및 tcpschool 에서 강의를 들으며 Vanill JS 을 이용해 웹을 구축하는 방법과 개념을 탐구합니다.


🔥 각 day 폴더의 vanilla_src 는 기본 생활코딩 예제로, Vanilla JS 로 쓰였습니다.

🔥 각 day 폴더의 react_src 는 vanilla code 를 react 로 다시한 번 써보았습니다.



Day 1

  1. HTML코드에 CSS와 JS코드 넣기 (Web Javascript/document.body/className)

Day 2

  1. HTML파일에 자바스크립트 연결하기 (inline/script)
  2. getElementsByTagName 메서드로 브라우저 변화시키기

Day 3

  1. BOM과 DOM에 대하여 (Object Model/객체화)
  2. BOM에서 window 객체란 무엇인가 (Browser Object Model / window var let)
  3. BOM에서 alert, confirm, prompt에 대하여 (window method)
  4. BOM에서 Location 객체에 대하여 (URL Parsing 하기)
  5. 자바스크립트 BOM에서 navigator 객체란? (appName/appVersion)
  6. HTML과 자바스크립트로 창(window) 컨트롤하기

Day 4

  1. DOM에서 getElementBy(TagName/ClassName/Id) 사용법 (+querySelector)
  2. 자바스크립트 Event(Target, Listener)에 대해서
  3. Node에 대하여 (자바스크립트/node/nodeName/nodeValue)
  4. Node List란 무엇인가 (node Value, childNode, 자바스크립트)


🤖 제작 히스토리

21.08.23 ~ 21.09.08

Vanilla JavaScript src done!

21.12.01 ~

Vanilla JS to React!

About

vanillajs 기본기를 더욱 익히기 위하여 강의를 수강

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published