All (147) 썸네일형 리스트형 Modularization Before Start encapsulation(캡슐화)란 외부에서 접근 가능한 함수를 통해 객체의 상태(state)를 update하는 것인데, Javascript의 파일 단위로도 비슷한 기능을 수행할 수 있다. 즉, 어떤 js 파일에서 선언한 변수나 함수 등을 다른 파일에서 그대로 이용하는 것이 가능하다. 이를 "modularization"이라고 부른다. How to modularization? HTML html 내부에 script 태그를 작성해서 js파일을 html에 포함시킬 수 있다. 이 때 여러 개의 js파일이 포함되어 있다면, 나중에 분석(parse)된 js 파일이 먼저 parse된 js 파일 내부에 접근할 수 있다. 즉, 위의 예제 코드의 main.js 파일에서 별다른 키워드 없이도 count.. Iterable Before Start iterable이란 단어는 '순회가 가능한'의 의미를 갖는다. 이 때 순회라는 것은 '여러 곳을 돌아다님'의 의미를 갖는다. 즉 여러 곳을 돌아다니는 것이 가능하다는 의미가 된다. 이터러블은 복합데이터가 가지고 있는 데이터 하나, 하나를 돌아다닌다. 이 데이터를 하나씩 방문하면서 어떤 처리를 할 수 있다면 iterable이라고 할 수 있을 것 같다는 느낌이 든다. '데이터를 하나씩 방문하면서 어떤 처리를 한다'는 말을 들었을 때, 각 element에 콜백 함수를 실행하는 forEach나, 각 element가 어떤 조건이 맞는지 아닌지를 확인하고, 조건에 맞는 데이터만으로 이루어진 새로운 배열을 반환하는 filter 등 다양한 method가 떠올랐다. 그렇다면 배열과 맵, 셋은 it.. Map & Set Before Start Array와 마찬가지로, Map과 Set은 data structure 중 하나이다. 즉 map과 set이 서로 관계를 갖는 데이터 values와, 데이터에 사용되는 함수의 집합임을 의미한다. Set How to create Set? constructor function let set = new Set( iterable ) Set as a data structure Data 사이의 관계 set은 array와 달리 index가 없기 때문에, 데이터 간의 순서가 없다. 또 데이터의 중복을 허용하지 않는다. 이미 존재하는 데이터를 set에 추가하려고 하면 아무일도 일어나지 않는다. 배열의 중복을 제거해야 할 때에도 set을 자주 사용한다. Data에 자주 사용되는 functions let.. Array Before Start Data의 type에는 primitive와 object이 있다. 지금부터 살펴볼 Array의 data type은 object이다. 즉 Array는 다양한 Data를 하나로 묶어 보관하는 복합데이터라는 뜻이다. 그런 의미(복합데이터)에서 함수도 object라고 할 수 있는 것이다. 지금부터는 Array가 data type으로써가 아니라, 데이터 구조(data structure)로써 어떤 의미를 갖는지 알아볼 것이다. data type과 data structure는 다른 개념이다. data type이 단일 데이터인지, 복합데이터인지에 따라 primitive와 object로 나누어졌다면, data structure는 object(복합 데이터)를 어떻게 collect 했느냐에 따라 나누어.. Object Before Start 데이터 타입은 primitive type과 non-primitive(object) type 두 가지로 나눌 수 있다. 이 두가지 타입의 데이터는 변수에 할당된 뒤, 메모리에 저장되는 방식에 차이가 있다. primitive type을 먼저 살펴보자. let myAge = 23; 우리가 위와 같은 코드를 작성하면, myAge는 어떤 메모리 셀 하나의 주소를 가리키고 그 메모리 셀은 23이라는 숫자를 저장한다. 이 때 메모리 셀의 크기는 1byte 라는 것을 알아두자. (1byte=8bit로 8개의 비트 정보를 저장할 수 있다. 즉 0 또는 1의 정보를 가지고 있는 bit 8개를 하나의 셀에 저장할 수 있다.) const apple = { color: 'red', price: '$1',.. Function & Functional Programming Before Start 함수 y = f(x)의 의미를 살펴보면, input x가 처리 과정(process) f를 거쳐서 y라는 output을 반환한다는 것이다. 이 때 f로 정의된 process는 우리가 코드를 통해 작성할 수 있는 부분이며, 같은 기능을 사용하는 어느 곳에서나 재사용할 수 있다. +) y=f(x)에서 x를 매개변수(parameter)라고 부르며, x에 3을 대입했다면 3을 인자(argument)라고 부른다. pure function +) 순수 함수 관련 article | what is pure function? what is side effects? 순수 함수는 몇가지 특징을 가지고 있는 함수를 일컫는 보편적인 용어이다. 순수 함수의 가장 중요한 특징 중 하나는, 함수의 결과 값(ret.. Control flow statement Before start Control flow는 흐름을 제어한다는 뜻이다. 이 때 흐름은 코드의 실행 흐름을 이야기한다. 즉, control flow statement는 코드의 실행 흐름을 제어하는 statement(문)를 말한다. +) statement는 한번에 실행되는 코드의 단위를 말한다. +) expression은 값을 생성하는 statement를 말한다. 즉 statement라는 큰 범위 안에 expression이 속해있는 것이다. Conditional Statement 코드 실행의 흐름을 제어하는 방법 중 하나는 조건문을 이용하는 것이다. 내가 작성한 조건에서 true값을 생성하면 코드를 실행하고, false값을 생성하면 코드를 실행하지 않게 함으로써 코드의 실행 흐름을 제어할 수 있다. if.. Operator Before start 연산자(operator)는 어플리케이션에서 input 정보를 연산(operation)할 때 이용된다. 연산을 input을 이용한 process(처리, 계산)라고 하면 이해에 도움이 된다. 즉 연산자는 input을 처리/계산하는 데 사용된다. Operators Arithmetic Operator | +, -, *, /, %, ** 산술 연산자를 말한다. 산술 연산자는 우리에게 가장 친숙한 연산자이며, 두개의 피연산자를 필요로 한다(binary operator). 2+5+6 이라는 식을 예로 들어보자. 우리는 이 식에서 (2+5) + 6의 과정을 거쳐 값을 계산한다. 먼저 괄호(bracket) 안에 있는 2+5를 계산하는데 2와 5가 피연산자가 되고 +가 연산자가 된다. 즉 +는 두 .. 이전 1 ··· 15 16 17 18 19 다음
