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

웹 사이트 하나를 통째로 만들며 배운다!

김윤미 저자 지음

이지스퍼블리싱 2023년 08월 08일 출간 국내도서 : 2023년 08월 08일 출간

작품소개

책소개

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

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

목차

첫째마당 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 회사 소개 페이지 만들기

찾아보기

작가정보

저자(글) 김윤미 저자

이니스프리, 에뛰드 하우스, 엘지 하우시스 등 여러 쇼핑몰 제작에 퍼블리셔로 참여하여 웹어워드코리아에서 분야별로 최우수상과 대상을 수상했다. 또한 실무 중심의 웹 퍼블리싱 강사로 활동했다. 이후 프런트엔드 개발자로 전직하여 KB부동산에서 지도 기반 부동산 플랫폼, 빅데이터 통계 분석 플랫폼, 신한금융투자증권의 빌드 배포 자동화 플랫폼 등의 프로젝트에 참여했다. 현재는 클라우드 솔루션 업체에서 프런트엔드 개발자로 근무하며 다양한 프로젝트에 참여하고 자바스크립트와 UI 개발을 꾸준히 공부하며 지식을 나누고 있다.