profile
Developer

정규식 정리

exec()검색의 대상이 찾고자 하는 문자열에 대한 정보를 가지고 있다면 이를 배열로 반환하며, 찾는 문자열이 없다면 null을 반환합니다.test()찾고자 하는 문자열이 대상 안에 있는지의 여부를 boolean 으로 리턴합니다.match()정규 표현식을 인자로 받아

7일 전
·
0개의 댓글
·
post-thumbnail

그래프 순회

그래프 순회는 시작점을 지정해주어야 한다.방문한 노드는 따로 체크해주어야 한다.BFS, DFS 두 가지의 방법이 있다.

2022년 8월 7일
·
0개의 댓글
·

redux toolkit test

api request는 msw를 이용하여 모킹 하였다.

2022년 8월 4일
·
0개의 댓글
·
post-thumbnail

그래프 (Graph)

그래프란 노드들(vertex)와 그 노드들을 연결하는 간선(edge)를 하나로 모아놓은 비선형 자료구조이다.그래프는 방향성에 따라 무방향 그래프와 단방향 그래프로 나눌 수 있고 가중치를 할당하는 가중치 그래프가 있다.그래프는 인접 행렬(Adjacency matrix)과

2022년 7월 30일
·
0개의 댓글
·

Suspense, lazy

lazy 함수를 사용하면 dynamic import를 사용해 컴포넌트를 렌더링할 수 있다.React는 SPA이기 때문에 한 번에 사용하지 않는 컴포넌트까지 불러오는 단점이 있다.하지만 React.lazy를 통해 컴포넌트를 동적으로 import 할 수 있고 이를 통해 초

2022년 7월 28일
·
0개의 댓글
·

Custom Hook 저장

useFetch useInputs

2022년 7월 27일
·
0개의 댓글
·

useCallback

useCallback 또한 useMemo와 마찬가지로 메모이제이션 기법을 이용한 Hook이다.useMemo는 값의 재사용을 위해 사용하는 Hook 이라면, useCallback은 함수의 재사용을 위해 사용하는 Hook 이다.컴포넌트 안의 add 함수는 props로 넘어

2022년 7월 27일
·
0개의 댓글
·

useMemo

useMemo는 특정 값(value)를 재사용하고자 할 때 사용하는 Hook이다.위의 컴포넌트는 props로 넘어온 value 값을 calculate 라는 함수에 인자로 넘겨서 result 값을 구한 후, div 엘리먼트로 출력을 하고 있다.만약 여기서 calculat

2022년 7월 27일
·
0개의 댓글
·

Testing

2022년 7월 26일
·
0개의 댓글
·
post-thumbnail

해시 테이블

해시 테이블 키(key)와 값(value)으로 이루어진 자료구조 중 하나로 빠르게 데이터를 검색할 수 있다. 해시 테이블이 빠른 검색을 할 수 있는 이유는 내부적으로 배열을 사용하여 데이터를 저장하기 때문이다. 해시 테이블은 각각의 key 값에 해시함수를 적용해 배열

2022년 7월 23일
·
0개의 댓글
·
post-thumbnail

힙 (Heap)

힙, 이진 힙 힙은 이진 힙 이라고도 하며, 최댓값 또는 최솟값을 찾아내는 연산을 빠르게 하기 위해 고안된 이진트리를 기본으로 한 자료구조이다. 힙은 다음과 같은 속성을 갖고 있다. 이진트리 (Binary Tree) 이다. 부모노드의 키값과 자식노드의 키값 사이에는

2022년 7월 16일
·
0개의 댓글
·

NavLink 사용법

React Router 에서 지원하는 기능 중 하나이다.navigation menu, tab menu 등을 개발할 때 유용하게 사용할 수 있다.기존의 <Link> 와 가장 큰 차이점은 클릭 시 다른 페이지로 이동시킬 뿐만 아니라 isActive 속성을 전달받아 현

2022년 7월 11일
·
0개의 댓글
·
post-thumbnail

트리 순회 (BFS, DFS)

자료구조의 종류 중 하나인 트리 구조에서 가각의 노드를 한 번씩 방문하는 과정을 의미한다.순회라는 방법은 노드를 방문하는 순서에 따라 분류되는데 너비 우선 탐색과 깊이 우선 탐색으로 분류할 수 있다.같은 층에 있는 노드를 우선적으로 탐색한다.10 -> 6 -> 15 -

2022년 7월 10일
·
0개의 댓글
·
post-thumbnail

Redux

JavaScript 기반의 상태관리 라이브러리 이다.동일한 데이터는 항상 같은 곳에서 가지고 와야 한다는 의미이다.Redux에는 데이터를 저장하는 Store라는 단 하나뿐인 공간이 있음을 의미한다.상태는 읽기 전용이라는 뜻으로, React에서 상태갱신함수로만 상태를 변

2022년 7월 5일
·
0개의 댓글
·
post-thumbnail

상태 관리 라이브러리

상태(state)란 동적으로 표현되는 데이터를 의미한다.보통 리액트에서는 컴포넌트 안에서 useState 훅을 이용하여 상태를 관리하는데컴포넌트 안에서 상태를 관리 할 경우 아래와 같은 문제가 있다.자식 컴포넌트들 간의 다이렉트 데이터 전달은 불가능하다.자식 컴포넌트들

2022년 7월 5일
·
0개의 댓글
·
post-thumbnail

트리 (Tree)

트리 (Tree) 자료구조 중에 하나로 루트 노드를 기준으로 부모 노드와 자식 노드들이 트리처럼 뻗어나가는 형태를 갖는다.

2022년 6월 29일
·
0개의 댓글
·
post-thumbnail

큐(Queue)

선입선출(FIFO)의 특성을 가지는 데이터구조이다.가장 먼저 들어온 값이 가장 먼저 나가게 된다.push 메서드를 이용하여 배열의 가장 마지막 인덱스에 값을 추가할 수 있고shift 메서드를 이용하여 가장 처음에 들어온 값을 제거할 수 있다.큐를 배열로 구현하면 shi

2022년 6월 25일
·
0개의 댓글
·
post-thumbnail

스택(Stack)

후입선출(LIFO)의 특성을 가지는 데이터구조이다.마지막으로 들어온 값은 가장 먼저 나가게 된다.push 메서드를 이용하여 배열의 가장 마지막 인덱스로 값을 추가할 수 있고pop 메서드를 이용하여 가장 마지막에 들어온 값을 제거할 수 있다.스택을 연결리스트로 구현하면

2022년 6월 25일
·
0개의 댓글
·
post-thumbnail

JSON

JSON은 JavaScript Object Notation의 줄임말로, 데이터 교환을 위해 만들어진 객체 형태의 포맷이다.네트워크를 통해 데이터를 주고받기 위해서는 다음과 같은 조건을 만족해야 한다.수신자(reciever)와 발신자(sender)가 같은 프로그램을 사용

2022년 6월 23일
·
0개의 댓글
·
post-thumbnail

단일 연결 리스트

단일 연결 리스트란? 문자열, 숫자 등 데이터를 저장하는 자료 구조이다. 배열은 위치(인덱스)가 있지만 단일 연결 리스트는 요소들마다 위치(인덱스)가 없이 연결되어있다. 각각의 요소들을 node 로 정의한다. 연결 리스트는 다수의 node들로 구성되고, 각각의node

2022년 6월 16일
·
0개의 댓글
·