간편결제, 신용카드 청구할인
인터파크 롯데카드 5% (21,380원)
(최대할인 10만원 / 전월실적 40만원)
북피니언 롯데카드 30% (15,750원)
(최대할인 3만원 / 3만원 이상 결제)
NH쇼핑&인터파크카드 20% (18,000원)
(최대할인 4만원 / 2만원 이상 결제)
Close

Do it! 프런트엔드 UI 개발 with Vue.js : 웹 사이트 하나를 통째로 만들며 배운다!

소득공제

2013년 9월 9일 이후 누적수치입니다.

판매지수 194
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
공유하기
정가

25,000원

  • 22,500 (10%할인)

    1,250P (5%적립)

할인혜택
적립혜택
  • S-Point 적립은 마이페이지에서 직접 구매확정하신 경우만 적립 됩니다.
추가혜택
배송정보
  • 12/4(월) 이내 발송 예정  (서울시 강남구 삼성로 512)
  • 무료배송
주문수량
감소 증가
  • 이벤트/기획전

  • 연관도서(61)

  • 상품권

AD

책소개

프런트엔드 UI 개발의 전체 과정을 실무 프로젝트로 배운다!
Vue.js와 부트스트랩 뷰를 활용한 SPA 만들기!

웹어워드코리아(i-award.or.kr)에서 대상과 최우수상을 수상한 17년 차 프런트엔드 개발자가 알려 주는 방법 그대로 웹 사이트 하나를 통째로 만든다. 텅 빈 화면에서 시작해 한 줄씩 코딩하다 보면 조금씩 완성되는 사이트를 눈으로 확인할 수 있다. 웹 프런트엔드 UI를 개발할 때 알아야 할 다양한 기법과 HTML, CSS 활용법을 설명하고, HTML 요소에 데이터를 연결하여 동적인 콘텐츠를 만드는 방법을 배울 수 있다. 기존의 웹 퍼블리셔라면 프런트엔드 개발자로 첫걸음을 내디딜 수 있으며, 사용자 경험을 고려한 UI 개발을 배우려는 개발자에게도 도움을 준다.

출판사 서평

▶ 웹 사이트를 통째로 만들어 보면서 실무 감각을 익힐 수 있어요
HTML과 CSS는 복습하는 차원으로 실무에서 유용한 내용만 다뤘으며, 자바스크립트와 Vue.js 또한 핵심 문법 위주로 이론 공부에 대한 부담을 줄였습니다. 그 대신 실무에서 자주 사용하는 코드 패턴에 집중하였으며, 웹 사이트를 만드는 실습 과정을 상세히 설명하여 '러닝 바이 두잉(learning by doing, 직접 해보며 배우기)'으로 실무 감각을 익힐 수 있도록 구성했습니다.
▶ 17년 차 프런트엔드 개발자의 작업 방식 그대로 따라 해보세요!
개발 환경 설정부터 폴더와 파일을 만들고 코드를 어떻게 작성하는지 웹 사이트 개발의 전체 과정을 저자가 실무에서 작업하는 방식 그대로 본문에 옮겨 놓았습니다. 또한 중간중간 ‘알아 두면 좋아요’, ‘실무 코칭’ 등 저자가 개발 현장에서 직접 몸으로 배워 얻은 노하우까지 덤으로 챙길 수 있습니다.
▶ 나만의 포트폴리오를 만들어 보세요
HTML, CSS의 기본 지식이 있지만 웹 사이트 전체를 만들어 본 경험이 없다면 이 책의 실습을 따라 해보세요. 단순히 태그 사용법을 넘어서 프런트엔드 웹 개발의 전체 흐름을 파악할 수 있습니다. 책에서 제공하는 출판사 홈페이지 전체 소스를 활용하면 개인 홈페이지, 프로모션 사이트, 쇼핑몰 등 나만의 포트폴리오를 만들 수도 있습니다.
▶ 웹 디자이너, 퍼블리셔, 개발자 모두에게 도움이 돼요
웹 디자이너라면 자신이 디자인한 사이트를 HTML 문서로 작성하고 CSS로 꾸미는 방법을 배울 수 있으며, 퍼블리셔라면 자바스크립트와 Vue.js로 데이터를 바인딩하여 동적인 UI 만들기에 도전해 볼 수 있습니다. 또, 개발자라면 사용자 화면의 레이아웃을 어떻게 설계하는지 배워 자신이 작성한 비즈니스 로직과 연결할 수 있습니다.
▶ 웹 프런트엔드 UI 개발의 기본기를 다지세요
다양한 화면 크기에 최적화하는 반응형 디자인은 물론, Vue.js로 HTML 요소에 데이터를 바인딩하고 컴포넌트에 기반한 라우팅을 구현합니다. 또한 부트스트랩 뷰로 화면 구성하기, 캐러셀 컴포넌트로 롤링 콘텐츠 구현하기 등 모던 웹을 만들 때 자주 사용하는 기술을 익힐 수 있습니다.
▶ 혼자 공부해도 OK, 빠르게 결과물을 만들어 보는 단기 교육에도 OK
독학하는 사람, 학교나 학원에서 배우는 사람 모두 책에서 제공하는 진도표에 목표 날짜를 적어서 자신만의 속도로 웹 사이트를 만들어 보세요. 목표를 세우면 완독할 확률이 높아집니다.

