해비

웹퍼블리싱 실무를 바탕으로 React, Next.js, TypeScript와 프론트엔드 문제 해결 과정을 기록합니다.

총 368개의 글

IT·AI 소식 6분 2026.09.15

Anthropic의 Claude for Financial Advisors와 Amazon Bedrock AgentCore Consent portal을 공식 자료로 확인하고, 금융 업무 자동화와 에이전트 OAuth 권한 관리에 미…

React · 초급 11분 2026.09.14

shadcn/ui의 코드 소유 방식을 이해하고 입력 값과 제출 알림을 연결합니다.

React · 초급 12분 2026.09.14

주소와 화면을 연결하고 공통 레이아웃 안에서 목록·상세 화면을 전환합니다.

도구 사용법 4분 2026.09.14

BlogFlow AI 코드 질문의 사용 순서, 질문 작성 예시, 입력 제한과 민감한 정보 보호 방법을 안내합니다.

코딩테스트 · 초급 5분 2026.09.14

가위바위보 N회의 선택을 같은 인덱스로 비교하고 조건문으로 승자를 판정하는 JavaScript 풀이입니다.

코딩테스트 · 초급 4분 2026.09.13

앞에서부터 학생의 키를 확인하면서 지금까지의 최댓값보다 큰 학생 수를 세는 JavaScript 풀이입니다. 예제와 경계값을 검증합니다.

테스트 테스트 · 중급 36분 2026.09.12

테스트마다 QueryClient와 fixture를 새로 만들고 Promise 완료 순서를 제어합니다. pending, 오류, 의도적 retry, mutation 뒤 목록 갱신과 캐시 오염 방지를 jsdom 테스트 7개로 검증합…

이전·다음 페이지 이동을 useQuery로 구현하고, v5 placeholderData와 keepPreviousData로 대기 중 목록을 유지합니다. 마지막 페이지, 이동 실패, 재시도와 캐시 복귀까지 테스트합니다.

제목 입력부터 useMutation 저장, 실패 시 입력 보존과 재제출, invalidateQueries 완료 대기까지 하나의 폼으로 완성합니다. 저장 성공 뒤 목록 읽기 실패도 별도 상태로 처리합니다.

React React · 중급 24분 2026.09.12

useRef로 입력창에 초점을 옮기는 메모 폼을 만듭니다. state와 ref의 차이, 이벤트 처리, 접근성 속성과 키보드 테스트를 실습합니다.