본문으로 바로가기




5일차



수업의 목적

HTML과 JavaScript의 만남 1 (script 태그)

HTML과 JavaScript의 만남 2 (이벤트)

HTML과 JavaScript의 만남 3 (콘솔)

데이터타입 - 문자열과 숫자

변수와 대입 연산자

웹브라우저 제어

CSS 기초

제어할 태그 선택하기

프로그램, 프로그래밍, 프로그래머

조건문 예고

비교 연산자와 Boolean 데이터 타입

조건문

조건문의 활용

리팩토링(refactoring)

반복문 예고

배열

반복문

배열과 반복문

배열과 반복문의 활용

함수예고

함수

함수의 활용

객체예고

객체

객체 활용

파일로 쪼개서 정리 정돈하기

라이브러리와 프래임워크

UI vs API

수업을 마치며





#29. 객체 예고


▲ Function 기능을 이용해 중복되는 코드 제거해주기


▲ Function 기능을 이용해, BodySetColor / BodySetBackgroundColor 중복되는 코드 정리하기


▲ 좀 더 깔끔하게 '메소드'로 바꿔주기

메소드 (Method)


□ 객체(object) : 정리정돈 목적의 수납상자 (Grouping). 윈도우의 '폴더'를 생각하면 된다.

□ document.querySelector ⇒ document 라는 객체에 속해있는 querySelector 기능을 가진 함수

□ 다만, 객체 속해있는 함수는 '함수'가 아니라 '메소드(method)'라 부른다

□ 위 작성된 코드는 작동하지 않음 → WHY? 다음 수업때 계속