▶ 베타테스터 후기
ㆍ 조유성 | (주)스트라토 프런트엔드 개발자: 프런트엔드 개발자가 실무에서 바로 쓸 수 있도록 개념, 동작 원리 등이 잘 설명되어 있습니다. 개념을 설명한 후에 바로 실습을 진행하니 빠르게 이해됩니다. 실습을 응용하면 개인 포트폴리오로 활용할 수 있을 것 같아요.
ㆍ 윤정미 | KB부동산 퍼블리셔: Vue.js 구문 설명은 물론, 코드를 어디에 작성해야 할지 하나하나 친절하게 알려 주어 좋았어요. 또한 HTML, CSS와 반응형 해상도를 상세히 설명해 줘서 도움이 되었어요. Vue.js 프로젝트를 처음 접하는 분도 웹 사이트를 쉽게 완성할 수 있을 것 같아요.
ㆍ 국순호 | (주)아이뱅크 퍼블리셔 팀장: 템플릿을 만들고 데이터를 바인딩하는 내용이 쉽게 설명돼 있습니다. 실습으로 라우터와 Vue.js 문법 등을 명확하게 이해할 수 있게 됐어요.
ㆍ 신수지 | KB부동산 퍼블리셔: 이론 부분에서는 원리를 간결하면서도 명확하게 알려 주어 좋았고, 실습 부분에서는 실무에 유용한 정보가 많아서 좋았습니다.

▶ 감수자 후기
고경희 | 웹 분야 1위 도서 《Do it! HTML+CSS+자바스크립트 웹 표준의 정석》 저자
웹 사이트 하나를 통째로 만들어 보면서 실무 감각을 익힐 수 있는 책입니다. HTML과 CSS를 주로 사용하던 웹 디자이너나 퍼블리셔에게 자바스크립트와 Vue.js를 빠르게 학습하여 실무에 적용할 수 있도록 돕습니다.:

▶ 이 책의 대상 독자
- 웹 디자이너가 퍼블리셔나 프런트엔드 개발자로 전향하려고 할 때
- 웹 퍼블리셔가 자바스크립트나 Vue.js 기술을 배우고 싶을 때
- 웹 개발자가 화면 UI를 설계하고 꾸미는 방법을 배우고 싶을 때
- 프런트엔드 실무 교육에서 교재로 사용 가능(강의 자료 문의: support@easyspub.co.kr)

▶ 이지스퍼블리싱 독자 학습 지원
※ 소스 파일: 이지스퍼블리싱 홈페이지(www.easyspub.co.kr) → [자료실]에서 책 이름으로 검색
※ 질의응답용 저자 이메일: yoonlemon20@gmail.com
※ ‘Do it! 스터디룸(cafe.naver.com/doitstudyroom)’에서 운영하는 [Do it! 공부단]에 참여해 보세요. 이 책으로 공부하며 나만의 스터디 노트를 작성하면 이지스퍼블리싱에서 출간한 다른 책을 선물로 받을 수 있습니다.

[추천사]

