• 기본 출력 연습
• 7: prompt, document.write()
• 8: prompt, document.write()
• 9: prompt, document.write()
• 10: 콘솔에 출력하기
• 5: console, document.write(), 자료형
• 변수 /상수 / 객체의 종류 ( 이론 )
• 6: 변수 상수 선언
• 13: 변수선언 let
• 13: 객체의 종류
• 함수선언 및 실행 연습
• 17: 함수생성과 실행
• 18: prompt키워드, 함수만들기
• 14: 나이계산프로그램, prompt, 함수선언, 함수실행
• 19: 함수선언하고 출력하기, 즉시실행함수, 화살표함수
• 36: 함수만들기/화살표함수/익명함수
• 19: 즉시실행함수
• if 문 / for 문 연습
• 24: if 비교문
• 4: 구구단, 변수선언, for문
• 배열 선언
• 16: 배열선언, 객체선언, 실행
• 웹요소 가져오기, 스타일 변경하기
• 2: 웹요소 가져오기/ 스타일변경하기 / getElementsByClassName
• 1: 웹요소 가져오기 / getElementById / 스타일 변경
• 25: 웹요소에 접근하기, querySelectorAll 사용
• 20: 민들레 - querySelector 사용, 웹요소 스타일 변경하기
• 21:민들레 - querySelector 사용, 웹요소 스타일 변경하기
• 3: querySelectorAll,for문
• 웹요소에 스타일 주기
• 이벤트 발생(이벤트 리스너 연결하기)
• 26: html (onclick)
• 27: querySelector, 이벤트 리스너,(click 또는 mouseover)
• 28: querySelector, 이벤트리스너,(mouseover)
• 29: querySelector, 이벤트 리스너 click, mouseleave
• 31: alert창 띄우기 (querySelector, addEventListener)
• qsall: alert창 띄우기 (querySelectorAll, addEventListener,for문)
• 객체생성하기
• 13: 객체의 종류(이론)
• 11: 객체생성하기 (제품)
• 12: 객체생성/ 메소드 호출 (pet, alert)
• 23: 새로운 객체생성 new / document.write()
• 15: 객체생성하고 콘솔에 출력하기/ 변수 const 특징
• window객체의 scrollY 속성 활용 /
• 자바스크립트 연습
• 클릭이벤트
• 클릭이벤트2 / 스타일 변경
• 구구단 for문
• 이벤트- mouseover, mouseout
• 태그 onclick / 웹요소 변경하기
• 태그 onclick / 이미지 변경하기
• 스크립트 onclick / 이미지 변경하기
• 연습문제(웹요소에 스타일주기/ 구구단 / gotop버튼기능)
• DOM 트리에 노드 추가하기(준비중)
• 노드 리스트(준비중)