브라우저 탭이 너무 많아질 때 정리하는 기준
브라우저 탭이 너무 많아졌을 때 무작정 닫기보다 현재 작업, 잠깐 보관, 나중에 참고할 자료로 나눠 정리하는 기준을 소개합니다.
책상 정리 용품 · 제휴
모아 보기이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
웹 화면과 서비스를 만드는
해비의 개발 기록
웹사이트 제작·운영과 개인 서비스, 자동화·AI 도구를 만들며 배운 내용과 문제 해결 과정을 정리합니다.
전체 글
대소문자 변환 풀이
문자열을 한 번 순회하며 대문자는 소문자로, 소문자는 대문자로 바꾸는 JavaScript 초급 문제 풀이입니다.
2026년 9월 7일 AI 데일리 브리핑: 연구 자동화와 정렬 안전성
2026년 9월 7일 OpenAI 공식 연구 글 2건을 바탕으로 AI 연구 자동화의 현재 수준과 정렬 안전성 과제를 정리하고, 개발자와 AI 도구 사용자가 확인할 적용 조건과 점검 항목을 안내합니다.
HTML details와 summary로 접근 가능한 FAQ 만들기
HTML의 details와 summary로 질문 세 개를 접고 펼치고, 분리한 CSS 파일로 여백과 키보드 초점을 정리합니다. open 속성과 직접 확인할 과제, 시작·완성 파일을 함께 제공합니다.
대문자로 통일 풀이
JavaScript의 toUpperCase()로 입력 문자열의 소문자를 대문자로 통일하는 알고리즘 문제 풀이입니다. 입력 처리, trim() 주의점, 시간·공간 복잡도를 함께 정리합니다.
작은 자동화 실습 입력 처리 결과와 중복 방지
비식별 JSON 한 건을 검증·정규화해 결과와 로그를 저장합니다. 실행별 runId, 실패 종료 코드, 메모리 중복 검사와 영속 멱등성의 차이를 실습합니다.
Playwright 첫 E2E 테스트: 로컬 앱 실행부터 결과 확인까지
로컬 React 앱에 Chromium으로 접속하는 Playwright 테스트를 구성합니다. webServer·baseURL·접근성 쿼리·비동기 검증과 리포트를 연결하고 테스트 수집과 실제 실행을 구분합니다.
React Testing Library로 클릭·입력 테스트 작성하기
닉네임 입력·저장을 React Testing Library와 user-event로 검증합니다. 공백 처리, 비활성 버튼, 입력 초기화를 직접 실행하는 독립 프로젝트를 제공합니다.
큐와 FIFO: head 인덱스로 JavaScript 대기열 만들기
A, B, C가 선 줄을 직접 따라가며 큐를 이해합니다. 배열의 push·shift로 시작하고, 나중에 읽을 위치를 표시하는 head 방식으로 바꿔 봅니다.
Expo EAS Build 시작하기: Android APK 빌드부터 설치 확인까지
preview APK와 개발 빌드를 구분하고 빌드 ID에 맞는 Android 설치 결과를 확인합니다. 첫 화면 프로젝트와 Expo 계정, Android 기기 또는 에뮬레이터가 필요합니다.
Expo 첫 앱 만들기: 설치·프로젝트 생성부터 첫 화면 실행까지
Node.js LTS와 npm 확인부터 create-expo-app 프로젝트 생성, Expo Go·에뮬레이터 첫 실행, View·Text·StyleSheet 기본 화면까지 순서대로 익힙니다.
JavaScript Map·Set: 값 조회와 중복 제거 실습
상품 이름으로 가격을 찾는 작은 예제부터 시작합니다. Map의 저장·조회 방법을 익힌 다음 과일 개수를 세어 보고, Set으로 같은 과일을 한 번만 남겨 보겠습니다.
