React·TypeScript 검색 필터 만들기: 상태와 결과 목록 연결
React·TypeScript로 검색어와 상태 필터를 함께 적용합니다. 전체 코드, 빈 결과 안내, 모바일 표 스크롤과 교집합 검증 사례를 실습합니다.
전체 글
TypeScript satisfies 사용법: 타입 지정·as const와 비교하기
TypeScript satisfies로 설정 객체의 누락과 오타를 검사합니다. 타입 지정, as 단언, as const의 차이를 비교하고 정상 예제와 오류 예제를 직접 확인합니다.
이미지 용량 줄이기: BlogFlow로 JPG·PNG·WebP 압축하기
JPG·PNG·WebP를 브라우저에서 압축하는 순서부터 투명 배경, 크기 조절, 다운로드와 파일 제한까지 안내합니다.
중복단어제거 JavaScript 풀이
N개의 문자열을 입력 순서대로 확인해 처음 등장한 단어만 남기는 JavaScript 풀이입니다. filter와 indexOf를 이용한 중복 제거 원리와 복잡도를 검증합니다.
2026년 9월 11일 AI 데일리 브리핑: Agents API와 GPT‑Live‑1
OpenAI Agents API와 GPT‑Live‑1 출시, Anthropic의 2026년 9월 AI 오용 대응 보고서를 공식 자료 기준으로 정리하고 개발자에게 달라지는 점을 살펴봅니다.
JavaScript 그래프 연습: 연결 구역 크기를 작은 순서로 출력하기
모든 정점을 포함한 무방향 그래프의 연결 요소 크기를 오름차순으로 출력합니다. 고립 정점과 중복 간선을 구별하고 전체 그래프를 방문하는 독립 창작 문제입니다.
JavaScript 최소 힙 연습: 동률 순서를 지키는 작업 스케줄러
우선순위가 낮은 숫자인 작업부터 실행하되 동률은 입력 순서를 지킵니다. 작업 ID의 중복과 정렬 안정성을 구분하는 독립 창작 문제입니다.
JavaScript BST 연습: 닫힌 구간의 중복 키 보고서
중복 횟수를 가진 BST에서 닫힌 구간의 키만 오름차순으로 출력합니다. 모든 노드를 수집해 정렬하는 대신 BST의 순서로 불가능한 가지를 제외하는 독립 창작 문제입니다.
JavaScript 트리 순회 연습: 깊이별 노드 묶기
이진 트리의 노드를 깊이별로 묶되 같은 깊이에서는 왼쪽부터 출력합니다. 큐의 현재 층 경계를 고정해 다음 층이 섞이지 않게 하는 독립 창작 문제입니다.
JavaScript 해시 테이블 연습: 정규화 문자열 빈도와 등장 순서
NFC로 같은 문자열을 하나의 키로 묶고 빈도와 최초 등장 순서를 출력합니다. 해시 버킷의 순서와 문제에서 요구하는 순서를 분리하는 독립 창작 문제입니다.
JavaScript 원형 덱 연습: 최근 기록 창과 되돌리기
고정 크기의 최근 기록 창을 유지하면서 가장 최근 기록을 되돌립니다. 덱의 삽입 실패와 기록 퇴출을 구분하고 매 이벤트 뒤의 논리 순서를 반환하는 독립 창작 문제입니다.
JavaScript 그래프 구현: 인접 리스트·인접 행렬 비교와 BFS
네 장소의 연결로 인접 리스트와 행렬을 비교합니다. 큐와 방문 표시가 바뀌는 표를 따라가며 BFS를 구현하는 이유를 배웁니다.