본문 바로가기

추천 검색어

실시간 인기 검색어

Vue 3와 스프링 부트로 시작하는 웹 개발 철저 입문

스프링 부트와 Vue 3를 활용한 실습 중심의 풀스택 웹 애플리케이션 개발 | 반양장
위키북스 오픈소스 & 웹 시리즈 120
최진 저자(글)
위키북스 · 2025년 01월 21일
10.0
10점 중 10점
(1개의 리뷰)
최고예요 (100%의 구매자)
  • Vue 3와 스프링 부트로 시작하는 웹 개발 철저 입문 대표 이미지
    Vue 3와 스프링 부트로 시작하는 웹 개발 철저 입문 대표 이미지
  • Vue 3와 스프링 부트로 시작하는 웹 개발 철저 입문 부가 이미지1
    Vue 3와 스프링 부트로 시작하는 웹 개발 철저 입문 부가 이미지1
  • Vue 3와 스프링 부트로 시작하는 웹 개발 철저 입문 부가 이미지2
    Vue 3와 스프링 부트로 시작하는 웹 개발 철저 입문 부가 이미지2
  • A4
    사이즈 비교
    210x297
    Vue 3와 스프링 부트로 시작하는 웹 개발 철저 입문 사이즈 비교 187x241
    단위 : mm
01 / 04
무료배송 소득공제
10% 34,200 38,000
적립/혜택
1,900P

기본적립

5% 적립 1,900P

추가적립

  • 5만원 이상 구매 시 추가 2,000P
  • 3만원 이상 구매 시, 등급별 2~4% 추가 최대 1,900P
  • 리뷰 작성 시, e교환권 추가 최대 300원
배송안내
무료배송
배송비 안내
국내도서/외국도서
도서 포함 15,000원 이상 구매 시 무료배송
도서+사은품 또는 도서+사은품+교보Only(교보굿즈)

15,000원 미만 시 2,500원 배송비 부과

교보Only(교보배송)
각각 구매하거나 함께 20,000원 이상 구매 시 무료배송

20,000원 미만 시 2,500원 배송비 부과

해외주문 서양도서/해외주문 일본도서(교보배송)
각각 구매하거나 함께 15,000원 이상 구매 시 무료배송

15,000원 미만 시 2,500원 배송비 부과

업체배송 상품(전집, GIFT, 음반/DVD 등)
해당 상품 상세페이지 "배송비" 참고 (업체 별/판매자 별 무료배송 기준 다름)
바로드림 오늘배송
업체에서 별도 배송하여 1Box당 배송비 2,500원 부과

1Box 기준 : 도서 10권

그 외 무료배송 기준
바로드림, eBook 상품을 주문한 경우, 플래티넘/골드/실버회원 무료배송쿠폰 이용하여 주문한 경우, 무료배송 등록 상품을 주문한 경우
주문정보를 불러오는 중입니다.
기본배송지 기준
배송일자 기준 안내
로그인 : 회원정보에 등록된 기본배송지
로그아웃 : '서울시 종로구 종로1' 주소 기준
로그인정확한 배송 안내를 받아보세요!

이달의 꽃과 함께 책을 받아보세요!

1권 구매 시 결제 단계에서 적용 가능합니다.

해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

북카드

키워드 Pick

키워드 Pick 안내

관심 키워드를 주제로 다른 연관 도서를 다양하게 찾아 볼 수 있는 서비스로, 클릭 시 관심 키워드를 주제로 한 다양한 책으로 이동할 수 있습니다.
키워드는 최근 많이 찾는 순으로 정렬됩니다.

Vue 3와 스프링 부트로 시작하는 웹 개발 철저 입문 상세 이미지

책 소개

이 책이 속한 분야

Vue 3와 스프링 부트의 풍부하고 다양한 도구들을 활용해 최신 풀스택 애플리케이션 개발 비법을 배워보자!
《Vue 3와 스프링 부트로 시작하는 웹 개발 철저 입문》은 일상의 언어로 만든 학습서입니다. 복잡한 용어나 어려운 도식을 배제하고, 친숙한 언어와 직관적인 그림으로 누구나 쉽게 이해할 수 있도록 구성했습니다. 추상적인 개념은 비유와 밈을 활용해 풀어내고, 구체적인 실습은 애플리케이션 개발의 전체적인 흐름을 이해할 수 있도록 단계별로 진행합니다.

