소득공제
크레마클럽
PDF
eBook
Do it! 프런트엔드 UI 개발 with Vue.js
웹 사이트 하나를 통째로 만들며 배운다!
스마트한 PDF 필기 기능을 사용해 보세요!
김윤미 저
이지스퍼블리싱 (주)
2023.08.08.
- PDF 안내
-
이 상품은 구매 후 지원 기기에서 예스24 eBook앱 설치 후 바로 이용 가능한 상품입니다.
이 분야의 이벤트
이 상품의 태그
상세 이미지
소개
목차
|
==========================
첫째마당 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 회사 소개 페이지 만들기 찾아보기 |
저자 소개 1
그녀는 일에 대한 열정이 가득하고 언제나 두려움 없이 새로운 도전을 시작하는 실무 경력 13년 차 웹 퍼블리셔이다. 국내 웹 에이전시에서 활동하며 이니스프리, 에뛰드, 엘지 하우시스 등 유명한 쇼핑몰 제작에 참여했고 그동안 작업한 사이트 대부분은 웹 어워드 코리아에서 각 분야별로 최우수상 또는 대상을 수상하였다. 또한 웹 퍼블리싱 실무 강의로 인기를 끌기도 했다. 그녀는 현재 외국계 기업에서 솔루션 프로그램을 만드는 프로젝트에 참여하고 있다.
품목정보
- 발행일
- 2023년 08월 08일
- 지원기기
- 크레마, PC(윈도우 - 4K 모니터 미지원), 아이폰, 아이패드, 안드로이드폰, 안드로이드패드, 전자책단말기(저사양 기기 사용 불가), PC(Mac)
- 파일/용량
- PDF(DRM) | 122.89MB ?
- 글자 수/ 페이지 수
- 약 400쪽 ?
- ISBN13
- 9791163034971
출판사 리뷰
|
▶ 웹 사이트를 통째로 만들어 보면서 실무 감각을 익힐 수 있어요
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! 공부단]에 참여해 보세요. 이 책으로 공부하며 나만의 스터디 노트를 작성하면 이지스퍼블리싱에서 출간한 다른 책을 선물로 받을 수 있습니다. |
