JavaScript

JavaScript
[JavaScript] Map, Set 살펴보기
Map and Set Map Object(객체)와 비슷한 모양새, 차이점이 있다면 Object(객체)의 경우 key 값이 문자열만 가능하지만 Map의 경우 대부분의 데이터 타입이 가능하다. key를 이용하여 set, get 할 수 있음 key들은 중복될 수 없음 key로 사용가능한 데이터타입: string, symbol(ES6), function, object, number key - value 페어로 이루어진 컬렉션이다. const counts = new Map(); // string type counts.set('apple', 1); counts.set('banana', 3); // number type도 가능 counts.set(1, 1) // boolean type도 가능 counts.set(fa..
→2022.04.23
JavaScript
[JavaScript] 최신문법 정리
Nullish Coalescing Operator(??) 좌항이 null 또는 undefined일 경우에 우항을 반환해준다. const one = null ?? "One" const two = undefined ?? "Two" const three = false ?? "Three" console.log(one, two, three) // One Two false ...
→2022.01.21
JavaScript
[JavaScript] Clean Code JavaScript
3. Functions 이 게시물은 Rober C. Martin의 책 Clean Code 를 자바스크립트에 맞게 조정한 Ryan McDermott의 깃허브 리포지토리를 직접 타이핑함으로써 학습의 목적으로 작성하게 되었으며 3. Functions 의 부분에 해당합니다. 1. 함수 인자는 2개 이하가 이상적이다. 함수의 인자, 매개변수가 많아진다는 것은 그 함수에게 너무 많은 역활을 부여하고 있는 것이 아닌지 생각해 보아야 한다. 함수는 인자를 1 ~ 2 개 가지고 있는것이 가장 이상적이며 만일 3개 이상의 인자를 가져야 한다면 그러한 인자들로 구성된 하나의 객체를 함수의 인자로 넘겨주자. 함수 내부에서는 넘겨받은 객체를 ES2015/ES6 의 구조분해할당 을 통해 개별 변수에 값을 할당하여 사용할 수 있다..
→2021.12.29
JavaScript/실행컨텍스트
[JavaScript] 스코프, 렉시컬환경
1. 스코프(Scope)란? ​ Scope를 직역하면 범위, 영역 이라는 뜻입니다. 즉 자바스크립트에서의 스코프는 식별자(변수, 매개변수, 함수)가 유효한 범위 를 말합니다. 스코프(유효범위)는 함수, 변수 등이 선언되는 환경을 기반으로 합니다. ​ var x = 'global'; ​ function foo() { var x = 'local'; console.log(x) } ​ foo(); console.log(x); ​x라는 변수를 전역환경과 함수내부에서 각각 선언을 해주고 다른 값을 할당해 주었다. 자바스크립트는 어떤 변수를 참조할까? 각각 전역 스코프 와 foo 함수 스코프 를 가짐으로 아래의 결과가 출력 // local // global 그러므로 스코프 란 식별자를 검색할 때 검색 가능한 범위 라..
→2021.11.24
JavaScript
[JavaSCript] 자바스크립트 기본 내장객체 (Object, Number, Stirng, Date, Math, JSON )
자바스크립트 내장객체란? 브라우저의 자바스크립트 엔진에 기본적으로 내장되어있는 전역범위의 여러 객체를 말한다. 수많은 객체들이 존재하며 이 객체들을 이용하여 우리는 많은 일들을 해낼 수 있다. 자바스크립트 내장객체의 종류 1) Object 객체 작성중 2) Number 객체 작성중 3) String 객체 작성중 4) Date 객체 1970년 1월 1일을 UTC(국제표준시) 00:00으로 부터 현재까지 지난 시간을 밀리초로 나타낸다. let date = new Date() // 매개변수가 없다면 date변수가 선언된 시간을 할당받는다. // 이렇게 할당된 date 변수에서 원하는 부분을 가져오고 싶다면 이러한 method들을 사용할 수 있다. date.getFullYear(); // 년도 date.getH..
→2021.11.14

• 이전
• 1
• 다음