🙋‍♂️ About Me

프론트엔드 개발자이며, 사용자 경험과 성능에 집중하여 웹 서비스를 만듭니다. React와 Next.js를 주로 사용하며, 사이드 프로젝트와 기술 블로그 작성에도 열정이 있습니다.

📌 최신 포스트

최근 작성한 포스트들을 소개합니다. 기술 이야기, 개발 일지 등을 기록하고 있어요.

• 한글 입력 시 Enter 중복 검색 문제 해결

  20250909

  검색 input에서 한글 입력 후 ENTER를 누르면 검색 함수가 두 번 실행되는 문제가 발생합니다. 영문 입력 + Enter → 1번 실행 ✅ 한글 입력 + Enter → 2번 실행 ❌ 한글은 조합형 입력이라 키 하나가 곧바로 글자가 아닙니다.→ 조합 과정에서 브라우저가 compositionend(조합 끝) + Enter 이벤트를 연속으로 발생시켜요. 그...

• React Testing Library 완전 정리

  20250905

  REACT TESTING LIBRARY(RTL)는 React 컴포넌트를 사용자 관점에서 테스트하기 위해 만들어진 라이브러리입니다. DOM Testing Library를 기반으로 만들어짐 구현 세부사항이 아닌 동작(BEHAVIOR) 검증에 초점 "사용자가 보는 것과 같은 방식"으로 요소를 찾고 상호작용 npm install --save-de...

• Jest 완전 정리

  20250904

  JEST는 FACEBOOK에서 만든 JAVASCRIPT 테스트 프레임워크로, 주로 REACT 환경에서 많이 사용되지만 Node.js, TypeScript 등 다양한 프로젝트에서도 활용 가능합니다. ZERO CONFIGURATION: 설치만 하면 바로 사용 가능 빠른 속도: 멀티 프로세스로 테스트 병렬 실행 MOCKING 지원: 함수, 모듈, 타이머 등을 손...

• 가장 비싼 과일 세트 찾기

  20250903

  한 상점에는 여러 종류의 과일이 있습니다.각 과일에는 가격이 적혀 있으며, 같은 종류의 과일이 여러 개 있을 수 있습니다. 상점 주인은 3개의 과일을 골라 합산 가격을 기록하려고 합니다.기록된 모든 합 중에서 K번째로 높은 가격을 구하세요.만약 K번째 가격이 존재하지 않으면 -1을 출력합니다. let n = 7, k = 4; let prices = [120...

🛠️ Projects

프론트엔드 개발자이며, 사용자 경험과 성능에 집중하여 웹 서비스를 만듭니다. React와 Next.js를 주로 사용하며, 사이드 프로젝트와 기술 블로그 작성에도 열정이 있습니다.