명령형 프로그래밍(Imperative) const $button1 = document.createElement("button"); const $button2 = document.createElement("button"); const $button3 = document.createElement("button"); $button1.textContent...

개요 자바스크립트를 사용하면서 정확히는 모르지만 예측하며 사용했던 this에 대해 호기심이 생겨 공부하고 싶었다. 자바스크립트에서 This는 다른 언어의 this와는 다르다. 다른 특성 때문에 내가 정확히 사용을 못하지만, 예측은 가능하게 됐다고 생각한다. (참으로 아이러니 하다..)😅 이번 글을 통해 this를 이해할 수 있는 글을 써 보는 것...

함수형 프로그래밍으로 생각하기 오늘 학습한 내용은 함수형 프로그래밍을 실전에서 응용이다. 오늘 학습을 통해 나는 명령형 프로그래밍을 선언형프로그래밍(함수형 프로그래밍)으로 바꾸는 것을 계속 연습을 했다. 명령형 프로그래밍을 선언형 프로그래밍으로 만들기 위한 생각 길잡이(‼모든 상황에 해당하는 건 아님!) if의 조건문은 filter함수를 통...

Promise promise는 대기, 성공, 실패를 담고 있는 일급값으로 이루어져 있다. 대기된 값을 만드는 것이 콜백 함수와 가장 큰 차이점이다. function add10(a, callback) { setTimeout(() => callback(a + 10), 100); } const a = add10(5, (res) => { ...

코드를 값으로 다루어 표현력 높이기 이번 학습에서 코드를 값으로 다루어 표현력 높이기라는 주제로 강의를 들었다. 이번 강의를 듣고 코드를 작성할 때 함수를 어떻게 작성하느냐에 따라 로직이 읽히는 코드가 될 수 있고 아닐 수 있다는 것을 알게 됐다. 그 중 go, curry, pipe라는 개념을 알게 됐다. go 함수들과 인자들을 한번에 받아 즉시...

순회 //ES6 이전 //구체적으로 명령적으로 기술 for (var i = 0; i < list.length; i++) { console.log(list[i]); } //ES6 이후 //이전보다 더욱 선언적이고 간결하게 됐다 for (const a of list) { console.log(a); } Array, Set, Map 공통점...

HTML(Hyper Text Markup Language) 웹브라우저가 등장하면서 웹문서를 표현하기 위한 언어 로직이 실행이 안되고 계산이 안되기 때문에 프로그래밍 언어라고 할 수없다. HTML은 워드 문서와 같다.(워드문서는 XML HTML은 친척정도?) 문서의 의미와 전체구조를 담당한다. HTML5 영상과 ...

힙 힙은 우선순위큐를 구현하기 가장 적합한 자료구조이다. 이진트리 형태를 가지며 우선순위가 높은 요소가 먼저 나가기 위해 요소가 삽입, 삭제 될 때 바로 정렬되는 특징이 있다. 우선순위 큐: FIFO 큐와 달리 우선순위가 높은 요소가 먼저 나가는 큐(자료구조가 아닌 개념이다!) 우선순위큐≠ 힙 특징 우선순위가 높은 요소가 먼저 나가는 특...

트리 방향 그래프의 일종으로 정점을 가리키는 간선이 하나 밖에 없는 구조를 가지고 있다. ex) 사내 조직도, 소프트웨어에서는 디렉토리 구조 용어 Node: 각 정점 Root: 최상단 노드 Leaf Node: 더 이상 자식이 없는 노드 Level: Root로 부터 몇 번째 깊이인지 표현 Degree: 한 정점에서 뻗어져 나가는...

배열(순차 리스트) 연관된 데이터를 연속적인 형태로 구성된 구조를 가지며, 배열에 포함된 원소는 순서대로 번호(index)가 붙는다. index를 활용해서 꺼내 쓰거나 새로운 데이터를 넣을 수 있다. 특징 고정된 크기를 가지며 일반적으론 동적으로 크기를 늘릴 수 없다.(C일 경우) 하지만 스크립트언어(javascript, python)는 동...