이 책에서는 개발자가 알아야 할 기초 지식, 다양한 라이브러리, 프레임워크, 클라우드 컴퓨팅 서비스 등을 폭넓게 경험할 수 있습니다. 특히 Vue와 스프링 부트를 핵심 주제로 삼아 깊이 있게 다루되, 실무에서 잘 사용되지 않는 기능은 과감히 제외해서 실용성을 높였습니다. 이 책을 읽고 나면 기초가 탄탄하고 다양한 기술을 활용할 수 있는 풀스택 개발자가 될 수 있을 것입니다.

★ 이 책에서 다루는 내용 ★


◎ 프런트엔드와 백엔드의 기초 지식
◎ 다양한 오픈소스 라이브러리 및 프레임워크 활용법
◎ Vue 3 기초 지식
◎ Vue 3를 활용한 메모 애플리케이션 개발
◎ Vue 3와 스프링 부트를 활용한 쇼핑몰 애플리케이션 개발 및 배포
◎ 스프링 부트의 기초 지식
◎ 스프링 부트를 활용한 HTTP API 개발
◎ 데이터베이스와 스프링 데이터 JPA의 기초 지식
◎ AWS의 EC2 생성 및 운영 환경 구축
◎ 다양한 개발 도구의 활용법

작가정보

저자(글) 최진

아프리카에 도서관을 짓는 것이 꿈인 개발자입니다. 유튜브의 〈아프리카도서관〉 채널을 통해 프로그래밍과 관련된 내용을 공유하고 있습니다. 현재 오마이컴퍼니에서 플랫폼개발팀 팀장으로 근무하고 있습니다.

