Back to the Basics

Introduction 드디어 Rect를 배우게 되었다. 스케줄을 보니 React 기토에 대해 만 거의 2주 동안 배우는 것 같다. React를 학습하기 전 먼저 선행되어있어야 할 지식은 아래와 같다. Prerequisite HTML/CSS 기초 JavaScript 기초 함수형 프로그래밍과 고차함수 개념에 대한 이해 배열 내장 메소르 기초 ES6 문법에 대한 이해 Achievement Goals React의 3가지 특징에 대해서 이해하고, 설명할 수 있다. JSC가 왜 명시적인지 이해하고, 바르게 작성할 수 있다. React Compoment의 필요성에 대해서 이해하고, 설명할 수 있다. create-react-app으로 간단한 개발용 React 앱을 실행할 수 있다. React 란?? 프론트앤드 개발을..

프로그래밍 패러다임으로는 이곳, 저곳에서 많이 들어봤듯이 명형형 프로그래밍, 선언형 프로그래밍, 절차형 프로그래밍 , 객체지향형 프로그래밍, 함수형 프로그래밍 등이 있다. 어떤 언어는 하나의 패러다임을 갖기도 하지만, 최근엔 여러 가지 패러다임을 갖는 멀티 패러다임 언어가 대부분이라고 한다. 절차형 프로그래밍 (procedure) - 대표적 언어 : c언어 절차형 프로그래밍은 어떻게 할 것인가에 가깝다. 절차형은 위에서 아래로 로직에 따라 코드의 순차적인 처리가 중요시되고 프로그램 전체가 유기적으로 연결 되도록 하는 프로그래밍 패러다임이다. 컴퓨터와 유사한 처리구조의 코딩방식이므로 실행 속도가 빠르다는 장점이 있다. 하지만 유지보수가 어렵고, 코드의 실행 순서가 정해져 있으므로 코드의 순서가 바뀌면 동일..

본론으로 들어가기 전에 MapReduce Model을 구글링 해보니 먼저 Apache hadoop과 관련이 있으므로 이 Hadoop이라는 놈부터 간단하게 알아보자. Hadoop 공식 홈페이지에서 소개하는 글은 이러하다. "The Apache Hadoop software library is a framework that allows for the distributed processing of large data sets across clusters of computers using simple programming models. "이라고 한다. 즉, Apache Hadoop 은 대량의 데이터의 병렬 처리를 위한 framework이다. 주로 빅데이터 분석을 위해 사용한다고 한다. 쉽게 말하면, 대용량의 데이..

이번 포스팅은 JavaScript 고차 함수 (Higher order function)에 대해 학습해보겠다. 1. 고차 함수 이해하기 Achievement Goals 일급 객체(first-class citizen)의 세 가지 특징을 설명할 수 있다. 고차 함수(higher-order function)에 대해 설명할 수 있다. 고차 함수를 JavaScript로 작성할 수 있다. JavaScript 에서 함수는 1) 변수에 assignment 가 가능하고, 2) 다른 함수의 argument로 전당 될 수 있으며 3) 다른 함수의 결과로써 리턴될 수 있다 는 특징이 있어 특별하게 취급된다. 이를 first-class citizen (일급 객체)라고 한다. 이 중 고차 함수(Higher oeder functio..

1. 클로저 자바스크립트에서는 다른 언어와 달리 크롤저 라는 개념이 있다. JavaScript MDN 에서의 클로저 정의 : "클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 클로저는 독립적인 변수를 참조하는 함수이다. 독립적인 변수란 로컬에 선언되지도 않고, 파라미터로 넘져지지도 않는 변수를 말한다. 클로저에 선언된 함수는 생성되었을 때의 환경을 기억한다. 클로저를 이해하려면 JavaScript가 어떻게 변수의 유효범위를 지정하는지(Lexical scoping) 먼저 이해해야 한다 어휘적환경(Lexical Environment) 란? 어휘적 환경이란 선언 당시의 환경에 대한 정보을 담은 객체이다. 정적인 환경 이라고도 한다 스코프와 클로저는 밀접한 관계가 있는데 스코프는 변수의 유효 범위이고, ..

1. 원시 자료형과 참조 자료형 Achievement Goals 원시 자료형과(primary type) 과 참조 자료형(Reference Type)의 구분이 왜 필요한지에 대해 이해할 수 있다. 원시 자료형과 참조 자료형의 차이를 이해하고, 사용할 수 있다. 원시 자료형이 할당될 때에는 변수에 값(value) 자체가 담기고, 참조 자료형이 할당될 때에는 보관함의 주소(Reference) 가 담기는 개념을 코드로 설명할 수 있다. 참조 자료형은 기존에 고정된 크기의 공간을 사용하는 것이 아니라, 동적으로 변하는 공간을 사용함을 이해할 수 있다. 원시자료형, 참조 자료형 원시 자료형 (primitive data type) Stack에 저장된다. 각 변수 간 원시타입 데이버를 복사항 경우 데이터 값이 복사되기..

JS/Node 배열, 객체 Achievement Goals - 배열 배열 기초 배열에서 사용되는 다음 용어에 대해 이애할 수 있다. index, element, length arr[0], push, pop 배열에서 특정 인덱스(Index)의 요소(element)를 조회하거나, 변경할 수 있다. 배열의 요소가 배열인 이중 배열을 이해할 수 있다. 이중 배열의 요소를 조회하거나 변경할 수 있다. 배열의 요소를 반복적으로 불러오는 방법을 이해하고 사용할 수 있다. 배열의 각 요소에 대하여, 반복하는 코드를 실핼시킬 수 있다. 기본적인 for 문 for (let i=0;i obj typeof {a:1} --> obj 무엇이 object인지 판단하기 어려움 --> Array.isArray() 를 사용하여 판별한다..

보호되어 있는 글입니다.