chez Manon

EVENT : 웹 페이지에서 일어날 수 있는 대부분의 일들 addeventlistener 🔻 event 표현 방식 1. on~ 2. addEventListener window.addEventListener("resize", EventHandler.ChangeWindow); window.onresize = EventHandler.ChangeWindow; const EventHandler = { ChangeWindow() { title.innerHTML = "window change"; title.style.color = colors[2]; } ✔️ onclick 프로퍼티에 함수를 할당 : 여러개 이벤트 핸들러 다룰수 없다는 단점 //event handling 이벤트 핸들링 (이벤트 발생시 어떤 동작하도록 ..

변수 = 값 함수 = 명령들 (코드의 집합) 변수는 값을 저장하는 것이라고하면, 함수는 다양한 명령들을 저장하는 것, 특정작업을 수행하는 코드의 집합이라고 할 수 있다. 함수가 필요한 이유? > 재사용성 : 하나의 일을 하는 코드 조각을 정의된 블록안에 저장하고, 같은코드를 여러번 타이핑하기보다는 하나의 짧은 명령을 사용하여 언제든지 그 코드를 호출할 수 있게 하여 효율적인 장점이 있음. > 가독성 : 내부에 작성한 코드들의 포괄적 의미를 포함하여 함수명을 잘 지어놨다면, 함수이름만으로 함수의 기능과 동작을 유추하여 한번에 드러낼 수 있고, 해당 기능이 필요시에 함수를 호출함으로써 불필요한 소스는 줄어들고 체계적이고 가독성있는 소스구성 가능. //함수 선언 function 함수이름 (parameter 매..

Array 배열 : 순서매기고싶은 것, 묶음만들고 싶은것 [ ] 대괄호로 묶어줌 : 객체와 다르게 인덱스라는 순서를 가지는 특징 let array = ['java','javascript','python']; //index == propertyName console.log(배열이름[index]); > 배열안에 있는 값은 element (요소) > 대괄호안에 각 요소들이 순서매겨짐, 이 숫자값이 index (객체의 property name역할) > 요소에 접근 = indexing(인덱싱) [ ] 대괄호안에 순서 적어줌 (0부터 시작) */ 배열만드는 메소드 */ let arr = new Array(); //ex 4개의 공간을 가진 배열생성 let arr = new Array(4); 배열 활용 > 배열의 갯수..

Object { key : value , property name 주의사항 1. 첫 글자는 반드시 문자, 밑줄(_), 달러$중 하나로 시작 2. 띄어쓰기 금지 3. 하이픈(-) 금지 > 쓰고싶으면 ' ' 따옴표로 감싸줌 ( 'brand name' , 'born-Year' ) > 객체에서 property 값 접근 //객체 (Object) let Object = { name : '객체', language : 'javascript', 'born Year' : 2021, cats : '냥이' 33 : '숫자' } let name = 'cats' */ 점 표기법 Dot Notation */ console.log(Object.name) //객체 (key의 name을 인식) */ 대괄호 표기법 Bracket nota..

조건문 ( If / switch ) If문 조건부분이 충족되면 동작부분을 수행한다. 넓은 범위를 만족하는 조건식을 만들 때 효과적이다. //if문 if (조건부분) { 동작부분 } //예시 if (temperature