profile
CTO를 꿈꾸는 CDO

JS의 모듈 생태계

안녕하세요. 이번 시간에는 자바스크립트의 다양한 모듈 시스템에 대해 알아보겠습니다. 비록 2018년 지금은 브라우저에는 ES2015 모듈(IE는 안 됩니다...), 노드에는 CommonJS 모듈(실험적인 ES2015 모듈 지원과 함께)로 통일되었지만, 아직도 많은 코드

2020년 10월 18일
·
0개의 댓글
·

Node.js

Node.js는 웹 브라우저 환경에서만 구동 가능했던 종속적이며, 고립적인 언어의 특성을 브라우저 외의 환경에서 실행 가능하도록 런타임 환경을 조성해준다. 크롬 V8 엔진을 기반으로 다양한 운영체제에서 사용가능하게 해주는 것을 의미한다.일반적으로 Node.js는 서버사

2020년 9월 30일
·
0개의 댓글
·

DOM Tree

개요 > DOM은 Document object model의 준말이며, 문서 객체 모델은 HTML,XML 서식값의 시각 인터페이스화된 구조이다. DOM은 문서 [ 코드 나열 ]의 BOM [ Browser object model ] 부속 값이며, 브라우저 엔진에 의해

2020년 9월 30일
·
0개의 댓글
·

Class

Class 정리 생성자에 대하여 정리 attribute에 대하여 정리 위에 만든 Object 형태의 Class 생성 후 정리(console.log 를 이용해서 표시) > 자바스크립트에서 객체를 다루는 것은 , 원론적인 객체, 함수 뿐이 아닌 'Class' 역시 존재

2020년 9월 19일
·
0개의 댓글
·

객체 (Object)

객체는 유사의 데이터와 함수의 단일 또는 집합 모음이다. 데이터들 과 함수 중 객체에 속해 있는 것을, 각각 프로퍼티와 메소드라고 지칭한다. 아래에서 더욱 자세한 풀이가 나온다.객체는 Key, Value라는 쌍의 값으로 이루어져있다. 객체 안에서 갖게되는 변수들을 K

2020년 9월 17일
·
0개의 댓글
·

호이스팅 (Hoisting)

Reference => \*\* gmlwjd9405 - github 참조 //호이스팅이란 일반적으로, var 변수와 함수선언문에서 선언 자체가, 코드의 최상단으로 위치하는 것으로 생각되지만, 좀더 명확하게 말해서, 유효한 블록 스코프내의 할당이 아닌 선언 그 자체만을

2020년 9월 15일
·
0개의 댓글
·

startsWith
, endsWith, includes

String 기반 메소드들로써, 문자열 값을 판단하여 , 정렬 후 불러올때 용이하다. 불리언 값을 반환한다.startsWith() 메소드는 어떤 문자열이 특정 문자로 시작하는지 확인하여 결과를 true 혹은 false로 반환한다.구문 : str.startsWith(s

2020년 9월 14일
·
0개의 댓글
·

ES6의 템플릿 리터럴

여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다. 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔습니다. 자바스크립트가 ES6로 넘어오며, '템플릿 리터럴'이라는 내장 표현식을 허용하는, 새로

2020년 9월 14일
·
0개의 댓글
·

변수의 형 변환

자바스크립트는 다른 언어들과 달리 변수의 타입을 따로 지정하지 않는다. 그렇기에 변수에 어떤 값이 담기냐에 따라 그 타입을 인지해줄뿐이다. (물론 이를 보완한 타입스크립트가 추후에 등장한다.)그러나 자바스크립트에선, 일반적인 변수 선언을 해준 뒤, 별도의 방법으로 형

2020년 9월 14일
·
0개의 댓글
·

reduce,map,filter

Reduce,map,filter는 배열 기반 메소드들로써, 그 사용 빈도가 빈번하고, 필수적인 이해도와, 숙련도가 요구되어진다. 1.reduce() reduce() 메소드는 배열의 각 요소에 대해 주어진 리듀서 (reducer) 함수와 초기값으로 메소드를 실행하고,

2020년 9월 13일
·
0개의 댓글
·

값의 여러 결합 형태 및 방식

자바스크립트에서 문자열,숫자,공백문자 또는 undefined,NaN과 같은 특수한 미명시된 값들은 서로 간의 타입이 달라도 결합이 가능하며, 그 규율은 이미 정해져있다

2020년 9월 13일
·
0개의 댓글
·

연산자

단항 연산자입니다. 피연산자에 1을 더합니다. 만약 연산자를 피연산자 앞(++x)에 사용하면, 피연산자에 1을 더한 값을 반환합니다. 만약 연산자를 피연산자 뒤(x++)에 사용하면, 피연산자에 1을 더하기 전 값을 반환합니다.단항 연산자입니다. 피연산자로 부터 1을 뺍

2020년 9월 11일
·
0개의 댓글
·

수형 표현 (Math expression) - JS

자바스크립트는 수에 대해서 관용적인 언어이다.수를 선언할 때, 타입을 따로 선언하지 않으며, Number라는 타입 하나로 정리되며, 모든 수는 동일한 방식으로 처리되며, 선언에 담기는 값에따라 자바스크립트 엔진은 그 타입을 인지할 뿐이다.이는 자바스크립트가 갖는 장점이

2020년 9월 10일
·
0개의 댓글
·

Function, return type과, void의 유무에 대하여

일반적으로, 함수는 함수 외부의 경우엔 코드에 의해 호출될 수 있는 하위의 논리 구조(프로그램)이다.프로그램 그 자체처럼, 함수는 일련의 구문으로 구성되어있다. 값은 함수에 전달될 수 있고 함수는 값을 반환하는 것이 기본이다. 그래서인지 함수는 값 그 자체이다.Java

2020년 9월 9일
·
0개의 댓글
·

Let, Const 선언의 차이

Let과 const는 자바스크립트에서 등장한 기존의 var 변수 선언을 대체할 수 있는 종류들로써, ES6에서 새로이 등장한 선언 가능한 변수들이다.구문은 블록 유효 범위를 갖는 지역 변수를 선언 하며, 선언과 동시에 임의의 값으로 초기화할 수도 있다. let은 전역

2020년 9월 9일
·
0개의 댓글
·