최신 글
기술과 일상을 함께 기록합니다.
기술웹 개발 › 프론트엔드 › Vue
SPA(Single Page Application)
SPA의 화면 전환과 데이터 요청 흐름을 다루고, URL 복원·새로 고침 404·비동기 응답 순서 문제를 살펴본다.
· 4분 읽기
기술웹 개발 › 프론트엔드 › Vue
v-for 반복문
Vue 2의 v-for로 목록을 렌더링하고, 안정적인 key·필터·정렬을 통해 행 상태가 섞이는 문제를 방지한다.
· 2분 읽기
기술웹 개발 › 프론트엔드 › Vue
구글차트 그리기
Vue 2의 투표 데이터를 Google Charts 원그래프로 표시하고, 라이브러리 준비·데이터 갱신·재그리기 순서를 설명한다.
· 3분 읽기
기술웹 개발 › 프론트엔드 › Vue
데이터 변화 감지
Vue 2에서 원본 상태와 계산값을 분리하고, computed·watch의 역할과 감지되지 않는 변경 사례를 살펴본다.
· 3분 읽기
기술웹 개발 › 프론트엔드 › Vue
v-if 조건문
Vue 2의 v-if로 로딩·실패·빈 목록·성공 화면을 분기하고, DOM 재생성과 입력 상태에 미치는 영향을 살펴본다.
· 3분 읽기
기술웹 개발 › 프론트엔드 › Vue
v-on
Vue 2의 v-on으로 클릭·제출·키보드 이벤트를 처리하고, 기본 동작 제어와 중복 제출 문제를 짚는다.
· 3분 읽기
기술웹 개발 › 프론트엔드 › Vue
v-model
Vue 2의 v-model이 폼 값과 상태를 연결하는 방식을 입력 종류별로 살펴보고, 수식자와 검증의 경계를 구분한다.
· 3분 읽기
기술웹 개발 › 프론트엔드 › Vue
Vue.js 정리
Vue 2의 상태·계산 속성·템플릿이 화면을 갱신하는 흐름을 예제로 살펴보고, 생명주기와 안전한 출력 방법을 다룬다.
· 3분 읽기