마틴 파울러의 리팩터링이 자바스크립트 언어로 다시 쓰여진다는 출간 소식을 듣자마자 그 책을 구입했지만 못 읽고 있었다. 최근 시간이 조금 나서 책의 예제를 따라 해봤다. 우선 1장을 따라했는데 실무에서 잘 사용하지 않는 몇가지 코드를 제외하고 내용은 꽤 훌륭했다. (예를 들어 aPerformance 에 a에 타입을 붙여서 쓰는 방식, 함수를 선언하는 방식 function amountFor()) 결과물은 이 저장소에서 확인해 볼 수 있다. 커밋을 상당히 작은 단계로 했는데 실제로 책에서 작게 수정하고 동작하는지 테스트하고 커밋하는 순서를 권장했다. 책과 다르게 작성한 부분은 README.md에 남겨두었다. 리팩터링 2판 (리팩토링 개정판) 마틴 파울러의 『리팩터링』의 2판으로, 새로운 리팩터링 카탈로그를 ..
상황에 따라 사용될 컴포넌트가 동적으로 변경되어야 할 때가 있다. 그럴 때 아래와 같은 방법을 사용한다. var vm = new Vue({ el: '#example', data: { currentView: 'home' }, components: { home: { /* ... */ }, posts: { /* ... */ }, archive: { /* ... */ } } }) components에 사용할 컴포넌트 목록을 추가한다. 아래처럼 is prop에 변경할 컴포넌트명을 가지고 있는 data를 바인딩한다. 초기 값이 home으로 되어 있기 때문에 home 컴포넌트가 노출된다. 조건에 따라 currentView 값을 바꾸면 그에 맞는 컴포넌트가 노출된다. 참고 https://kr.vuejs.org/v2/g..