new Object();객체 리터럴({})두 방식은 내부적으로 같으나, javascript에서는 객체 리터럴({}) 방식을 권고한다.이유는 다음과 같다.객체 리터럴({}) 방식 권고 이유1\. 가독성이 좋다2\. 속도가 빠르다3\. new Object();는 오버라이딩
참고링크 mdn web docs - Array.prototype.map() map() .map() 함수는 callbackFunction을 실행한 결과를 가지고 새로운 배열을 만들 때 사용한다. 배열 5개의 값을 모두 꺼내 콘솔에 찍어보는 방법 보통 index를
IT 5분 잡학사전 책을 읽으면서 함수형 프로그래밍이 '버그가 발생하기 어려운 구조'라는 것을 알게 되었다. 함수형 프로그래밍이 버그가 숨기 어려운 구조라는데, 함수형 프로그래밍이란 무엇인지, 어떤 이유에서 버그가 숨기 어려운 구조라고 말하는 것인지 찾아보았다.
<script>를 연결할 때 defer을 작성하면,<script>를 읽음과 동시에 body 안의 html 내용을 함께 읽는다.예전에는 body의 끝에 스크립트를 작성하였지만 이제는 defer을 작성하여 파일을 연결한다
사용자가 임의로 만드는 명칭ex) const, let식별자를 작성할 때에는 예약어는 피해야함자바스크립트 자체적으로 특정 기능을 실행하기 위해 예약된 명령어특정 명령어를 실행하기 위한 구문ex) document.querySelector();여러 가지의 예약어가 모여 실행
자바스크립트 반복문의 종류 **
자주 쓰는 실행코드들을 블록 단위로 묶어서 패키징 해놓은 형태 자주 쓰는 코드들을 기능단위로 재사용하기 위함함수정의: 미리 function 키워드를 이용해서 자주 쓸 코드들을 묶어서 정의하는 행위함수호출: 정의되어 있는 함수를 호출해야지만 기능이 실행됨함수에 미리 이
여러 개의 코드블록 중에서 하나를 선택해야할 때 사용if문과 다르게 부등호로 조건이 들어갈 경우 사용할 수 없다switch문은 = 등호 형태의 조건문모든 switch문은 if문으로 바꿀 수 있지만 if문에서 부등식이 사용된 경우에는 switch문으로 치환할 수 없음그러
forEach()가 배열 요소마다 한 번씩 주어진 함수(콜백)를 실행하는 것과 달리,map()은 배열 내의 모든 요소 각각에 대하여 주어진 함수(콜백)를 호출한 결과들을 모아 새로운 배열을 반환한다는 특징을 가지고 있다그리고 그 함수는1\. currentValue (배
문자열.length: 문자열의 길이를 반환문자열.indexOf(): 찾고자 하는 문자열의 위치 반환문자열.slice(): 문자열에서 특정 부분을 추출해서 새로운 문자열로 반환문자열.substr(): 문자열에서 특정 부분을 잘라냄문자열.replace(): 문자열에서 특정
toString() : 배열을 문자로 변환join() : 구분자를 활용해 문자열로 이어붙이기pop() : 배열의 마지막요소 제거 (리턴 값으로 잘라낸 요소 반환)push() : 배열의 끝부분에 새로운 요소 추가 (리턴 값으로 배열의 길이 반환)shift() : 배열의
비구조화할당이란, 배열이나 객체 속성을 해제하여 개별 변수에 값을 담을 수 있는 javascript 표현식을 말한다. 비구조화할당 또는 구조 분해 할당이라고 한다.: 비구조화 할당의 기본 구조는 좌측에는 변수, 우측에는 해당 변수에 넣어지는 값을 표현한다.배열의 경우에
JavaScript로 event를 받으면 function(e)와 같이 받았었는데 왜 꼭 e가 들어가는 것인지 의문이었다.addEventListener에서 function(e)가 쓰여져있는 위치에는 이벤트 핸들러가 주어져야 한다. 이벤트가 발생했을 때 실행되는 함수가 놓
window.getComputedStyle() 메소드는 인자별로 전달받은 요소의 모든 CSS 속성값을 담은 객체를 회신한다.개별 CSS 속성값은 객체를 통해 제공되는 API 또는 CSS 속성 이름을 사용해서 간단히 색인화하여 액세스 할 수 있다.element속성값을 얻
.innerWidth : 브라우저의 안쪽 넓이의 값.innerHeight : 브라우저 안쪽의 높이값 반환.outerWidth : 브라우저의 프레임을 포함한 넓이값 반환.outerHeight : 브라우저의 프레임을 포함한 높이값 반환.scrollY : 현재 스크롤된 브라
navigator 객체는 브라우저 관련된 정보를 컨트롤 한다. 브라우저에 대한 버전, 정보, 종류 등 관련된 정보를 제공한다.navigator.appCodeName : 브라우저의 코드명을 반환navigator.appName : 브라우저의 이름을 반환navigator.a
[1,2,6,4,2].sort();를 했을 때 별 다른 문제 없이 [1,2,2,4,6]으로 정렬이 잘 되어서 몰랐었는데 .sort()는 숫자를 정렬해주는게 아니라 문자를 정렬해주는 메소드라는 것을 알고 숫자 정렬을 할 방법을 찾아야만 했다. 숫자가 문자 순서대로 정렬
자바스크립트의 일반함수, 익명함수, 람다함수, 화살표함수를 이해하고 넘어가려 한다.일반함수와 익명함수의 차이는 함수명이 있느냐 없느냐의 차이를 가지고 있다.익명함수는 메모리를 따로 차지하지 않기 때문에 재사용하기보다는 일회용으로 많이 사용이 되는 편이다. 따라서 익명함