프런트엔드 입문서로 손색이 없어요!
웹 개발에서 프런트엔드 영역의 비중은 점점 커지고 있지만, Vue.js와 같은 자바스크립트 프레임워크를 학습하는 일이 쉽지 않은 것도 사실입니다. 이 책은 Vue.js의 이론뿐만 아니라 실제 웹 개발 프로젝트에 필요한 내용을 실습으로 자연스럽게 익힐 수 있어 최고의 입문서가 될 것입니다.
㈜스트라토 Cloud4팀 | 박홍수 팀장

프런트엔드 프로젝트의 A to Z
웹 프런트엔드 개발에서 진정한 실력자로 인정받으려면 HTML 마크업과 CSS 스타일링뿐만 아니라 스크립트를 정복해야 합니다. 이 책은 프런트엔드 개발자가 되고 싶거나 프런트엔드 개발을 이해하는 퍼블리싱 고수가 되기를 원하는 분에게 소중한 길라잡이가 될 것입니다. 프로젝트 초기 설정부터 구현해야 할 기술을 단계별 실습으로 익힐 수 있도록 꼼꼼하게 구성해 놓았습니다. 프런트엔드 프로젝트의 ‘A to Z’라고 할 만큼 많은 노하우가 담겨 있습니다.
㈜아이뱅크 개발운영사업부 | 박석민 이사

진짜 실무에서는 어떻게 하냐고요?
단순 퍼블리싱을 하는 것과 환경을 이해하고 퍼블리싱하는 것은 하늘과 땅 차이입니다. 이 책은 웹 프런트엔드 환경을 이해하고 데이터에 기반한 사용자 인터페이스를 어떻게 개발해야 하는지를 알려 줍니다. 또한 실무 경험이 없으면 알기 어려운 내용도 충분히 다루어서 프런트엔드 개발자로 취업을 준비하는 분께도 추천하고 싶습니다.
엔카닷컴(주) FE1팀 | 허문용 차장

Vue.js 입문서로도 좋아요!
Vue.js 문법과 디렉티브를 체계적으로 소개하고 실무 예제를 통해 프런트엔드 웹 개발을 더욱 쉽고 효과적으로 할 수 있게 도와줍니다. 또한 웹 애플리케이션을 개발하면서 부딪히는 문제들을 Vue.js를 활용하여 해결하는 방법을 보여 줍니다. 모던 웹 프로젝트를 어떻게 시작할지 몰라 망설이는 분들에게 적극 추천합니다.
야놀자(주) 데일리호텔 fe개발팀 | 최훈철

Vue.js 프로젝트 투입 직전에 보기 좋은 책!
자바스크립트와 Vue.js 핵심만 정리하여 처음 접하는 분도 부담이 없습니다. 실무에 바로 응용할 수 있는 실습과 저자의 실무 경험이 담긴 다양한 팁을 제공합니다. 복잡하고 두꺼운 이론 책보다 실습 위주의 책을 찾는 분께 추천합니다. 특히 급하게 Vue.js로 개발해야 하는 상황이라면 이 책을 추천합니다.
(주)KB데이타시스템 테그개발부 | 김상희 과장

목차

첫째마당 HTML과 CSS 그리고 반응형 웹
==========================
01 HTML과 CSS 복습하기
01-1 HTML과 시맨틱 웹
01-2 실무에서 유용한 HTML 요소
01-3 CSS 기초 문법 복습하기
01-4 스타일을 적용할 요소 선택하기

02 실무에서 유용한 CSS 패턴 알아보기
02-1 박스 모델 이해하기
02-2 CSS 속성 알아보기
02-3 가상 요소 알아보기

03 레이아웃과 반응형 웹
03-1 요소의 흐름을 지정하는 속성 - float
03-2 레이아웃을 위한 속성 - flex
03-3 반응형 웹 만들기
03-4 반응형 웹은 미디어 쿼리로만 만들까?

================
둘째마당 웹 프로그래밍
================
04 자바스크립트 프로그래밍
04-1 자바스크립트의 역할
04-2 자바스크립트 기본 문법
04-3 제어문
04-4 배열
04-5 반복문
04-6 Node.js 설치하기

05 Vue.js 프로그래밍
05-1 싱글 페이지 애플리케이션 개발
05-2 Vue.js 프레임워크 소개
05-3 라우터
05-4 컴포넌트 만들기
05-5 템플릿 문법
05-6 주요 속성
05-7 UI 프레임워크 소개

