궁금한게 많은 개발자 노트

functional chaining 등 함수 자체를 인자로 넣거나, 객체화하여 활용 (다양한 사용이 가능) js의 여러 유틸리티들을 사용해서 코드를 작성하는것이 깔끔한 코드 작성에 유리함 추가로, if-else statement를 줄이고, 자료구조의 method를 활용하고, mutation을 최대한 줄이는 것이 좋음 array가 가진 filter 함수의 정의와 사용법 더불어 활용법에 대해 이야기해보려고 합니다. array의 함수 중 가장 많이 쓰이는 함수 중 3 대장이라고 할 수 있는 것이 map, filter, reduce인데요. 그중 filter는 활용도가 높은 편이라 어디라고 정해진 곳 없이 사용되는 편입니다. 자 본격적으로 array의 filter 함수를 알아보러 가시죠. filter 정의 Arr..

ES2015에서 새로 추가된 syntax : 병합, 구조 분배 할당(destructuring) 등에 다양하게 활용 각각의 멤버를 흩뿌려서 가진다라는 의미로 생각할 수 있음 override기능도 존재 -> 뒷쪽에 spread syntax를 써주면 앞쪽에 공통으로 겹치는 멤버를 override할 수 있음(앞쪽 불가) 주요 기능 : 여러 객체를 하나의 객체로 손쉽게 병합, 하나의 객체에서 원하는 멤버만 빼서 분배 가능, 배열 병합 가능 특정 변수 지정 및 남은 모든 원소들을 배열에서 받아오는 할당 기능이 존재 예시를 통해 확인 const array = [1,2,3,4,5] const head = [head, ...rest] = array /* head = 1, rest = 2,3,4,5 */ const per..

let과 const는 ES2015(ES6)에 추가된 변수 선언 키워드 hoisting규칙이 없고, block scoping을 지원함 -> 따라서 var 보다 훨씬 예측 가능한 코드 작성 가능 let은 레퍼런스가 바뀔 수 있음, const는 바뀔 수 없음 -> var는 재 선언이 가능하지만, let과 const는 불가 var와는 달리 let과 const는 hoisting기능이 없기 때문에 선언 전에 사용할 수 없음 (선언 후 사용) let과 const는 모두 같은 scoping rule을 따름 (let과 const의 예측 가능성과 유지보수성이 var보다 훨씬 뛰어남) 가능하다면 const만 사용하고, 필요한 경우에 한해 let을 쓰고, var는 절때 사용X let의 사용하는 경우는 closure를 사용하여..

Java, C++과 같은 클래스 기반 객체지향 프로그래밍 언어와 달리 자바스크립트는 프로토타입 기반 객체지향 프로그래밍 언어이다. 따라서 자바스크립트의 동작 원리를 이해하기 위해서는 프로토타입의 개념을 잘 이해하고 있어야 한다. 클래스 기반 객체지향 프로그래밍 언어는 객체 생성 이전에 클래스를 정의하고 이를 통해 객체(인스턴스)를 생성한다. 하지만 프로토타입 기반 객체지향 프로그래밍 언어는 클래스 없이(Class-less)도 (ECMAScript 6에서 클래스가 추가되었다) 객체를 생성할 수 있다. 생성자 예시) 참고 function Person(name, gender) { var married = true; // private this.name = name; // public this.gender = ..

구글의 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경(Runtime Environment)인 Node.js의 등장으로 자바스크립트는 웹 브라우저를 벗어나 서버 사이드 애플리케이션 개발에서도 사용되는 범용 개발 언어가 되었다. 하지만 자바스크립트가 가장 많이 사용되는 분야는 역시 웹 브라우저 환경에서 동작하는 웹 페이지/애플리케이션이다. 대부분의 프로그래밍 언어는 운영체제(Operating System, OS) 위에서 실행되지만 웹 애플리케이션의 자바스크립트는 브라우저에서 HTML, CSS와 함께 실행된다. 따라서 브라우저 환경을 고려할 때 보다 효율적인 자바스크립트 프로그래밍이 가능하다. 브라우저의 핵심 기능은 사용자가 참조하고자 하는 웹페이지를 서버에 요청(Request)하고 ..