Sparta x 이노베이션 캠프/JavaScript (12) 썸네일형 리스트형 TIL: 자바스크립트의 특징 자바스크립트란 JavaScript 객체 기반의 스크립트 프로그래밍 언어. 인터프리터 혹은 just in time 컴파일 프로그래밍 언어로 일급함수를 지원한다. 자바스크립트로는 웹의 동작을 구현할 수 있다. 주로 웹브라우저에서 사용되지만 Node.js같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있다. 자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다. 현재 자바스크립트의 최신 표준은 2015년 발표된 ECMAScript6. just in time : JIT 컴파일 또는 동적 번역은 프로그램을 실제 실행하는 시점에 기계어로 번역하는 컴파일 기법이다. 일급 함수 : 함수를 다른 변수와 동일하게 다루는 언어를 일급 함수를 가졌다고 표현. 일급 함수를 가진 언어에서.. TIL : JavaScript 데이터타입 자료구조를 알아보자. 원시값 : 객체를 제외한 모든 타입은 불변 값을 정의한다. 이를 원시값이라고 한다. Boolean : true or false Number: 1. 배정밀도 부동소수점 숫자 (double precision floating number) 로 알려진 64비트 형식의 IEEE-754에 저장. 2. BigInt : 일반적인 숫자는 2⁵³ 이상이거나 - 2⁵³ 이하일 수 없다는 제약 때문에 BigInt라는 새로운 자료형이 만들어짐. 아주 특 별한 경우에만 사용됨 null : 어떤 값이 의도적으로 비어있음을 표현한다. 불리언 연산에서는 거짓으로 취급된다. undefined: 값을 할당하지 않은 변수는 undefined값을 가진다. 그리고 메서드와 선언도 평가할 변수가 값을 할당받지 않은 경우에 .. TIL: [JavaScript] this this의 정의 this : '이것'이라는 뜻. JavaScript 예약어다. this는? this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수(self-reference variable)이다. this는 자바 스크립트 엔진에 의해 암묵적으로 생성된다. 하지만 this는 객체의 프로퍼티나 메서드를 참조하기 위한 자기 참조변수이므로 일반적으로 객체의 메서드 내부 또는 생성자 함수 내부에서만 의미가 있다. 함수를 호출하면 인자와 this가 암묵적으로 함수 내부에 전달된다. 함수 내부에서 인자를 지역 변수처럼 사용할 수 있는 것처럼, this도 지역 변수 처럼 사용할 수 있다. 단 this가 가리키는 값, 즉 this 바인딩은 함수 호출 방식에 의해 동적으로 결정된다. 크게 전역.. TIL: JavaScript Closer 클로저 클로저(closure)는 내부함수가 외부함수의 맥락(context)에 접근할 수 있는 것을 가르킨다. 클로저는 자바스크립트를 이용한 고난이도의 테크닉을 구사하는데 필수적인 개념으로 활용된다. function outter(){ function inner(){ var title = 'coding everybody'; alert(title); } inner(); } outter(); 결과는 alert으로 coding everybody가 출력된다. 위 예제에서 함수 outter 내부에 함수 inner가 정의 되어있음. 이를 내부 함수라고 한다. 내부함수는 외부함수의 지역변수에 접근 가능하다. function outter(){ var title = 'coding everybody'; //외부함수의 지역변수 fun.. TIL: 스코프 (Scope), var & let & const 스코프란? 식별자 접근 규칙에 따른 유효 범위 스코프의 정의는 "식별자 접근 규칙에 따른 유효 범위" 이다. 식별자(변수, 함수, 클래스)에 접근할 수 있는 범위가 존재한다. 범위는 중괄호(블록) 또는 함수에 의해 나누어지고 그 범위를 각각 Block Scope, Fucntion Scope 라고 부른다. 스코프의 주요 규칙 규칙1. 안쪽 스코프에서 바깥쪽 스코프로 접근할 수 있지만 반대는 불가능하다. 바깥 스코프에서 선언한 식별자는 안쪽 스코프에서 사용 가능하다. 반면, 안쪽에서 선언한 식별자는 바깥쪽 스코프에서는 사용할 수 없다. 규칙2. 스코프는 중첩이 가능하다. 스코프는 마치 중첩된 울타리와도 같다. 규칙3. 전역 스코프와 지역 스코프 가장 바깥쪽의 스코프를 전역 스코프(Global Scope)라고.. TIL: 호이스팅이란? 자바스크립트에서 호이스팅이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미한다. var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화 한다. let 이나 const로 선언한 변수의 경우 호이스팅시 변수를 초기화 하지 않는다. 호이스팅을 설명할 땐 주로 "변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 옮기는" 것을 말함. 따라서 변수는 정의하는 코드보다 사용하는 코드가 앞서 등장할 수 있다. 하지만 선언과 초기화를 함께 수행하면 선언 코드까지 실행해야 변수가 초기화된 상태가 된다. function catName(name) { console.log("제 고양이의 이름은" + name + "입니다"); } catName("호랑이"); /* 결.. TIL) 논리 연산자 || OR 자바스크립트에는 세 종류의 논리연산자 ||(OR) , &&(AND), !(NOT) 가 있다. 논리 연산자는 피연산자로 불린형 뿐만 아니라 모든 타입의 값을 받을 수 있다. 연산 결과 역시 모든 타입이 될 수 있다. || (OR) 불린 값을 조작하는데 쓰인다. 인수 중 하나라도 true면 true를 반환하고, 아닐 시 false를 반환한다. OR연산자는 이항 연산자이므로 아래와 같이 네가지 조합이 가능하다. alert( true || true ); // true alert( false || true ); // true alert( true || false ); // true alert( false || false ); // false 피연산자가 불린형이 아니면, 평가를 위해 불린형으로 변환된다. 예를 들어.. TIL : JavaScript 대괄호, 중괄호, 소괄호 사용 정리 대괄호 :[ ], 중괄호: { }, 소괄호:( ) 대괄호 => [] list를 나열 할 때 list의 인덱스를 지정해줄 때 e.g.) mise[0], mise[1] 키가 유효한 변수 식별자가 아닌 경우엔 점 표기법 대신에 '대괄호 표기법(square bracket notation)'이라 불리는 방법을 사용할 수 있다. 대괄호 표기법은 키에 어떤 문자열이 있던지 상관없이 동작. let user = {}; // set user["likes birds"] = true; // get alert(user["likes birds"]); // true // delete delete user["likes birds"]; 대괄호 표기법 안에서 문자열을 사용할 땐 문자열을 따옴표로 묶어주어야 함. 대괄호 표기법을 사용하면.. 이전 1 2 다음