목차

  • ▣ 01장: Vue 소개
    1.1 프런트엔드와 백엔드
    __1.1.1 나홀로 서비스 방식
    __1.1.2 따로 또 같이 서비스 방식
    __1.1.3 프런트엔드와 백엔드
    1.2 프런트엔드의 역사
    __1.2.1 더 빠르게, 구글 크롬
    __1.2.2 렌더링 방식의 변화
    __1.2.3 싱글 페이지 애플리케이션의 등장
    __1.2.4 프런트엔드의 독립
    __1.2.5 구글의 Angular
    __1.2.6 페이스북의 React
    __1.2.7 에반 유의 Vue
    1.3 Vue 3에서 달라진 점
    __1.3.1 향상된 성능
    __1.3.2 컴포지션 API 탑재
    __1.3.3 타입스크립트 지원
    __1.3.4 멀티 루트 태그 입력 가능
    __1.3.5 스크립트 태그와 템플릿 블록의 위치 변경
    __1.3.6 인터넷 익스플로러 지원 중단
    __1.3.7 프런트엔드 도구 Vite 활용
    1.4 정리

    ▣ 02장: 개발하기 전에 알아야 할 프런트엔드 기초 지식
    2.1 인터넷, 그리고 서버와 클라이언트
    __2.1.1 파일을 주고받는 시스템, 인터넷
    __2.1.2 하드웨어 관점으로 보는 서버와 클라이언트
    __2.1.3 소프트웨어 관점으로 보는 서버와 클라이언트
    2.2 서버와 통신하기
    __2.2.1 서버의 주소, IP 주소
    __2.2.2 주소를 더 세부적으로, 포트
    __2.2.3 웹 세상의 통신 규칙, HTTP
    __2.2.4 동기와 비동기
    2.3 웹 브라우저에 데이터 저장하기
    __2.3.1 HTTP 쿠키란?
    __2.3.2 웹 스토리지란?
    2.4 프런트엔드 개발을 도와주는 도구
    __2.4.1 자바스크립트 런타임, Node.js
    __2.4.2 모듈을 관리하는 매니저, NPM
    __2.4.3 HTTP 요청 라이브러리, Axios
    __2.4.4 웹 UI 프레임워크, 부트스트랩
    __2.4.5 CSS의 한계를 극복하기 위한 전처리기, Sass
    2.5 정리

    ▣ 03장: 개발 환경 구축
    3.1 IntelliJ IDEA 설치
    __3.1.1 윈도우에 설치하기
    __3.1.2 macOS에 설치하기
    __3.1.3 테마 변경하기
    3.2 구글 크롬 설치
    __3.2.1 윈도우에 설치하기
    __3.2.2 macOS에 설치하기
    3.3 Node.js 설치
    __3.3.1 윈도우에 설치하기
    __3.3.2 macOS에 설치하기
    3.4 정리

    ▣ 04장: Vue 3 시작을 위한 기초 학습
    4.1 Vue 3 시작하기
    __4.1.1 프로젝트 생성
    __4.1.2 첫 번째 애플리케이션
    4.2 컴포넌트
    __4.2.1 컴포넌트란?
    __4.2.2 앞바퀴 휠 컴포넌트 장착
    __4.2.3 뒷바퀴 휠 컴포넌트 장착
    __4.2.4 타이어 컴포넌트 장착
    __4.2.5 타이어 컴포넌트 커스터마이징
    4.3 기초 템플릿 문법
    __4.3.1 텍스트 출력
    __4.3.2 속성 반영
    __4.3.3 클래스 반영
    __4.3.4 스타일 반영
    __4.3.5 조건 디렉티브
    __4.3.6 반복 디렉티브
    __4.3.7 이벤트 디렉티브
    4.4 반응형 상태
    4.5 컴퓨티드
    4.6 데이터 바인딩
    4.7 라이프사이클 훅
    __4.7.1 생성 훅
    __4.7.2 마운트 훅
    __4.7.3 업데이트 훅
    __4.7.4 마운트 해제 훅
    4.8 라우터
    4.9 스토어
    __4.9.1 상태 관리 라이브러리, Pinia
    __4.9.2 스토어의 실질적인 활용 예시
    4.10 정리

    ▣ 05장: Vue 3를 이용한 프런트엔드 개발
    5.1 메모 애플리케이션 개발 계획
    5.2 메모 애플리케이션 프로젝트 생성
    5.3 개발 환경 설정
    __5.3.1 부트스트랩 설정
    __5.3.2 Sass 설정
    __5.3.3 코드 및 파일 정리
    5.4 스토리지 서비스 구현
    __5.4.1 파일 생성 및 생성자 구현
    __5.4.2 내부 메서드 구현
    __5.4.3 외부 메서드 구현
    __5.4.4 샘플 데이터 설정
    __5.4.5 전체 코드
    5.5 메모 컴포넌트 구현
    __5.5.1 메모 레이아웃 구현
    __5.5.2 메모 목록 조회 구현
    __5.5.3 메모 삽입 구현
    __5.5.4 메모 상세 조회 및 수정 구현
    __5.5.5 메모 삭제 구현
    5.6 정리

    ▣ 06장: 개발하기 전에 알아야 할 백엔드 기초 지식
    6.1 서버의 종류
    __6.1.1 웹 서버
    __6.1.2 웹 애플리케이션 서버
    __6.1.3 데이터베이스 서버
    6.2 SQL이란?
    __6.2.1 SELECT
    __6.2.2 INSERT
    __6.2.3 UPDATE
    __6.2.4 DELETE
    6.3 MVC란?
    6.4 HTTP의 무상태와 세션
    __6.4.1 이상한 대화
    __6.4.2 HTTP 세션이란?
    __6.4.3 위키월드 직원의 업무
    __6.4.4 서버의 업무
    __6.4.5 HTTP 세션의 한계
    6.5 토큰이란?
    __6.5.1 토큰이란?
    __6.5.2 JWT란?
    __6.5.3 스니핑
    __6.5.4 유효 시간
    __6.5.5 리프레시 토큰
    6.6 정리

    ▣ 07장: 백엔드 개발을 위한 스프링 부트
    7.1 스프링 프레임워크란?
    __7.1.1 스프링 프레임워크의 탄생
    __7.1.2 스프링 MVC
    __7.1.3 스프링 부트
    7.2 스프링 컨테이너란?
    __7.2.1 의존성이란?
    __7.2.2 의존성 주입이란?
    __7.2.3 의존성 주입 예제
    __7.2.4 스프링 컨테이너
    7.3 스프링 프레임워크의 주요 애너테이션
    __7.3.1 @Controller
    __7.3.2 @RestController
    __7.3.3 @RequestMapping
    __7.3.4 @GetMapping
    __7.3.5 @PostMapping
    __7.3.6 @PutMapping
    __7.3.7 @RequestBody
    __7.3.8 @DeleteMapping
    __7.3.9 @Service
    __7.3.10 @Component
    __7.3.11 @Transactional
    7.4 스프링 프레임워크의 주변 도구
    __7.4.1 데이터베이스를 객체처럼, 스프링 데이터 JPA
    __7.4.2 모듈을 관리하는 매니저, 그레이들
    __7.4.3 장황한 코드를 직관적으로, 롬복
    7.5 정리

    ▣ 08장: 갤러리 쇼핑몰 제작을 위한 개발 환경 구축
    8.1 MariaDB 설치
    __8.1.1 윈도우에 설치하기
    __8.1.2 macOS에 설치하기
    8.2 JDK 설치
    __8.2.1 윈도우에 설치하기
    __8.2.2 macOS에 설치하기
    8.3 스프링 부트 백엔드 프로젝트 생성
    8.4 Vite를 활용한 프런트엔드 프로젝트 생성
    8.5 데이터베이스 설정
    8.6 모듈 세팅
    8.7 이미지 세팅
    8.8 파일 및 코드 정리
    8.9 정리

    ▣ 09장: 갤러리 쇼핑몰의 백엔드 개발
    9.1 사전 작업
    __9.1.1 패키지 추가
    __9.1.2 HTTP 유틸리티 추가
    9.2 상품 API 구현
    __9.2.1 상품 테이블 생성
    __9.2.2 상품 엔티티 작성
    __9.2.3 상품 리포지터리 작성
    __9.2.4 상품 서비스 구현
    __9.2.5 상품 컨트롤러 구현
    9.3 계정 API 구현
    __9.3.1 회원 테이블 생성
    __9.3.2 회원 엔티티 작성
    __9.3.3 회원 리포지터리 작성
    __9.3.4 회원 서비스 구현
    __9.3.5 계정 컨트롤러 구현
    9.4 장바구니 API 구현
    __9.4.1 장바구니 테이블 생성
    __9.4.2 장바구니 엔티티 작성
    __9.4.3 장바구니 리포지터리 작성
    __9.4.4 장바구니 서비스 구현
    __9.4.5 장바구니 컨트롤러 구현
    9.5 주문 API 구현
    __9.5.1 주문 테이블 생성
    __9.5.2 주문 엔티티 작성
    __9.5.3 주문 리포지터리 작성
    __9.5.4 주문 서비스 구현
    __9.5.5 주문 컨트롤러 구현
    9.6 정리

    ▣ 10장: 갤러리 쇼핑몰의 프런트엔드 개발
    10.1 레이아웃 구현
    __10.1.1 헤더 컴포넌트 구현
    __10.1.2 푸터 컴포넌트 구현
    __10.1.3 메인 영역 구현
    10.2 계정 기능 구현
    __10.2.1 계정 서비스 구현
    __10.2.2 계정 스토어 구현
    __10.2.3 회원가입 페이지 구현
    __10.2.4 로그인 페이지 구현
    10.3 상품 기능 구현
    __10.3.1 상품 카드 컴포넌트 구현
    __10.3.2 상품 서비스 구현
    __10.3.3 상품 목록 페이지 구현
    10.4 장바구니 기능 구현
    __10.4.1 장바구니 서비스 구현
    __10.4.2 장바구니 기능 적용
    __10.4.3 장바구니 페이지 구현
    10.5 주문 기능 구현
    __10.5.1 주문 서비스 구현
    __10.5.2 주문 입력 페이지 구현
    __10.5.3 주문 목록 페이지 구현
    __10.5.4 주문 상세 조회 페이지 구현
    10.6 정리

    ▣ 11장: 갤러리 쇼핑몰 애플리케이션의 기능 개선
    11.1 인터셉터 적용을 통한 접근 제어 개선
    __11.1.1 권한 없이 API에 접근할 때 나타나는 문제
    __11.1.2 스프링 인터셉터란?
    __11.1.3 스프링 인터셉터 적용
    __11.1.4 스프링 인터셉터 기능 확인
    __11.1.5 Axios 인터셉터란?
    __11.1.6 Axios 인터셉터가 적용된 라이브러리 구현
    __11.1.7 Axios 인터셉터 기능 확인
    11.2 토큰 적용을 통한 로그인 기능 개선
    __11.2.1 현재 로그인 기능의 문제
    __11.2.2 의존성 모듈 설치
    __11.2.3 HTTP 유틸리티 메서드 추가
    __11.2.4 계정 상수 추가
    __11.2.5 토큰 차단 기능 구현
    __11.2.6 토큰 기능 구현
    __11.2.7 토큰 계정 헬퍼 구현
    __11.2.8 계정 컨트롤러 수정
    __11.2.9 프런트엔드에 토큰 적용
    __11.2.10 로그인 기능 확인
    11.3 암호화 및 해싱을 통한 보안 개선
    __11.3.1 암호화란?
    __11.3.2 암호화 적용
    __11.3.3 해싱이란?
    __11.3.4 해싱 적용
    11.4 유효성 검증을 통한 품질 개선
    __11.4.1 로그인 유효성 검증
    __11.4.2 회원가입 유효성 검증
    __11.4.3 주문 입력 유효성 검증
    __11.4.4 장바구니 담기 유효성 검증
    11.5 페이지네이션을 통한 편의성 개선
    __11.5.1 주문 데이터 입력
    __11.5.2 백엔드 코드 수정
    __11.5.3 프런트엔드 코드 수정
    __11.5.4 페이지네이션 기능 확인
    11.6 정리

    ▣ 12장: 갤러리 쇼핑몰 애플리케이션을 AWS에 배포하기
    12.1 프로젝트 빌드
    __12.1.1 프런트엔드 프로젝트 빌드
    __12.1.2 프런트엔드 빌드 파일 이동
    __12.1.3 프런트엔드 빌드 파일 이동 자동화
    __12.1.4 백엔드 코드 개선 및 빌드
    __12.1.5 백엔드 이슈 확인 및 해결
    __12.1.6 백엔드 프로젝트 빌드
    12.2 AWS EC2 생성
    __12.2.1 계정 만들기
    __12.2.2 인스턴스 생성
    __12.2.3 SFTP 접속
    __12.2.4 SSH 접속
    12.3 서비스 환경 구축
    __12.3.1 JDK 설치
    __12.3.2 MariaDB 설치
    __12.3.3 NGINX 웹 서버 설치
    12.4 원격 데이터베이스 접속
    __12.4.1 데이터 소스 추가
    __12.4.2 AWS 방화벽 규칙 추가
    __12.4.3 MariaDB 설정 변경
    __12.4.4 원격 접속 테스트
    __12.4.5 원격 데이터베이스에 테이블 생성
    12.5 애플리케이션 배포
    __12.5.1 디렉터리 생성
    __12.5.2 빌드 파일 업로드
    __12.5.3 빌드 파일 실행
    __12.5.4 리버스 프락시
    12.6 정리

    ▣ 부록: 실습용 프로그램 설치 및 기초 사용법
    A.1 IntelliJ IDEA 커뮤니티 에디션
    __A.1.1 윈도우에 설치하기
    __A.1.2 macOS에 설치하기
    __A.1.3 테마 변경하기
    __A.1.4 스프링 부트 프로젝트 실행하기
    A.2 비주얼 스튜디오 코드
    __A.2.1 윈도우에 설치하기
    __A.2.2 macOS에 설치하기
    __A.2.3 Vue 프로젝트 실행하기
    A.3 DBeaver
    __A.3.1 윈도우에 설치하기
    __A.3.2 macOS에 설치하기
    __A.3.3 데이터베이스 서버에서 쿼리 실행하기
    A.4 PuTTY
    __A.4.1 윈도우에 설치하기
    __A.4.2 PuTTY로 AWS EC2 서버에 접속하기
    __A.4.3 macOS의 터미널로 AWS EC2 서버에 접속하기
    A.5 FileZilla
    __A.5.1 윈도우에 설치하기
    __A.5.2 macOS에 설치하기
    __A.5.3 AWS EC2 서버에 빌드 파일 업로드하기

    ▣ 참고자료
    도서
    웹사이트

