#자바스크립트
30 편의 글
5 분 소요
Wails 실전 강좌 #7 노트 에디터 실전 — 마크다운 미리보기와 목록 UX
2부의 첫 글입니다. 지금까지 백엔드에 치우쳤던 노트 앱의 앞단을 실제로 만듭니다. 마크다운을 안전하게 렌더링하는 미리보기, 타이핑이 멈추면 저장하는 디바운스 자동저장, 편집이 목록 정렬을 흔들지 않게 다루는 법, 그리고 키보드로 노트를 넘나드는 목록 UX를 다룹니다.
4 분 소요
Wails로 데스크톱 앱 만들기 #7 프론트엔드 프레임워크 붙이기 — Svelte·Vue·React
본편에서 바닐라로 만든 앞단을, 상태가 늘어나는 실제 앱을 위해 프레임워크로 바꿉니다. Wails가 프론트엔드를 가리지 않는다는 것의 의미, wails init 템플릿으로 Svelte·Vue·React를 시작하는 법, 생성된 바인딩이 프레임워크와 무관하게 같다는 점, 그리고 바인딩 결과를 프레임워크 상태로 잇는 법을 다룹니다.
5 분 소요
자바스크립트 실전 #6 작은 앱 빌드 — Todo 앱
바닐라 자바스크립트로 Todo 앱을 처음부터 끝까지 — DOM, 이벤트 위임, FormData, 로컬 스토리지, 작은 store까지 한 곳에 모읍니다.
5 분 소요
자바스크립트 실전 #5 로컬 스토리지와 가벼운 상태 관리
localStorage / sessionStorage의 사용법과 함정, 그리고 라이브러리 없이 화면 상태를 깔끔하게 관리하는 패턴까지 정리합니다.
6 분 소요
자바스크립트 실전 #4 폼 다루기
폼 검증, FormData 활용, 그리고 제출 시점의 패턴까지. HTML 빌트인 검증을 활용하면서 자바스크립트로 보강하는 방법을 정리합니다.
6 분 소요
자바스크립트 실전 #1 DOM 조작 기본
바닐라 자바스크립트로 DOM을 다루는 기본. querySelector, classList, dataset, 그리고 엘리먼트 만들고 끼워넣기까지 정리합니다.