DFS개념을 사용해서 알고리즘 문제 풀어보자.<그림 1>과 같이 정사각형 모양의 지도가 있다. 1은 집이 있는 곳을, 0은 집이 없는 곳을 나타낸다. 철수는 이 지도를 가지고 연결된 집의 모임인 단지를 정의하고, 단지에 번호를 붙이려 한다. 여기서 연결되었다는 것

완전탐색 종류 중 BFS, DFS에 대해서 알아보자. DFS(깊이 우선 탐색) 아래쪽 level로 내려갔다가 더이상 아래 level이 없으면 가장 가까운 부모 노드로 거슬러 올라간 뒤 탐색하지 않은 다른 자식 노드를 탐색하는 방식이다. 탐색 시작 노드를 스택에 삽입

또 다른 상태관리 라이브러리 'Recoil'에 대해서 알아보자. Recoil? 페이스북에서 직접 만든 상태 관리 라이브러리이다. Recoil 사용하기 전역에서 사용할 수 있도록 root에 recoilRoot 감싸주기 atom 기존의 상태관리 라이브러리에서 쓰이는

리액트 쿼리를 사용해서 server와의 비동기 로직코드를 줄여보자.state를 관리하는 라이브러리로 server와 client 사이의 비동기 로직들을 쉽게 만들어주는 도구이다.그래서 React Query를 사용하면 뭐가 좋은데?첫번째, 일련의 코드를 확 줄여준다. 데이

완전탐색 알고리즘에 대해 공부해보자. 완전탐색 모든 경우의 수를 탐색하여 결과를 찾아내는 방법이다. 모두 탐색하기 때문에 정답을 100% 찾아낼 수 있지만, 경우의 수에 따라 실행시간이 비례된다. 즉, 탐색 범위가 넓다면 그만큼 찾아내는 일을 해야하기 때문에 효율적

B를 A처럼 변경해서 A로 사용하자.여행갈 때 전압이 다른 곳에서 기계를 충전하려면 전압을 바꿔주는 어댑터가 필요하다.프로그래밍에서도 다른 클래스의 인터페이스를 클라이언트에서 사용하고자 하는 경우, 즉, 다른 인터페이스로의 변환이 필요할 때 어댑터가 필요하다.이때 사용

"import { Module } from" 과 "import Module from" 의 차이점에 대해 알아보자. import, export 문은 JavaScript 모듈에서 함수, 객체, 원시 값을 내보내거나 불러올 때 사용한다.여러 값들을 export/import하

다른 두 배열을 한 배열처럼 만들어보자.하드코딩된 부분을 맵을 돌려서 예쁘게 만들어보자.목표: 서로 다른 두 배열을 가지고 하나의 맵을 돌려 화면에 나타내야 한다. \-> zip array 활용하기요소의 갯수가 정해져 있는 배열, 튜플형태우선 데이터에서 필요한 부분을

forwardRef

selector 알아보자

리덕스를 편리하게 사용할 수 있게 도와주는 🎁종합선물세트 '리덕스 툴킷'에 대해 알아보자.리덕스를 사용하다보면 액션타입,액션생성함수, 리듀서 등 반복되는 코드,즉 보일러플레이트 코드때문에 피로감을 느낄 수 있다.이때 리덕스 툴킷을 사용하면 코드를 좀 더 간결하게 만들

'리덕스 미들웨어'를 사용해서 비동기 작업을 처리해보자. 리덕스 미들웨어란? 미들웨어는 액션과 리듀서 사이의 중간자로, 액션을 디스패치했을 때 리듀서에서 이를 처리하기에 앞서 사전에 지정된 작업들을 실행할 수 있게 해준다. 리덕스는 액션 객체가 생성되고, 디스패치를

리액트 개발 라이프를 도와줄 ui 컴포넌트 개발환경 '스토리북'에 대해서 알아보자. Storybook 스토리북은 각종 라우팅과 스테이트들로 연결되어있는 리액트 presentational component들을 노멀라이즈시켜 독립된 환경에서 돌아가게 도와주는 라이브러리이

IDL을 비교하고, 그 중 'protocol buffer'에 대해 자세히 알아보고 사용해보자. IDL(Interfaece Definition Language) 프로토콜 버퍼를 알려면 먼저 IDL에 대한 개념을 알아야 한다. 이미 알고있는 개념인 프로토콜은 서버와 클라

리액트 페이징처리를 도와주는 라이브러리들을 비교하고 상황에 맞는 라우터를 적용해보자. Redirect(with public route& private route) 사용자의 로그인 상태나 권한에 따라 접근할 수 있는 경로가 다르다. 이 과정을 처리하기 위해서 Priva

자바스크립트 프레임워크인 앵귤러,뷰와 달리 라이브러리인 리액트는 자체적으로 상태관리 도구를 제공하지 않기 때문에 상태관리를 위해서 'Redux'와 사용된다. 리액트에 redux를 적용하여 사용해보자. 컴포넌트 구조 리덕스를 사용할 때 가장 많이 사용하는 패턴은 프

for문과 while문의 차이점에 대해 정확히 알아보자.반복문에 for, while존재에 대해서는 알았지만 어떤 경우에 구분해서 쓰는지 몰랐기 때문에 오직 for문만 사용해왔다. 알고리즘 문제를 풀다가 while문을 사용해야하는 이유를 딱 찾아서 정리해야겠다고 생각했다

리액트에 상태관리 도구 redux를 적용해보자. 자바스크립트 프레임워크인 앵귤러,뷰와 달리 라이브러리인 리액트는 자체적으로 상태관리 도구를 제공하지 않기때문에 'Redux'와 사용된다. 리덕스의 구성 1.store 데이터들을 저장해놓는 공간으로 한 애플리케이션 당

keyof typeof를 유용하게 사용할 수 있는 예제에 대해 알아보자.자바스크립트는 변수의 데이터 타입을 반환하는 typeof 연산자가 존재한다.타입스크립트는 변수 또는 속성의 유형을 참조하기 위해 typeof를 사용한다.기본유형보다는 다른 유형 연산자와 결합하여 t

null 타입 오류를 해결하고 정리해보자.null 타입 오류가 발생했을 경우, 피연산자가 Nullish(null or undefined)값이 아님을 명시해야 하는데 if조건문을 사용하거나, non-null assertion를 사용하여 해결할 수 있다.null이 아닌