<Demopeu/>

Banner

최근 게시글

[LeetCode] 208 Implement Trie (Prefix Tree) JavaScript
problem-solving

[LeetCode] 208 Implement Trie (Prefix Tree) JavaScript

LeetCode Implement Trie (Prefix Tree) 풀이 - Map을 중첩해 문자별 노드를 만들고 단어 끝 표시로 검색을 처리

[LeetCode] 15 3Sum JavaScript
problem-solving

[LeetCode] 15 3Sum JavaScript

LeetCode 3Sum 풀이 - 정렬 후 두 포인터로 중복 없는 세 수의 합 조합을 찾기

[LeetCode] 56 Merge Intervals JavaScript
problem-solving

[LeetCode] 56 Merge Intervals JavaScript

LeetCode Merge Intervals 풀이 - 정렬 기반 구간 병합

[LeetCode] 146 LRU Cache JavaScript
problem-solving

[LeetCode] 146 LRU Cache JavaScript

LeetCode LRU Cache 풀이 - Map의 삽입 순서를 이용해 최근 사용 항목을 갱신하고 용량 초과 시 가장 오래된 키를 제거

[LeetCode] 322 Coin Change JavaScript
problem-solving

[LeetCode] 322 Coin Change JavaScript

LeetCode Coin Change 풀이 - DP 기반 최소 동전 개수 탐색

[LeetCode] 3 Longest Substring Without Repeating Characters JavaScript
problem-solving

[LeetCode] 3 Longest Substring Without Repeating Characters JavaScript

LeetCode Longest Substring Without Repeating Characters 풀이 - 슬라이딩 윈도우 기반 최대 길이 탐색

[LeetCode] 236 Lowest Common Ancestor of a Binary Tree JavaScript
problem-solving

[LeetCode] 236 Lowest Common Ancestor of a Binary Tree JavaScript

LeetCode Lowest Common Ancestor of a Binary Tree 풀이 - DFS 기반 LCA 탐색

[LeetCode] 207 Course Schedule JavaScript
problem-solving

[LeetCode] 207 Course Schedule JavaScript

LeetCode Course Schedule 풀이 - DFS 기반 사이클 탐지

[LeetCode] 994 Rotting Oranges JavaScript
problem-solving

[LeetCode] 994 Rotting Oranges JavaScript

LeetCode Rotting Oranges 풀이 - BFS를 활용할 수 있는 그리드 시뮬레이션

React-Hook-Form
reference

React-Hook-Form

React Hook Form(RHF) 정리 - 비제어 컴포넌트 기반의 렌더링 성능 최적화와 useController, useFieldArray를 활용한 실무 폼 설계 정리

[LeetCode] 79 Word Search JavaScript
problem-solving

[LeetCode] 79 Word Search JavaScript

LeetCode Word Search 풀이 - 백트래킹을 이용한 단어 탐색

[프로그래머스] 250136  [PCCP 기출문제] 2번 / 석유 시추 JavaScript
problem-solving

[프로그래머스] 250136 [PCCP 기출문제] 2번 / 석유 시추 JavaScript

프로그래머스 PCCP 기출 2번 석유 시추 풀이 - BFS를 활용한 군집 탐색 단위 효율성 최적화

[프로그래머스] 87694 아이템 줍기 JavaScript
problem-solving

[프로그래머스] 87694 아이템 줍기 JavaScript

프로그래머스 87694 아이템 줍기 풀이 - 스케일 업을 활용한 2차원 BFS 최단 거리 탐색

[프로그래머스] 43162 네트워크 JavaScript
problem-solving

[프로그래머스] 43162 네트워크 JavaScript

프로그래머스 43162 네트워크 풀이 - Union-Find와 경로 압축을 활용한 노드 그룹화 및 연결성 판별

[프로그래머스] 42579 배스트앨범 JavaScript
problem-solving

[프로그래머스] 42579 배스트앨범 JavaScript

프로그래머스 42579 배스트앨범 풀이 - reduce와 flatMap을 활용한 데이터 정규화 및 정렬을 사용한 문제 풀이

[프로그래머스] 92343 양과 늑대 JavaScript
problem-solving

[프로그래머스] 92343 양과 늑대 JavaScript

프로그래머스 92343 양과 늑대 풀이 - 트리와 백트래킹을 활용한 2022 카카오 블라인드 채용 문제 풀이

[프로그래머스] 81303 표 편집 JavaScript
problem-solving

[프로그래머스] 81303 표 편집 JavaScript

프로그래머스 81303 표 편집 풀이 - 양방향 연결 리스트를 활용한 2021 카카오 채용연계형 인턴십 문제 풀이

[프로그래머스] 67259 경주로 건설 JavaScript
problem-solving

[프로그래머스] 67259 경주로 건설 JavaScript

프로그래머스 67259 경주로 건설 풀이 - 우선순위 큐를 활용한 2020 카카오 인턴십 문제 풀이

[프로그래머스] 42888 오픈채팅방 JavaScript
problem-solving

[프로그래머스] 42888 오픈채팅방 JavaScript

프로그래머스 42888 오픈채팅방 풀이 - Map을 활용한 O(N) 풀이

[백준] 2110 공유기 설치 JavaScript
problem-solving

[백준] 2110 공유기 설치 JavaScript

백준 2110 공유기 설치 풀이 - 이분 탐색으로 최솟값의 최댓값 구하기

[백준] 14891 톱니바퀴 JavaScript / [백준] 15662 톱니바퀴 2 JavaScript
problem-solving

