일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- vercel
- 스파르타코딩클럽
- 프로젝트 셋팅
- domain
- deep dive
- 코드카타
- 오블완
- 코테
- 모던자바스크립트
- 내일배움캠프
- 셋팅
- nextjs
- error
- 초기셋팅
- vscode
- Next
- array정적메서드
- 모던 자바스크립트
- 티스토리챌린지
- useRouter
- git
- 프로그래머스
- 최적화
- 코딩테스트
- 자주 까먹는
- 구글 로그인
- 소셜 로그인
- CORS
- React
- js
- Today
- Total
목록deep dive (15)
도록
전역 변수는 생명 주기는 어플리케이션의 생명주기와 같다. 전역 변수의 문제점암묵적 결합 : 코드 어디에서든 참조하고 할당할 수 있다. (코드 가독성과 값 변경 위험성이 높다.)긴 생명 주기 : 메모리 리소스를 오랜 시간 소비하며, 변수 이름이 중복될 경우, 의도치 않은 재할당이 이뤄진다.스코프 체인의 마지막에 존재 : 전역 변수의 검색 속도가 제일 느리다.네임스페이스 오염 : 동일 식별자가 존재할 경우 예상과 결과가 달라질 수 있다. 전역 변수 쓰지말고 이렇게 해보자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. 함수 매개변수에 기본값을 설정할 때 //..

자바스크립트는 동적 타입의 언어, 즉 선언이 아닌 할당에 의해 타입이 결정(타입 추론)되는 언어이다. 하지만 이러한 타입이 변경될 때가 있다. 자바스크립트 엔진이 표현식을 평가하던 중 타입이 자동 변환되기도 하고, 개발자가 의도적으로 타입을 변환하기도 하고 . 전자를 암묵적 타입 변환, 후자를 명시적 타입변환이라고 한다. (1) 암묵적 타입 변환var age = 10;console.log('나는 ' + age + '살 입니다.'); // 나는 10살입니다. age는 숫자 타입이지만 문자열 연결 연산자를 사용하였다. 자바스크립트 엔진에 이를 해석하는 중 age를 문자열 타입 암묵적으로 자동 변환시킨 것이다. 이를 암묵적 타입 변환 또는 타입 강제 변환(type coercion) 이라고..