일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 코테
- deep dive
- 모던 자바스크립트
- 셋팅
- vercel
- 코드카타
- 프로젝트 셋팅
- 프로그래머스
- 리터럴
- 티스토리챌린지
- 오블완
- 자주 까먹는
- array정적메서드
- 초기셋팅
- domain
- React
- 소셜 로그인
- vscode
- Next
- 코딩테스트
- useRouter
- error
- 구글 로그인
- 내일배움캠프
- git
- 모던자바스크립트
- 스파르타코딩클럽
- js
- nextjs
- CORS
- Today
- Total
목록Book/모던 자바스크립트 Deep Dive (16)
파피루스
생성자 함수 자바스크립트는 new 연산자와 함께 사용하는 여러 빌트인 생성자 함수를 제공한다.new String('Hello');new Number(123);new Boolean(true);new Function('x', 'return x * x');new Array(1 ,2, 3);new RegExp(/ab+c/i);new Date(); 객체 리터럴 방식으로 이용하면 되는데 왜 생성자를 제공할까? 생성자의 장점 동일한 프로퍼티를 갖는 객체를 여러 개 생성해야 하는 경우, 리터럴보다 효율적이다. 객체(인스턴스)를 생성하기 위한 템플릿처럼 생성자 함수를 사용하여 동일 프로퍼티 구조의 객체를 여러개만들 때 간편하다. // 방법 1) 리터럴 방식const circle1 = { radius: 5, ..
전역 변수는 생명 주기는 어플리케이션의 생명주기와 같다. 전역 변수의 문제점암묵적 결합 : 코드 어디에서든 참조하고 할당할 수 있다. (코드 가독성과 값 변경 위험성이 높다.)긴 생명 주기 : 메모리 리소스를 오랜 시간 소비하며, 변수 이름이 중복될 경우, 의도치 않은 재할당이 이뤄진다.스코프 체인의 마지막에 존재 : 전역 변수의 검색 속도가 제일 느리다.네임스페이스 오염 : 동일 식별자가 존재할 경우 예상과 결과가 달라질 수 있다. 전역 변수 쓰지말고 이렇게 해보자1) 즉시 실행 함수 모든 코드를 즉시 실행 함수로 감사면 그 안의 모든 변수는 즉시 실행 함수의 지역 변수가 된다. 이렇게 사용하면 전역 변수를 생성하지 않으므로 라이브러리 등에 자주 사용된다.(function () { const ..
스코프(Scope, 유효범위)는 식별자가 유효한 범위를 말하며, 전역(global)과 지역(local) 두가지로 구분된다.말 그대로 전역은 코드의 가장 바깥 영역이다. 전역에 선언한 변수는 어디에서든 참조할 수 있는 값이 된다.전역과 반대로 지역은 함수 내부를 말한다. 지역변수는 자신의 지역 스코프와 하위 지역 스코프에서 유효하다. var a = "전역변수 aaa^_^a"; var b = "전역변수 bbb^_^b";function outer () { var c = "아우터 안의 C"; console.log(a); // "전역변수 aaa^_^a"; console.log(b); // "전역변수 bbb^_^b"; console.log(c); // "아우터 안의 ..
원시 타입 객체 타입 변경 불가능한 값 변경 가능한 값 원시값을 할당하면, 변수에는 실제 값 저장 객체를 변수에 할당하면, 변수에는 참조 값 저장 var first = 50; var second = first; first = 30; console.log(first); // 30; console.log(second); // 50; var first = { name : '데굴' }; var second = first; first.name = '눕고 싶다'; console.log(first); // { name : '눕고 싶다' }; console.log(second); // { name : '눕고 싶다' }; 참고) 자바스크립트는, 포인터가 존재하는 다른 프로그래밍 언어의 "참조에 의한 전달"과 의미가 정확..
https://reeny404.tistory.com/7 6장, 데이터 타입 흔히 타입이라고 줄여 부르는 데이터 타입(data type)은 값의 종류를 말한다. 자바스크립트(ES6)는 7개의 타입을 제공하며, 이는 크게 원시 타입과 객체 타입으로 나눌 수 있다. 구분 데이터 타입 설 reeny404.tistory.com 자바스크립트가 제공하는 데이터 타입 7종류 중 단 하나 뿐인 객체 타입(object type)은, 원시타입과는 달리, 다양한 타입의 값을 하나의 단위로 구성한 복합적 자료구조(data structure)이다. 원시타입은 변경 불가능한(immutable value)이지만 객체는 변경 가능한 값(mutable value)이다. 객체는 0개 이상의 프로퍼티(property)로 구성된 집합이며, ..
표현식을 평가하는 도중에, 평가 결과가 확정된 경우 나머지 평가 과정을 생략하는 것을 말한다. (1) 논리 연산자 논리곱(&&)과 논리합(||)를 이용한 평가 결과는 불리언 값이 아닐 수 있다. 단축평가 규칙 표현식 평가 결과 true || anything true false || anything anything true && anything anything false && anything false // 예시 'Cat' && 'Dog'; // "Dog" 'Cat' || 'Dog'; // "Cat" 응용 1. 변수가 null 또는 undefined가 아닌지 확인할 때 var elem = null; var value = elem && elem.value; 응용 2. 함수 매개변수에 기본값을 설정할 때 //..