밀 종합 ٩(`╹ω╹´)و

요약 함수는 값입니다. 따라서 함수도 값처럼 할당, 복사, 선언할 수 있다. “함수 선언(문)” 방식으로 함수를 생성하면, 함수가 독립된 구문 형태로 존재하게 된다. “함수 표현식” 방식으로 함수를 생성하면, 함수가 표현식의 일부로 존재하게 된다. 함수 선언문은 코드 블록이 실행되기도 전에 처리됩니다. 따라서 블록 내 어디서든 활용 가능하다. 함수 표현식은 실행 흐름이 표현식에 다다랐을 때 만들어진다. Q. 함수 선언문과 함수 표현식 중 무엇을 선택해야 할까? 함수를 선언해야 한다면 함수가 선언되기 이전에도 함수를 활용할 수 있기 때문에, 함수 선언문 방식을 따르는 게 좋다. 함수 선언 방식은 코드를 유연하게 구성할 수 있도록 해주고, 가독성도 좋습니다. 함수 표현식은 함수 선언문을 사용하는게 부적절할 ..

- 함수는 값으로 취급된다. - 함수의 자료형은 호출이 가능한 객체이다. - 함수는 객체처럼 함수에 프로퍼티를 추가·제거하거나 참조를 통해 전달할 수도 있다. 함수 선언문 function name(parameters){ code block } function: 키워드 name: 함수 이름 parameters: 매개변수(매개변수가 여러 개 있다면, 콤마로 구분) * parameter와 argument의 차이 함수 표현식 익명 함수 표현식 let funcName = function(){ ... }; 함수를 만들고, 그 함수를 변수에 할당한다. 기명 함수 표현식 let funcName = function func(){ ... }; function 뒤에 이름을 붙인다. Q. 기명 함수 표현식과 익명 함수 표현식..

요약 내장 객체 설명 Math.max(value1[, value2[, ...]]]) 입력 매개 변수 중 가장 큰 숫자를 반환 Math.min(value1[, value2[, ...]]]) 입력 매개 변수 중 가장 낮은 숫자를 반환 Q. 숫자 이외의 유형을 비교할 땐 어떻게 되나요? - 유형을 숫자로 변환해서 비교 한다. - 매개 변수를 숫자로 변환 할 수 없는 경우 NaN이 리턴된다. Q. 값을 아무것도 입력하지 않으면 어떻게 되나요? - Math.max는 Infinity를 반환 - Math.min은 -Infinity를 반환 !. max(), min()은 생성자 함수를 사용할 수 없다. (정적 메서드 공부안해서 이해를 못함) max(), min()은 Math의 정적 메서드이므로 생성한 Math 객체의 메..

Number() 유형 예시 결과 설명 숫자 Number(10) 10 문자 Number('문자') NaN - 변환에 실패하면 NaN이 된다. - 문자 숫자는 숫자로 변환된다. - 빈 문자는 0으로 변환된다. - 공백은 무시된다. - 문자 숫자라도 공백이 있으면 NaN으로 변환된다. Number('10') 숫자 Number('10px') NaN Number('') 0 Number(' ') 0 Number('10 10') NaN 불리언 Number(true) 1 Number(false) 0 null Number(null) 0 undefined Number(undefined) NaN Boolean() 유형 예시 결과 설명 숫자 Boolean(0) false 직관적으로 '비어있다'고 느껴지는 값들이 false이다..

let fruits; //리터럴 fruits = ["사과", "배", "딸기"]; //(3) ["사과", "배", "딸기"] //생성자 fruits = new Array('사과', '배', '딸기'); //(3) ["사과", "배", "딸기"] 리터럴 => 값을 바로 할당 생성자 => 함수를 사용, 매개변수에 값을 넣어 할당 *구체적인 차이는 링크를 읽어 볼 것 참고 리터럴 new 생성자 함수

스크립트에 부여한 고정 값으로, 변수가 아니다. Javascript에서 값을 나타내기 위해 리터럴을 사용한다. 내장 돼(기본적으로 포함하고) 있는 Javascript 객체에 한해서 리터럴을 사용할 수 있다. 3 //3 //Javascript는 3을 반환하기 위해서 아래와 같은 과정을 자동으로 거친다. let num = new Number(3); num.valueof(); //3 //숫자 리터럴 1; //문자 리터럴 'a'; //불린 리터럴 true; //객체 리터럴 {}; //배열 리터럴 []; //함수 리터럴 let fn = function(){}; [공부 좌표] 인터랙션 디자인 -> 07. 데이터타입과 리터럴 [참고] new 생성자 함수 Q. 리터럴과 생성자의 차이는?

See the Pen [JS] setTimeout / setInterval 예제 by mill (@millfeel) on CodePen. 호출 스케줄링 설명 setTimeout 지정한 시간이 지난 후 실행한다. setInterval 지정한 시간을 기준으로하여 반복적으로 실행한다. clearTimeout setTimeout/setInterval을 호출하고 반환받은 값을 clearTimeout/clearInterval에 넘겨주면 스케줄링을 취소 할 수 있다. clearInterval *css의 animation과 비교한다면 delay와 같다. setTimeout (= setInterval) 문법 setTimeout( function | code, [delay], [arg1], [arg2], ... ) [fu..

window.addEventListener('click', function(e){ e.preventDefault('막을 대상'); });

window속성 설명 전용 innerHeight 뷰포트의 높이를 반환한다. (scrollbar를 포함) 읽기 전용 outerHeight 전체 브라우저 창의 높이를 반환한다. 읽기 전용 *, 의 뷰포트 높이에 스크롤값이 미포함된 것은 Element.clientHeight이다. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Temporibus totam iusto sequi! Porro natus sequi atque sit sint quis molestias fugit dicta perferendis. Alias ratione labore aspernatur? Expedita dolore ad harum molestiae est, officia re..

공부 좌표 요약 Element 속성 차이 설명 clientHeight 보이는 것 안쪽 높이(content height) + padding - scrollbar *, 에 사용되면 뷰포트의 높이 (스크롤바 제외)가 반환된다. offsetHeight 보이는 것 안쪽 높이(content height + scrollbar) + padding + border scrollHeight 안보이는 것 overflow로 가려진 부분을 포함하는 컨텐츠 전체의 높이 (margin과 padding은 값에 영향을 주지만, border는 영향을 주지 않는다.) *scrollbar의 값은 padding-bottom에 포함 돼 있다. *, 의 뷰포트 높이에 스크롤값이 포함된 것은 window.innerHeight이다. Lorem ips..