# React 학습일지 [React] 리스트 렌더링부터 useState · useEffect · fetch까지 2026.07.10 · React + Vite · 컴포넌트 24~39 (Alert ~ Weather) 📋 오늘 한 일 오늘은 객체로 설정값을 묶는 패턴, map으로 배열을 화면 목록으로 그리기, MUI 라이브러리, 여러 컴포넌트 조립을 지나 드디어 React의 진짜 핵심인 useState(상태), useEffect(생명주기), 그리고 fetch로 외부 데이터 가져오기까지 왔다. "데이터가 바뀌면 화면이 자동으로 다시 그려진다"는 걸 오늘 직접 눈으로 확인했다. 중간에 헷갈렸던 구조 분해 할당과 스프레드 연산자는 정리해 코드 주석으로 남겨뒀다. ..

# 미니 프로젝트 [미니 프로젝트] 트래블틱(Travel-Tick)여행 소비 기록장 — 기획부터 정산 알고리즘까지 2026.07.08 · HTML + CSS + JS · 멀티페이지 4개 (index · create · trip · report) 📋 오늘 한 일 지난 이틀간 배운 이벤트·반복문·배열/객체·localStorage·fetch를 전부 모아 자유 주제 미니 프로젝트를 만들었다. 주제는 여행 소비 기록장. 여행 중 지출을 적으면 오늘 환율로 원화까지 자동 계산해주고, 여행별로 모아 보고, 일행과 나눠 낸 돈을 최소 송금 루트로 정산까지 해주는 앱이다. 기획서 작성 → 화면 스케치 → HTML 뼈대 4개 → CSS 레트로 캐릭터 테마 → JS 기능 구현 →..

# JavaScript 학습일지 [JS 2일차] 이벤트 · 반복문 · 배열/객체 · 클래스 · 디버깅 · 서버 연동정적인 페이지에 반응과 데이터를 불어넣기 2026.07.07 · 학습 범위: JS 08번 ~ 17번 📋 오늘 다룬 것들 어제(1일차)가 변수·조건문·함수 같은 JS의 "문법"을 익히는 시간이었다면, 오늘은 그 문법으로 진짜 "동작하는" 페이지를 만드는 도구들을 배웠다. 클릭에 반응하는 이벤트, 지겨운 반복을 대신 해주는 반복문, 글자·배열을 다루는 메서드, 값을 하나로 묶는 객체와 그 틀인 클래스, 코드가 안 될 때 범인을 잡는 디버깅, 그리고 브라우저 저장소(localStorage)를 넘어 진짜 서버와 데이터를 주고받는 fetch까지 — 총 10..