Vue.js 1.x 마이너 릴리스 기술 고고학 보고서

v1.0.10 ~ v1.0.15

• **발행 시기*: 2015년 11월 ~ 2016년 1월
• **키워드*: Vue.js 1.x, 마이너 릴리스, 커밋 분석, 릴리스 노트, 기술 고고학

---

들어가며

Vue.js 1.x 시대의 마지막 마이너 릴리스들(v1.0.10 ~ v1.0.15)은

• *새로운 기능 경쟁이 아닌, 완성도를 높이는 시간*이었습니다. 이 시기의 Vue는 이미 “쓸 수 있는 프레임워크”였고,

이제는 **“믿고 써도 되는 프레임워크”**가 되는 과정에 있었습니다.

이 글은 GitHub 커밋 로그와 릴리스 노트를 기반으로

Vue 1.x 내부 구현이 **어떻게 다듬어졌는지**를 고고학적으로 추적합니다.

> 이 시기는 Vue 2로 넘어가기 전,

> **기초 체력을 극한까지 끌어올린 마무리 구간**이라 볼 수 있습니다.

---

배경: v1.0.9 → v1.0.10

v1.0.9의 의미 (2015.11.23)

v1.0.9는 기능보다 **구조**가 바뀐 릴리스였습니다.

• ES2015 모듈 기반 빌드 구조 도입
• 배포 파일 크기 감소
• CommonJS 단일 빌드 제공 (vue.common.js)
• Webpack / Browserify 빌드 성능 개선 이는 Vue 2.x의 모듈 구조를 예견하는 변화였습니다.

v1.0.10은 왜 나왔는가?

v1.0.9 배포 직후,

• CDN/NPM 배포 파일 내부 Vue.version 값이 **1.0.8로 잘못 표기*되는 문제가 발견되었습니다. v1.0.10은:

• *코드 변경 없음

• 오직 **버전 문자열 수정*만 포함 하지만 이 릴리스부터 Vue 1.x의 **마지막 안정화 국면**이 시작됩니다.

---

v1.0.11 – 이벤트 & 슬롯 안정화

• **릴리스*: 2015.12.25

핵심 변경 요약

1. Vue.set 반환값 추가

const result = Vue.set(obj, 'key', value)

• 이제 설정한 value를 그대로 반환
• 체이닝 및 가독성 개선

2. $arguments 이벤트 인자 지원

<child @update="handle($arguments[0])" />

• 여러 이벤트 인자를 명확하게 다룰 수 있음

3. 슬롯(slot) 버그 수정

• 기본 슬롯 + 네임드 슬롯 동시 사용 시 렌더링 누락 문제 해결
• IE9 환경 클래스 병합 문제 수정

4. 트랜지션 + 클래스 충돌 해결

• v-bind:class + transition 동시 사용 시 클래스 누락 문제 해결

5. $destroy(true) 시 하위 컴포넌트 detached 훅 보장

• 컴포넌트 트리 정리 신뢰성 향상

6. v-model & 브라우저 히스토리 충돌 수정

• Chrome 뒤로가기 캐시로 인한 체크박스/라디오 초기값 오류 해결 > 평가

> “작지만 실제 서비스에서 자주 터지는 문제들”을 집중적으로 제거한 릴리스

---

v1.0.12 – Props & 폼 디렉티브 보강

• **릴리스*: 2015.12.25

핵심 변경

1. props.coerce 옵션 도입 (⚠️ 이후 제거됨)

props: {

score: {

type: Number,

coerce: val => val + ''

}

}

• 부모 → 자식 prop 값을 강제 변환
• Vue 2에서는 *삭제
• 대신 computed 사용 권장 > 실험적인 기능이었고,

> “컴포넌트는 입력을 가공하지 말라”는 Vue 철학이 확립되는 계기

2. v-model 안정성 대폭 개선

• 숫자 0 처리 오류 수정
• fragment 제거 후 blur 동기화 오류 수정
• debounce + blur 중복 제거

3. 디렉티브 안정화

• v-show DOM 외부 컴파일 문제 해결
• v-pre 루트 노드 오류 수정
• SVG 내부 클래스 바인딩 회귀 버그 수정

4. 반응성 누락 보완

• Vue.set/delete 후 shallow watcher 감지 보장

---

v1.0.13 – 순수 안정화 릴리스

• **릴리스*: 2015.12.25

특징

• 신규 기능 ❌
• 안정성 & 예측 가능성 ⬆️

주요 개선

• 배열 $set('2', value) → 자동 숫자 변환
• $watch 콜백 호출 시점 보장
• .sync prop 초기 동기화 타이밍 수정
• Safari 객체 key 순서 문제 우회 > 이 시점부터 Vue 1.x는 “이상한 edge-case가 거의 없는 상태”로 진입

---

v1.0.14 – 트랜지션 시스템 완성

• **릴리스*: 2016.01.11

핵심 변화

1. transition.type 옵션

Vue.transition('fade', {

type: 'animation'

})

• transition / animation 중 하나만 감지

2. enterClass / leaveClass 커스터마이즈

Vue.transition('bounce', {

enterClass: 'bounceIn',

leaveClass: 'bounceOut'

})

• Animate.css 등 외부 CSS 라이브러리와 자연스럽게 결합

3. 트랜지션 + v-if 에러 수정

• 실사용에서 자주 발생하던 오류 제거 > Vue 2의 <transition> 컴포넌트 설계로 이어지는 결정적 전조

---

v1.0.15 – Vue 1.x의 마지막 다듬질

• **릴리스*: 2016.01.18

핵심 변경

• 배포 빌드에서 개발 코드 완전 제거
• Fragment 인스턴스 메모리 누수 해결
• v-for + Sortable 연동 안정화
• 슬롯 중복 삽입 버그 수정
• 템플릿 캐시 효율 개선 > “눈에 띄지 않지만 가장 중요한 릴리스”

---

시스템 단위 변화 요약

트랜지션

• 자동 감지 → 개발자 제어 가능
• Vue 2 transition 설계의 토대

반응성 & Watcher

• 실행 순서 보장
• 누락 없는 감지

Props

• coerce 실험 → 단방향 철학 확립

슬롯

• IE/edge-case 정리
• 대규모 컴포넌트 구조 안정화

---

맺으며

Vue.js 1.x의 마지막 마이너 릴리스들은

• *“프레임워크를 만드는 일은 마무리의 연속”*임을 보여줍니다. 화려한 기능보다:

• 메모리 누수 하나

• 이벤트 순서 하나

• 클래스 병합 하나 이런 디테일이 신뢰를 만듭니다.

Vue가 오늘날까지 사랑받는 이유는

이 시기의 집요한 다듬기 덕분이라 해도 과언이 아닙니다.

---

참고 자료

• GitClear Vue 릴리스 아카이브
• Vue.js 공식 릴리스 노트
• Vue 1.x → 2.x Migration Guide