[백준] 14891 톱니바퀴 JavaScript / [백준] 15662 톱니바퀴 2 JavaScript

백준 14891, 15662 톱니바퀴 시뮬레이션 문제 풀이 - 동시성 처리와 연쇄 반응 구현

useState
reference

useState

React 공식 문서 참고서 - useState의 동작 원리, 스냅샷과 렌더링, 업데이터 함수, 불변성 유지, 그리고 견고한 아키텍처를 위한 심화 패턴과 안티패턴 정리

React 참고서 - intro
reference

React 참고서 - intro

React 공식 문서 참고서 시리즈 - Hook, Component, API, Directive 등 React가 제공하는 프로그래밍 기능의 개념과 특징 정리

모노레포 환경에서의 내부 패키지 컴파일 전략
dev

모노레포 환경에서의 내부 패키지 컴파일 전략

교회 홈페이지 프로젝트를 진행하며 Turborepo 환경에서 JIT, Compiled, Publishable 전략을 비교하고 컴파일 전략을 선택한 이유를 정리

비동기 자바스크립트(Asynchronous JavaScript)
reference

비동기 자바스크립트(Asynchronous JavaScript)

자바스크립트 완벽 가이드 13장 비동기 자바스크립트의 콜백, Promise, async/await, 비동기 이터레이터에 대하여 정리

이터레이터(Iterator)와 제네레이터(Generator)
reference

이터레이터(Iterator)와 제네레이터(Generator)

자바스크립트 완벽 가이드 12장 이터레이터와 제네레이터의 개념과 for..of의 동작 원리에 대하여 정리

react 학습하기 - 탈출구
reference

react 학습하기 - 탈출구

React 공식 문서를 기반으로 useRef로 값 참조하기, useEffect로 외부 시스템과 동기화하기, useEffectEvent 활용, 그리고 커스텀 hook으로 로직 재사용하는 방법을 정리

React2Shell 긴급 대응 권고에 대하여
dev

React2Shell 긴급 대응 권고에 대하여

React Server Components의 심각한 보안 취약점 React2Shell(CVE-2025-55182)가 일어난 배경과 원리, 결과, 그리고 나의 생각을 정리

조건부 타입(Conditional Type)
reference

조건부 타입(Conditional Type)

TypeScript의 조건부 타입과 제네릭 조합, 분산적 조건부 타입, infer 키워드를 활용한 타입 추론 방법을 정리

타입 조작(type manipulation)
reference

타입 조작(type manipulation)

TypeScript에서 인덱스드 액세스 타입, keyof 연산자, 맵드 타입, 템플릿 리터럴 타입을 활용한 타입 조작 기법을 정리

react 학습하기 - state 관리하기
reference

react 학습하기 - state 관리하기

React 공식 문서를 기반으로 state를 사용해 Iuput 다루기, state 구조 선택하기, 컴포넌트 간 state 공유하기, state를 보존하고 초기화하기, state 로직을 reducerfh 작성하기, context를 사용해 데이터를 깊게 전달하기, reducer와 context로 앱 확장하기 등을 정리

제네릭(Generic)
reference

제네릭(Generic)

TypeScript에서 제네릭의 필요성과 타입 변수 사용법, 제네릭 인터페이스와 클래스, Promise에서의 활용을 정리

TS에서의 클래스(Class)
reference

TS에서의 클래스(Class)

JavaScript에서의 class 문법 및 TypeScript에서 확장된 class 문법 정리

react 학습하기 - 상호작용 추가하기
reference

react 학습하기 - 상호작용 추가하기

React 공식 문서를 기반으로 이벤트에 응답하기, State: 컴포넌트의 기억 저장소, 렌더링 그리고 커밋, 스냅샷으로서의 State, State 업데이트 큐, 객체 State 업데이트하기, 배열 State 업데이트하기 등을 정리

TS관점에서 함수 더 알아보기
reference

TS관점에서 함수 더 알아보기

TypeScript에서 함수를 설명하는 타입들을 작성하는 방법 및 원리

비전공자를 위한 이해할 수 있는 IT 지식
talk

비전공자를 위한 이해할 수 있는 IT 지식

비전공자를 위한 이해할 수 있는 IT 지식을 읽고 난 솔직한 내 후기

타입 좁히기(Type-Narrowing)
reference

타입 좁히기(Type-Narrowing)

TypeScript에서 조건문을 이용해 타입의 범위를 좁히는 타입 가드(Type Guard)에 대한 개념 정리

2025 하반기 취업 준비 회고
talk

2025 하반기 취업 준비 회고

2025년 하반기 지원 결과를 데이터로 분석하고, 2026년 상반기를 위한 구체적인 액션 플랜을 정리

react 학습하기 - UI 표현하기
reference

react 학습하기 - UI 표현하기

React 공식 문서를 기반으로 첫 컴포넌트, 컴포넌트 Import 및 Export 하기, JSX로 마크업 작성하기, JSX에서 중괄호를 이용하여 JavaScript 사용하기, 컴포넌트에 Props 전달하기, 조건부 렌더링, 리스트 렌더링, 컴포넌트 순수하게 유지하기, 트리로서의 UI 등을 정리

타입 단언(Type-Assertions)
reference

타입 단언(Type-Assertions)

TypeScript의 타입 단언(Type-Assertions)에 대한 개념 및 고찰, 왜 AI는 타입 단언(Type-Assertions)을 남발하는가?