VUE.JS 이정도는 알아야지
책 소개
Vue.js는 웹 애플리케이션 제작을 쉽게 하도록 도와주는 JavaScript 프레임워크입니다. Vue.js는 화면에 나타나고 보여지는 View 부분에만 초점을 맞춰 DOM의 데이터를 관리해 주거나 템플릿 문법을 이용해 DOM을 조작할 수 있습니다. 더 나아가 애니메이션 처리와 각 영역을 컴포넌트 단위로 관리하는 일도 할 수 있습니다.
이렇게 Vue.js의 핵심 코어 기능은 View 처리와 많이 관련되어 있으나, 프로그레시브 프레임워크라고 표현할 만큼 점진적으로 다른 라이브러리를 채용해 View에 관한 처리 외에도 많은 일을 해낼 수 있습니다. 이 책이 많은 분들에게 Vue.js에 대한 관심을 불러일으키고, 나아가 Vue.js 생태계에 많이 기여할 수 있는 발판이 되길 바랍니다.
이렇게 Vue.js의 핵심 코어 기능은 View 처리와 많이 관련되어 있으나, 프로그레시브 프레임워크라고 표현할 만큼 점진적으로 다른 라이브러리를 채용해 View에 관한 처리 외에도 많은 일을 해낼 수 있습니다. 이 책이 많은 분들에게 Vue.js에 대한 관심을 불러일으키고, 나아가 Vue.js 생태계에 많이 기여할 수 있는 발판이 되길 바랍니다.
작가 소개
저 : 김지환
어렸을 적부터 만들기를 좋아해 컴퓨터 프로그래머라는 꿈을 가지게 된 꿈 많은 청년. NHN NEXT에서 컴퓨터 프로그래밍을 공부하고 게임 프로그래밍을 전공했다. 현재 Trust Us에서 웹 프론트엔드와 웹 서버 관련 일을 하고 있다. 열정이 넘치는 사람들과 함께 Vue.js 페이스북 그룹을 운영하고 있다.
저 : 이선협
취미로 코딩을 할 만큼 컴퓨터 프로그래밍을 좋아하는 개발자. 마찬가지로NHN NEXT에서 컴퓨터 프로그래밍을 공부하고 게임 프로그래밍을 전공했다. 현재는 iOS, 웹 서버, 웹 프론트엔드 다양한 분야를 공부하는 것을 즐기며 다방면으로 개발을 한다. 오픈 소스 개발을 즐기며 같이 Vue.js 페이스북 그룹을 운영하고 있다.
목 차
Vue.js 소개
개요
버전에 관해
Vue.js 시작하기
Vue.js 콘셉트
Vue.js 설치하기
Vue 인스턴스
Vue 인스턴스란?
인스턴스 생성
데이터와 메서드
라이프 사이클
계산된 속성
감시된 속성
템플릿 문법
템플릿 문법이란?
데이터 바인딩
조건문
반복문
이벤트
모델
필터
컴포넌트
컴포넌트 사용하기
데이터 전달
props
사용자 정의 이벤트
부모-자식 관계가 아닌 컴포넌트의 통신
slot
동적 컴포넌트
keep-alive
v-once
단일 파일 컴포넌트
모듈 번들러
vue-cli
범위 CSS
외부 CSS 라이브러리 사용하기
Vue.js의 고급기능
트랜지션
사용자 지정 디렉티브
믹스인
플러그인
유용한 Vue.js 플러그인
vue-axios
vue-router
vuex
네트워크 프로그래밍
프로젝트 생성하기
API 키 발급받기
레이아웃 구성하기
컴포넌트 구성하기
네트워크 로직 적용하기
이벤트 버스 사용하기
Notevuek 어플리케이션 제작하기
Firebase란?
Firebase 사용하기
프로젝트 생성하기
Firebase 세팅하기
구현하기
서버 사이드 렌더링
서버 사이드 렌더링이란?
왜 서버 사이드 렌더링을 사용하나요?
서버 사이드 렌더링의 종류
Nuxt.js
개요
버전에 관해
Vue.js 시작하기
Vue.js 콘셉트
Vue.js 설치하기
Vue 인스턴스
Vue 인스턴스란?
인스턴스 생성
데이터와 메서드
라이프 사이클
계산된 속성
감시된 속성
템플릿 문법
템플릿 문법이란?
데이터 바인딩
조건문
반복문
이벤트
모델
필터
컴포넌트
컴포넌트 사용하기
데이터 전달
props
사용자 정의 이벤트
부모-자식 관계가 아닌 컴포넌트의 통신
slot
동적 컴포넌트
keep-alive
v-once
단일 파일 컴포넌트
모듈 번들러
vue-cli
범위 CSS
외부 CSS 라이브러리 사용하기
Vue.js의 고급기능
트랜지션
사용자 지정 디렉티브
믹스인
플러그인
유용한 Vue.js 플러그인
vue-axios
vue-router
vuex
네트워크 프로그래밍
프로젝트 생성하기
API 키 발급받기
레이아웃 구성하기
컴포넌트 구성하기
네트워크 로직 적용하기
이벤트 버스 사용하기
Notevuek 어플리케이션 제작하기
Firebase란?
Firebase 사용하기
프로젝트 생성하기
Firebase 세팅하기
구현하기
서버 사이드 렌더링
서버 사이드 렌더링이란?
왜 서버 사이드 렌더링을 사용하나요?
서버 사이드 렌더링의 종류
Nuxt.js
01. 반품기한
- 단순 변심인 경우 : 상품 수령 후 7일 이내 신청
- 상품 불량/오배송인 경우 : 상품 수령 후 3개월 이내, 혹은 그 사실을 알게 된 이후 30일 이내 반품 신청 가능
02. 반품 배송비
| 반품사유 | 반품 배송비 부담자 |
|---|---|
| 단순변심 | 고객 부담이며, 최초 배송비를 포함해 왕복 배송비가 발생합니다. 또한, 도서/산간지역이거나 설치 상품을 반품하는 경우에는 배송비가 추가될 수 있습니다. |
| 고객 부담이 아닙니다. |
03. 배송상태에 따른 환불안내
| 진행 상태 | 결제완료 | 상품준비중 | 배송지시/배송중/배송완료 |
|---|---|---|---|
| 어떤 상태 | 주문 내역 확인 전 | 상품 발송 준비 중 | 상품이 택배사로 이미 발송 됨 |
| 환불 | 즉시환불 | 구매취소 의사전달 → 발송중지 → 환불 | 반품회수 → 반품상품 확인 → 환불 |
04. 취소방법
- 결제완료 또는 배송상품은 1:1 문의에 취소신청해 주셔야 합니다.
- 특정 상품의 경우 취소 수수료가 부과될 수 있습니다.
05. 환불시점
| 결제수단 | 환불시점 | 환불방법 |
|---|---|---|
| 신용카드 | 취소완료 후, 3~5일 내 카드사 승인취소(영업일 기준) | 신용카드 승인취소 |
| 계좌이체 |
실시간 계좌이체 또는 무통장입금 취소완료 후, 입력하신 환불계좌로 1~2일 내 환불금액 입금(영업일 기준) |
계좌입금 |
| 휴대폰 결제 |
당일 구매내역 취소시 취소 완료 후, 6시간 이내 승인취소 전월 구매내역 취소시 취소 완료 후, 1~2일 내 환불계좌로 입금(영업일 기준) |
당일취소 : 휴대폰 결제 승인취소 익월취소 : 계좌입금 |
| 포인트 | 취소 완료 후, 당일 포인트 적립 | 환불 포인트 적립 |
06. 취소반품 불가 사유
- 단순변심으로 인한 반품 시, 배송 완료 후 7일이 지나면 취소/반품 신청이 접수되지 않습니다.
- 주문/제작 상품의 경우, 상품의 제작이 이미 진행된 경우에는 취소가 불가합니다.
- 구성품을 분실하였거나 취급 부주의로 인한 파손/고장/오염된 경우에는 취소/반품이 제한됩니다.
- 제조사의 사정 (신모델 출시 등) 및 부품 가격변동 등에 의해 가격이 변동될 수 있으며, 이로 인한 반품 및 가격보상은 불가합니다.
- 뷰티 상품 이용 시 트러블(알러지, 붉은 반점, 가려움, 따가움)이 발생하는 경우 진료 확인서 및 소견서 등을 증빙하면 환불이 가능하지만 이 경우, 제반 비용은 고객님께서 부담하셔야 합니다.
- 각 상품별로 아래와 같은 사유로 취소/반품이 제한 될 수 있습니다.
| 상품군 | 취소/반품 불가사유 |
|---|---|
| 의류/잡화/수입명품 | 상품의 택(TAG) 제거/라벨 및 상품 훼손으로 상품의 가치가 현저히 감소된 경우 |
| 계절상품/식품/화장품 | 고객님의 사용, 시간경과, 일부 소비에 의하여 상품의 가치가 현저히 감소한 경우 |
| 가전/설치상품 | 전자제품 특성 상, 정품 스티커가 제거되었거나 설치 또는 사용 이후에 단순변심인 경우, 액정화면이 부착된 상품의 전원을 켠 경우 (상품불량으로 인한 교환/반품은 AS센터의 불량 판정을 받아야 합니다.) |
| 자동차용품 | 상품을 개봉하여 장착한 이후 단순변심의 경우 |
| CD/DVD/GAME/BOOK등 | 복제가 가능한 상품의 포장 등을 훼손한 경우 |
| 상품의 시리얼 넘버 유출로 내장된 소프트웨어의 가치가 감소한 경우 | |
| 노트북, 테스크탑 PC 등 | 홀로그램 등을 분리, 분실, 훼손하여 상품의 가치가 현저히 감소하여 재판매가 불가할 경우 |