작은 자동화 실습 입력 처리 결과와 중복 방지
비식별 JSON 한 건을 검증·정규화해 결과와 로그를 저장합니다. 실행별 runId, 실패 종료 코드, 메모리 중복 검사와 영속 멱등성의 차이를 실습합니다.
개발·운영
개발환경과 Git, 테스트, 배포부터 AI 코딩 도구와 업무 자동화까지 개발 과정에 필요한 기술을 모았습니다.
총 70개의 글
Playwright 첫 E2E 테스트: 로컬 앱 실행부터 결과 확인까지
로컬 React 앱에 Chromium으로 접속하는 Playwright 테스트를 구성합니다. webServer·baseURL·접근성 쿼리·비동기 검증과 리포트를 연결하고 테스트 수집과 실제 실행을 구분합니다.
React Testing Library로 클릭·입력 테스트 작성하기
닉네임 입력·저장을 React Testing Library와 user-event로 검증합니다. 공백 처리, 비활성 버튼, 입력 초기화를 직접 실행하는 독립 프로젝트를 제공합니다.
Git 브랜치와 PR 충돌 해결: merge conflict를 직접 만들고 해결하기
같은 줄의 충돌을 재현하고 변경 의도를 합친 뒤 PR의 base·compare와 검증 결과를 확인합니다.
Git 기초 실습: status와 diff부터 첫 GitHub push까지
Git 설치와 저장소 로컬 설정부터 status·diff, staging과 첫 commit, 본인 GitHub 원격 연결을 단계별로 확인합니다.
React 검색 필터 테스트: 교집합·빈 결과·입력 초기화 검증
앞선 React 검색 필터와 같은 구현으로 교집합, 빈 결과, 검색어 초기화와 원본 보존을 검증합니다. 다섯 테스트가 포함된 독립 실습입니다.
Ponytail 소개 AI 코딩 에이전트의 과도한 구현 줄이기
AI가 요구사항보다 많은 추상화·라이브러리·설정·예외 처리를 추가하는 over-engineering 문제를 다룹니다. Ponytail은 YAGNI·재사용·플랫폼 기본 기능 우선 같은 판단을 에이전트에 적용하는 사례로 사용합니다…
obra superpowers 소개 AI 코딩 에이전트에 개발 방법론을 입히는 방식
앞서 수동으로 수행한 설계 확인·계획·테스트·디버깅·리뷰 절차를 에이전트용 워크플로우로 묶는 사례로 superpowers를 다룹니다. 특정 프레임워크 사용 자체가 목표가 아니라 AI 작업을 단계화하는 설계 원리를 배우는 회차입…
Vite 프로젝트에서 Vitest로 테스트 환경 시작하기
Vitest를 Node 환경에서 시작하고 정상 금액과 잘못된 입력 8개를 검증합니다. Vite 설정, 타입 검사, 단발 실행과 DOM 확장 기준을 독립 실습으로 익힙니다.
Yarn 사용법: Corepack 설치와 Classic·Modern 차이
Yarn Classic과 Modern, Corepack과 packageManager의 역할을 구분하고 기존 저장소의 버전에 맞춰 설치하는 방법을 익힙니다.