목록web/javascript (30)
Rainbow
객체란?여러 개의 속성(property)과 메서드를 포함하는 데이터 구조 - 자바스크립트 객체는 프로그램에서 모두 인식할 수 있는 대상 - 속성(프로퍼티) : 객체의 특성이나 속성 - 메서드(함수) : 객체에서 할 수 있는 동작 객체의 구조key : 객체의 속성(property)또는 메서드(method) 이름value : 이름에 대응되는 값 또는 함수이름과 값은 세미콜론 (:) 한쌍이고 여러 쌍들은 (,)콤마로 구분파이썬의 딕셔너리형은 key를 작은따옴표(')나 큰따옴표(")로 묶어주지만,자바스크립트의 객체는 이름(key)를 따옴표로 감싸주지 않아도 된다. 객체 생성중괄호{}를 사용한 객체 리터럴 객체 생성방법생성자 함수를 정의하여 생성자 함수를 사용하고 객체 생성 하는법 객체 리터럴(중괄호{}) 사용..
[개발상식] 프레임워크(Framework) 와 라이브러리(Library)의 차이 :: 코딩 공부 일지 (tistory.com) [개발상식] 프레임워크(Framework) 와 라이브러리(Library)의 차이 🚀 "프레임워크와 라이브러리의 차이를 아시나요?"" "음... 프레임워크는 뼈대이고 라이브러리는 모듈 같은 것이고....😰" "그럼 최근에 사용하신 프레임워크와 라이브러리를 알려주세요." "... ex cocoon1787.tistory.com

var Links={ SetColor:function(color) { var alist = document.querySelectorAll('a'); var i = 0; while (i < alist.length) { alist[i].style.color = color; i = i + 1; } } } function BodySetColor(color) { document.querySelector('body').style.color = color; } function BodySetBackgroundColor(color) { document.querySelector('body').style.backgroundColor = color; } var Body = { SetColor: function (color) ..

1. 객체 생성 하기 coworkers = { "programmer" : "egoing", "designer" : "leezhe" }; - coworkers 라고 하는 객체안에 중괄호에 "egoing" 데이터 앞에 "programmer" 이름을 붙여 다음과 같이 출력한다 " programmer" : "egoing" 2. 객체 접근하기 document.write("programmer : " + coworkers.programmer + " "); - 객체의 담긴 데이터 이름을 가져온다 - " programmer : egoing / designer : leezche " 이름이 출력된다 3. 객체 추가하기 coworkers.bookkpper = "duru"; document.write("bookkpper : "..
객체 - 객체는 함수라는 기반 위에 존재 - 객체가 가지고 있는 여러 가지 특성 중 하나가 ' 정리 정돈의 수단 ' 변수나 함수 같은 코드가 하나의 페이지에 아주 길어지다 보면, 그것을 정리하기 위해 '객체'를 쓴다 - 함수의 이름을 지정할 때 set을 붙여서 많이 쓴다 기존의 코드를 함수화 시키는 의미 - 코드가 나타내는 의미가 조금 명확할 때는 함수화 안 시켜도 무방하지만 - 한 줄이라도 그 의미가 조금 불명확하거나 시간이 지나 무슨 뜻인지 파악하기 어려울 때 - 함수를 통해서 그 로직의 '이름'을 주어 알기 쉽게 할 수 있다. 동일한 함수를 만들면 아래에 있는 함수가 위의 함수를 덮어 씌워 버린다. - 새로 만든 함수의 이름이 기존에 존재하는 함수이름 인지 파악하기 어려워진다(코드가 아주 길 때) ..

함수가 필요한 이유!! 1. nightDayhandler(self) -> 함수 안에 있는 로직을 실행시키고 싶을 때 함수 이름 지정 2. 동일한 함수에 중복된 속성이 동시에 바뀐다 3. 유지보수가 쉬워짐 4. 프로그래밍에 나오는 거의 대부분 문법과 기능들을 중복되는 코드를 줄이기 위해서 만든 것 5. 코드가 한 줄로 줄어든다면 간결해지고 가독성이 좋아진다 ↓ 함수의 활용 소스코드 예시 1. function nightDayhandler(self) - slelf라는 매개변수를 만들고 함수 안에 동일하게 넣어준다 2. nightDayhandler(this) - this는 input 태그를 가리킨다 - this 를 사용하는 이유는 함수안에서 self 라는 변수를 하나만 사용해도 this가 가르키는 input 태..