# 미니 프로젝트 [미니 프로젝트] 트래블틱(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..

# JavaScript 학습일지 [JS 1일차] JavaScript 첫걸음 + Netlify 배포변수 · 데이터 타입 · 연산자 · 조건문 · 함수 2026.07.06 · 학습 범위: JS 01번 ~ 07번 + 배포(Netlify) 📋 오늘 다룬 것들 드디어 JavaScript에 들어갔다. HTML이 뼈대, CSS가 옷이라면 JS는 움직임과 반응을 담당한다. 오늘은 버튼을 눌러 제목을 바꾸는 "Hello world"부터 시작해, 값을 담는 변수, 값의 종류(데이터 타입), 계산·비교하는 연산자, 갈림길을 만드는 조건문, 그리고 명령을 묶는 함수까지 — JS의 가장 기본이 되는 문법들을 하나씩 손으로 만들어봤다. 모든 예제는 let·const·화살표 함수·템플릿..