==============
셋째마당 SPA 만들기
==============
06 프로젝트 환경 설정하기
06-1 프로젝트 환경 설정하기
06-2 프로젝트 폴더 살펴보기

07 SPA 기본 골격 만들기
07-1 기본 레이아웃 만들기
07-2 헤더 영역 만들기
07-3 메뉴 데이터 만들기
07-4 푸터 영역 만들기
07-5 반응형으로 만들기

08 로그인/회원가입 대화 상자 만들기
08-1 부트스트랩 뷰란?
08-2 부트스트랩 뷰 컴포넌트
08-3 부트스트랩 아이콘
08-4 로그인 대화 상자 만들기
08-5 회원가입 대화 상자 만들기

09 메인 콘텐츠 만들기
09-1 메인 콘텐츠 레이아웃 만들기
09-2 분야별 새로 나온 도서 영역 만들기
09-3 도서 검색 만들기
09-4 배너 메뉴 만들기
09-5 공지 사항 만들기

10 서브 페이지 레이아웃 만들기
10-1 메뉴 고정하기
10-2 서브 페이지 레이아웃 만들기

11 도서 소개 페이지 만들기
11-1 도서 목록 만들기
11-2 도서 기본 정보 만들기
11-3 도서 상세 탭 메뉴 만들기
11-4 동적 라우팅으로 구현하기

12 SPA 완성하기
12-1 자료실/동영상 강의 페이지 만들기
12-2 교재 샘플 페이지 만들기
12-3 회사 소개 페이지 만들기

찾아보기

관련이미지

이 상품의 시리즈

(총 67권 / 현재구매 가능도서 62권)

선택한 상품 북카트담기
펼쳐보기

전공도서/대학교재 분야에서 많은 회원이 구매한 책

    리뷰

    0.0 (총 0건)

    100자평

    작성시 유의사항

    평점
    0/100자
    등록하기

    100자평

    0.0
    (총 0건)

    판매자정보

    • 인터파크도서에 등록된 오픈마켓 상품은 그 내용과 책임이 모두 판매자에게 있으며, 인터파크도서는 해당 상품과 내용에 대해 책임지지 않습니다.

    상호

    (주)교보문고

    대표자명

    안병현

    사업자등록번호

    102-81-11670

    연락처

    1544-1900

    전자우편주소

    callcenter@kyobobook.co.kr

    통신판매업신고번호

    01-0653

    영업소재지

    서울특별시 종로구 종로 1(종로1가,교보빌딩)

    교환/환불

    반품/교환 방법

    ‘마이페이지 > 취소/반품/교환/환불’ 에서 신청 또는 1:1 문의 게시판 및 고객센터(1577-2555)에서 신청 가능

    반품/교환가능 기간

    변심 반품의 경우 출고완료 후 6일(영업일 기준) 이내까지만 가능
    단, 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내

    반품/교환 비용

    변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
    상품이나 서비스 자체의 하자로 인한 교환/반품은 반송료 판매자 부담

    반품/교환 불가 사유

    ·소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)

    ·소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등

    ·복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집

    ·시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우

    ·전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우

    상품 품절

    공급사(출판사) 재고 사정에 의해 품절/지연될 수 있음

    소비자 피해보상
    환불지연에 따른 배상

    ·상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨

    ·대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리함

    (주)KG이니시스 결제대금예치업 등록번호: 02-006-00013

    (주)인터파크커머스는 회원님들의 안전거래를 위해 구매금액, 결제수단에 상관없이 (주)인터파크커머스를 통한
    모든 거래에 대하여 (주)KG이니시스가 제공하는 구매안전서비스를 적용하고 있습니다.
    등록 여부는 e-금융민원센터 홈페이지(www.fcsc.kr)의 등록·신고>전자금융업등록현황 메뉴에서 확인하실 수 있습니다. 서비스 가입사실 확인

    배송안내

    • 교보문고 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다.

    • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

    • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능합니다.

    • 배송비는 업체 배송비 정책에 따릅니다.

    • - 도서 구매 시 15,000원 이상 무료배송, 15,000원 미만 2,500원 - 상품별 배송비가 있는 경우, 상품별 배송비 정책 적용