기본정보

상품정보 테이블로 ISBN, 발행(출시)일자 , 쪽수, 크기, 총권수, 시리즈명을(를) 나타낸 표입니다.
ISBN 9791158395599
발행(출시)일자 2025년 01월 21일
쪽수 672쪽
크기
187 * 241 * 34 mm / 1365 g
총권수 1권
시리즈명
위키북스 오픈소스 & 웹 시리즈

Klover

구매 후 리뷰 작성 시, e교환권 200원 적립

데이터를 불러오는 중입니다.

문장수집

문장수집 안내
문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여주는 교보문고의 새로운 서비스입니다. 마음을 두드린 문장들을 기록하고 좋은 글귀들은 "좋아요“ 하여 모아보세요. 도서 문장과 무관한 내용 등록 시 별도 통보 없이 삭제될 수 있습니다.
리워드 안내
구매 후 90일 이내에 문장수집 작성 시 e교환권 100원을 적립해드립니다.
e교환권은 적립 일로부터 180일 동안 사용 가능합니다. 리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.
리워드는 한 상품에 최초 1회만 제공됩니다.
주문취소/반품/절판/품절 시 리워드 대상에서 제외됩니다.
판매가 5,000원 미만 상품의 경우 리워드 지급 대상에서 제외됩니다. (2024년 9월 30일부터 적용)

구매 후 리뷰 작성 시, e교환권 100원 적립

이 책의 첫 기록을 남겨주세요

교환/반품/품절 안내

상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

소스 코드: 더 비기닝
이벤트
  • sam x 한샘 [똑똑한sam]
  • 2025 1학기 대학교재전
01 / 02
TOP