리액트의 useState를 통한 상태변경은 다음과 같은 특징이 있다. 1. setState를 통해 상태를 변경하여도, 각 state들은 변경 이전의 값을 참조하고 있다. 즉, 변경된 상태는 렌더링 이후, 반영이 된다는 것이다. (state 변경 -> re-rende

리덕스의 원칙은 상태관리를 하는 스토어는 하나라는 것, 상태는 읽기 전용, 즉 상태에 변화를 가할 수 없다는 것, 순수함수인 리듀서를 통해 변화시킨다는 것입니다. 읽기 전용이지만, 리듀서를 통해 참조가 아예 다른 다른 상태를 반환한다는 점에서 다릅니다. 새로운 상

바닐라코딩 프렙 과정을 수강하면서 Underdash 과제를 통해 직접 메소드들을 구현해보니, 자바스크립트 내부 구조에 대해서 좀 더 명확히 이해할 수 있었다.

클로저(Closure)는 함수에서 선언한 변수를 참조하는 내부함수에서만 발생하는 현상이다. 좀 더 자세히 설명하자면, 어떤 함수 A(=외부 함수)에서 선언한 변수 a를 참조하는 내부함수 B를 외부로 전달할 경우, A 함수의 실행 컨텍스트가 종료된 이후에도 변수 a가 사

Javascript의 This에 대한 설명을 읽으면 설명의 예제로는 이해하기가 난해하지는 않으나, 실제 코드로 마주할 경우에는 복잡한 코드 속의 This는 꽤나 헷갈리는 부분이 있다. 따라서, 아래 예제를 정리해보고자 한다. 출처는 Dmitri pavlutin, Ann

프렙 3주차 과제 리뷰를 남기기 전에, 3주차 과제였던 Javascript Quiz를 소개하고자 한다. 여러 번 반복하다보니 익숙해서 그런지 대강 답은 알았으나, 왜 이렇게 동작하는 지에 대한 이해가 부족하다고 생각하여 이 포스팅을 남기기로 하였다. Q1. 아래 코드의

프렙 2주차에는 DOM과 Scope, hoisting에 관하여 학습하였다. 그 중에서도 오늘은 DOM 개념과 숙제를 하며 겪었던 딜레마에 대해서 다뤄보고자 한다.

바닐라코딩 프렙 1주차의 경우, 기본적인 문법 & Git의 사용방법 등을 한 번 Review하면서 메신저 기능을 구현하는 과제가 있었다. 고작 1주차가 지났음에도 개선해야할 점들이 너무 많이 보인다. 바닐라코딩에 관심이 있으신 분들이 볼 수 있도록 회고 & 배운 점 등

오늘의 학습자료 : 자바스크립트 27 - String 레퍼 객체(String)

오늘의 학습자료 : 자바스크립트 12 - 함수(Function)

오늘의 학습자료 : 자바스크립트 10 - 객체(Object)

오늘의 학습자료 : 자바스크립트 7 - 연산자(Operator)

오늘의 학습자료 : 자바스크립트 5 - 자바스크립트의 기본 문법

💡 위 이미지의 숫자와 같이, A~G까지 각 국가는 각자 위와 같은 힘을 가지고 있다. 혼자 있는 것보다 합치는 것이 유리하므로, 각 국가는 동맹을 맺기 시작하였고, 결국 두 축(axis)을 중심으로 힘의 균형을 가지게 되었다. 이 경우 어떤 조합으로 동맹이 될 때,

다익스트라(Dijkstra) ❓ 그래프 한 지점에서 갈 수 있는 모든 지점에 대해서 최단 거리를 구하는 알고리즘이다. 출발지부터 목적지까지의 경로들에 대해 가중치를 부여하여 최소의 비용을 도출하는 방식이다 이전 글에서 'DFS로 최소항공권 비용 구하기' 문제를 소개한

Heap 이란 최대값 또는 최소값을 빨리 뽑아내고 싶을 때 사용하는 자료구조이며, 최대값을 우선순위로 뽑고 싶으면 MaxHeap을, 최소값은 MinHeap을 사용한다. Heap을 사용하는 이유는 For문 탐색보다 빠르게 Min, Max 값을 탐색할 수 있기 때문이다.

이진탐색트리(BST, Binary Search Tree)는 Data를 빠르게 검색할 수 있도록, 저장을 해두어 검색 시 최대 O(logⁿ)의 빠른 속도로 값을 검색하게 해주는 자료구조이다.※이진탐색(Binary Search)는 알고리즘이며, 이진탐색(Binary Sea

Union Find는 다양하게 응용할 수 있는데, 인접한 새로운 노드값이 진입하였을 때, 그룹으로 묶어주고 그룹의 개수를 출력하는 문제로도 응용가능하다.

Union Find 알고리즘임의의 두 Node가 동일한 '상호배타적인 집합(Disjoint Set)'에 속하는 지 판별하는 알고리즘 결론부터 말하자면, 그래프 내에 Cycle이 존재하는 지 여부를 판별하고, Cycle이 존재하면 비효율적인 것으로 판단하여, 최소 연결로

DFS에 이어, BFS는 넓이를 우선탐색하는 것으로서, 스케줄링 기법에서는 FIFO(First In First Out)방식을 통해 구현한다.큐(Queue)에 다음에 구현될 노드를 저장하고, 차례대로 구현하는 방식을 따르는 것이다BFS(Breadth First Searc