# ES6
javascript ES6문법 다지기 (1)
인프런의 강의를 기반으로 ES6문법에 대한 정리를 해보겠다.강의링크(https://www.inflearn.com/course/es6-강좌-자바스크립트다양한 웹 브라우저에서 자바스크립트가 공통되게 잘 작동하기 위해서 표준규격자바스트립트를 이루는 코어 스크립트 언
Arrow Function
ES6 = ECMA Script 2015ES 는 ECMA Script의 줄임말 인데요, 그럼 ECME Script는 무엇일까요? ECMA Script 는 JavaScript를 표준화, 규격화 시키기 위해서 만들어졌습니다. ECMA Script is a (ECMAScri
ES6 ~ ES9 간략 정리
ECMAScript(ECMA-262) 는 Javascript 에 명세 또는 스펙을 의미합니다.ECMA-262 : Ecma 인터내셔널 (표준기구)는 ECMA 스크립트 언어의 공식 사양 인 ECMA-262 표준을 만들었습니다.자바스크립트를 뼈대를 구성하는 스크립트 언어입니
Wecode 12일차-TIL
오늘은 자바스크립트를 포함한 모든 프로그래밍 언어의 기본적인 개념인 스코프(scope,유효범위)를 정리하려고 한다. 스코프 스코프란? 변수의 이름 또는 함수의 이름처럼 어떤 대상을 다른 대상과 구분하여 식별할 수 있는 유일한 이름인 식별자를 찾아내기 위한 규칙을 말한다. 자바스크립트는 이 규칙대로 식별자를 찾는다. 스코프를 왜 알아야 할까? 스코프는 식...
Wecode 4일차-TIL
자바스크립트 문제를 풀던 중 모델 솔루션에 나와 있는 구조 분해 할당과 Spread 문법 그리고 array.method인 reduce에 대해서 블로깅 해보려고 한다. 구조 분해 할당 MDN에 설명에는 구조 분해 할당이란 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 Javascript 표현식을 말한다고 한다. 코드로 이해해보자....
JavaScript - 접근자 프로퍼티 (getter, setter)
1. 프로퍼티의 종류 데이터 프로퍼티(data property) : 값을 저장하기 위한 프로퍼티. 일반적으로 사용하는 프로퍼티는 데이터 프로퍼티입니다. 데이터 프로퍼티 조작 방법에 대해선 모두 알고 계실 것이라 생각합니다. 접근자 프로퍼티(accessor proper
JS STUDY ( 객체지항 자바스크립트 1 - 프로토타입의 이해 )
객체의 시작 여기서 나오는 객체는 자바스크립트 컬렉션 객체가 아니라 프로그래밍 개념 객체를 다룬다. 자스는 일단 나중에 이야기하자. 객체란 객체지향이란 말은 매우 친숙해서 마치 아는 것 같다. 하지만 이번 자바스크립트를 공부하면서 객체를 더 모르게되었다. 좀 더 객체를 자세히 알아보려고 이번 포스팅을 시작했다. 반복된 행동은 우아하지 않다. 반복되는 ...
알고리즘? 그거 재귀로 풀면 되는 거 아니야?
시작 알고리즘 공부를 조금씩 하기 시작하고 나면 재귀 함수을 통해 문제를 해결하는 방법을 접하게 됩니다. 재귀 함수를 배우고 나서 코드가 간결해지는 것을 느꼈고 재귀 함수를 너무 사용하는 부작용🤪이 나타났습니다. 대게 일반적인 반복문으로 문제를 해결하고 난 뒤 재귀로 해결하면 코드가 간결해지는 경우가 많았기 때문에 알고리즘 문제를 보고 고민을 하다 ...
javscript ES6에 추가된 기능 간단 정리
🚀 들어가며 ES6에서 추가된 기능 ( String Literal, 객체 비구조화 ( Object Destructuring ), 객체 리터럴 ( Object Literal ), for .. of, Spread Operator, Rest Parameter, Arrow Function, Default Params, includes, Trailing Comm...
자바스크립트 this, call(), apply(), bind() - FE study11
1. this JAVA 의 경우, this 는 클래스의 인스턴트의 레퍼런스 변수를 의미하지만, JAVASCRIPT 의 경우, this 는 현재 실행 문맥에서의 호출자를 의미한다. 자바스크립트 작동원리(실행 컨텍스트) 2. call(), apply() function.call(obj) 형태로 쓰이는 데, 앞의 함수를 실행하는데 obj 를 this 로 사...
Javascript 문법과 알고리즘의 사소한 팁 - 1
시작 Javascript를 사용하게 된지 벌써 1년이 지나가고 있습니다. 지금까지 일정에 치여 바쁘게 업무만 진행하다 보니 처음 자바스크립트를 시작했을 당시 대충 책 뒤져본 내용 그대로 발전없이 어려운 길을 가고 있다는 생각이 들었죠. 그래서 자바스크립트를 사용하여 알고리즘 문제를 풀고, ES6 문법과 표준에 대해 조금더 익숙해지려고 합니다. 공부한 ...
ES6 개념, 바벨(Babel), ECMAscript - FE study9
1. ES6? ECMAscript : 스크립트 언어가 준수해야 하는 규칙, 세부 사항 및 지침을 제공. Javascript : ECMAScript 사양을 준수하는 범용 스크립팅 언어. Javasciprt는 ECMAscript 라는 코어와 DOM(Document Object Model), BOM(Browser Object Model) 두개의 모델로 이루어...
React: export default 'exportName'과 export 'exportName'의 차이
1. ES6 modules system의 일부 Export: export default HelloWorld; 와 import: import React from 'react' 는 ES6 modules sysyem 의 일부이다. > A module is a self contained unit that can expose assets to other modul...
JS STUDY - 1주차( 매개변수 )
자바스크립트 코딩의 기술을 정리한 것이니 좀 더 궁금하면 책을 찾아보자. JS의 함수는 매우 유연하다. 인자 타입을 정의할 수도 없고, 인자의 수를 정하기도 힘들다. 그래서 함수에 예외처리에 매우 까다롭다. 그래서 함수 인수를 변경하는 계획을 세워보고, 간결하면서 유연한 매개변수를 생성하는 방법을 알아보도록 하자. 완벽하진 않지만, 전보다 나은 코드가 ...
JS Study : ES6 - 1주차(펼침 연산자'...')
순서를 갖고 있는 컬렉션 : 배열 js의 배열은 높은 유연성을 가지고 있다. 배열은 순서를 갖는 데이터 컬렉션이다. 순서를 갖기 때문에, 이를 기준으로 값을 추가하거나 제거할수 있고, 모든 위치에 값이 있는지 확인할 수 있다. 그렇지만 배열에는 수많은 메서드가 있으므로 조작(mutation)과 부수 효과(side effect)로 인한 문제가 생길 수 있다...
[Js] Spread 연산자, Rest 파라미터
Spread 연산자 Spread 연산자는 ... 을 통해 사용할 수 있다. MDN에서는 아래와 같이 Spread 연산자를 설명한다. >전개 구문을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있습니다. 솔직히 ...
JS Study : ES6 - 1주차(Arrow function)
화살표 함수(Arrow function) 가독성 좋은 익명함수 화살표함수는 정말 편리한 익명함수 선언 방식이다. 함수형 패러다임이 인기를 끌면서 익명함수를 작성할일이 많은데, 화살표함수은 익명함수를 엄청 간단하게 선언한다. function, return 키워드가 제거된 것을 볼 수 있다. 특히 ES6의 새로생긴 Array의 메서드(map,filter,re...
ES6 클래스와 Prototype :: 왜 Object instanceof Function은 true인가
ES6 Class와 Prototype 자바스크립트는 프로토타입 기반 객체지향 언어다. 프토로 타입 기반이므로 클래스가 없고, 따라서 상속 개념이 존재하지 않는다. ES5까지는 프로토타입 체인과 클로저 등으로 상속이나 캡슐화 등을 흉내내어 구현해왔다 프로토타입 프로토타입은 프로토타입 링크와 프로토타입 오브젝트로 구성된다. 프로토타입 객체 객체는 언...