대문자로 통일 JavaScript 풀이
JavaScript의 toUpperCase()로 입력 문자열의 소문자를 대문자로 통일하는 알고리즘 문제 풀이입니다. 입력 처리, trim() 주의점, 시간·공간 복잡도를 함께 정리합니다.
해비
웹퍼블리싱 실무를 바탕으로 React, Next.js, TypeScript와 프론트엔드 문제 해결 과정을 기록합니다.
총 368개의 글
작은 자동화 실습: 입력·처리·결과와 중복 방지
로컬 JSON 작업 목록을 정리하며 중복·충돌·스냅샷 갱신을 확인합니다. 전체 코드와 재실행 테스트로 멱등성과 결과 보존을 연습합니다.
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으로 같은 과일을 한 번만 남겨 보겠습니다.
쿠키·세션·토큰과 CORS 기초: 로그인 정보와 출처 구분하기
쿠키는 저장·전송 수단, 세션은 로그인 상태의 연결, 토큰은 자격 증명을 나타내는 값이라는 차이를 설명합니다. 두 로컬 서버에서 HttpOnly 쿠키와 동일 출처·CORS·preflight를 비교합니다.
브라우저와 HTTP 기초: HTML 요청부터 응답 헤더 읽기까지
페이지를 열 때 HTML·CSS가 각각 요청되는 과정을 로컬 서버로 관찰합니다. URL, 요청 메서드, 상태 코드, Content-Type과 응답 본문을 구분하여 fetch와 웹 보안을 배우기 전 필요한 기준을 만듭니다.