{"product_id":"138832","title":"Vue 3와 스프링 부트로 시작하는 웹 개발 철저 입문","description":"\u003ccenter\u003e\u003cdiv style=\"text-align:center\"\u003e\u003cimg src=\"https:\/\/tmgdisk01.cafe24.com\/images\/vs\/4172\/sv\/3jXPeML2t6Zu0E7xozUtEFm23T3zKF.png?v=1765069017\" style=\"max-width:100%;max-height:10px\"\u003e\u003c\/div\u003e\u003c\/center\u003e\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\u003ccenter\u003e\n\u003cdiv style=\"width:95%\"\u003e\n\u003cdiv style=\"text-align:center;font-size:30px;font-weight:bolder;line-height:1.6em\"\u003eVue 3와 스프링 부트로 시작하는 웹 개발 철저 입문\u003c\/div\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003cdiv style=\"border-bottom:1px;border-bottom-style:dotted;border-color:;padding-bottom:20px\"\u003e\u003ccenter\u003e\u003ctable align=\"center\" width=\"100%\"\u003e\u003ctbody style=\"border:0px\"\u003e\n\u003ctr\u003e\u003ctd align=\"center\" style=\"line-height:1.2em;text-align:center;font-size:18px;color:black;font-weight:bold;padding-bottom:20px;\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd style=\"text-align:center\"\u003e\u003cimg src=\"https:\/\/image.yes24.com\/goods\/141256205\/XL\" style=\"max-width:100%;height:auto\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/center\u003e\u003c\/div\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003cdiv style=\"width:95%;{split_style6}padding-top:20px;padding-bottom:20px\"\u003e\n\u003cdiv style=\"text-align:left;font-size:16px;font-weight:bold;padding-bottom:20px\"\u003eDescription\u003c\/div\u003e\n\u003cdiv style=\"text-align:left;word-break:break-all;font-size:14px;line-height:1.6em;\"\u003e\n\u003cdiv\u003e \u003ch5\u003e\u003cb\u003e책소개\u003c\/b\u003e\u003c\/h5\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e \u003cdiv\u003e  \u003cb\u003eVue 3와 스프링 부트의 풍부하고 다양한 도구들을 활용해 최신 풀스택 애플리케이션 개발 비법을 배워보자!\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e『Vue 3와 스프링 부트로 시작하는 웹 개발 철저 입문』은 일상의 언어로 만든 학습서이다.\u003cbr\u003e복잡한 용어나 어려운 도식을 배제하고, 친숙한 언어와 직관적인 그림으로 누구나 쉽게 이해할 수 있도록 구성했다.\u003cbr\u003e추상적인 개념은 비유와 밈을 활용해 풀어내고, 구체적인 실습은 애플리케이션 개발의 전체적인 흐름을 이해할 수 있도록 단계별로 진행한다.\u003cbr\u003e이 책에서는 개발자가 알아야 할 기초 지식, 다양한 라이브러리, 프레임워크, 클라우드 컴퓨팅 서비스 등을 폭넓게 경험할 수 있다.\u003cbr\u003e특히 Vue와 스프링 부트를 핵심 주제로 삼아 깊이 있게 다루되, 실무에서 잘 사용되지 않는 기능은 과감히 제외해서 실용성을 높였다.\u003cbr\u003e이 책을 읽고 나면 기초가 탄탄하고 다양한 기술을 활용할 수 있는 풀스택 개발자가 될 수 있을 것이다.\u003cbr\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cul\u003e \u003cli\u003e 책의 일부 내용을 미리 읽어보실 수 있습니다.\u003cbr\u003e\u003cspan\u003e미리보기\u003c\/span\u003e\n\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \",\"\u003cdiv\u003e \u003ch5\u003e\u003cb\u003e목차\u003c\/b\u003e\u003c\/h5\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e  \u003cb\u003e▣ 01장: Vue 소개 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e1.1 프런트엔드와 백엔드 \u003cbr\u003e__1.1.1 나홀로 서비스 방식 \u003cbr\u003e__1.1.2 따로 또 같이 서비스 방식 \u003cbr\u003e__1.1.3 프런트엔드와 백엔드 \u003cbr\u003e1.2 프런트엔드의 역사 \u003cbr\u003e__1.2.1 더 빠르게, 구글 크롬 \u003cbr\u003e__1.2.2 렌더링 방식의 변화 \u003cbr\u003e__1.2.3 싱글 페이지 애플리케이션의 등장 \u003cbr\u003e__1.2.4 프런트엔드의 독립 \u003cbr\u003e__1.2.5 구글의 Angular \u003cbr\u003e__1.2.6 페이스북의 React \u003cbr\u003e__1.2.7 에반 유의 Vue \u003cbr\u003e1.3 Vue 3에서 달라진 점 \u003cbr\u003e__1.3.1 향상된 성능 \u003cbr\u003e__1.3.2 컴포지션 API 탑재 \u003cbr\u003e__1.3.3 타입스크립트 지원 \u003cbr\u003e__1.3.4 멀티 루트 태그 입력 가능 \u003cbr\u003e__1.3.5 스크립트 태그와 템플릿 블록의 위치 변경 \u003cbr\u003e__1.3.6 인터넷 익스플로러 지원 중단 \u003cbr\u003e__1.3.7 프런트엔드 도구 Vite 활용 \u003cbr\u003e1.4 정리 \u003cbr\u003e\u003cbr\u003e\u003cb\u003e▣ 02장: 개발하기 전에 알아야 할 프런트엔드 기초 지식 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e2.1 인터넷, 그리고 서버와 클라이언트 \u003cbr\u003e__2.1.1 파일을 주고받는 시스템, 인터넷 \u003cbr\u003e__2.1.2 하드웨어 관점으로 보는 서버와 클라이언트 \u003cbr\u003e__2.1.3 소프트웨어 관점으로 보는 서버와 클라이언트 \u003cbr\u003e2.2 서버와 통신하기 \u003cbr\u003e__2.2.1 서버의 주소, IP 주소 \u003cbr\u003e__2.2.2 주소를 더 세부적으로, 포트 \u003cbr\u003e__2.2.3 웹 세상의 통신 규칙, HTTP \u003cbr\u003e__2.2.4 동기와 비동기 \u003cbr\u003e2.3 웹 브라우저에 데이터 저장하기 \u003cbr\u003e__2.3.1 HTTP 쿠키란? \u003cbr\u003e__2.3.2 웹 스토리지란? \u003cbr\u003e2.4 프런트엔드 개발을 도와주는 도구 \u003cbr\u003e__2.4.1 자바스크립트 런타임, Node.js \u003cbr\u003e__2.4.2 모듈을 관리하는 매니저, NPM \u003cbr\u003e__2.4.3 HTTP 요청 라이브러리, Axios \u003cbr\u003e__2.4.4 웹 UI 프레임워크, 부트스트랩 \u003cbr\u003e__2.4.5 CSS의 한계를 극복하기 위한 전처리기, Sass \u003cbr\u003e2.5 정리 \u003cbr\u003e\u003cbr\u003e\u003cb\u003e▣ 03장: 개발 환경 구축 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e3.1 IntelliJ IDEA 설치 \u003cbr\u003e__3.1.1 윈도우에 설치하기 \u003cbr\u003e__3.1.2 macOS에 설치하기 \u003cbr\u003e__3.1.3 테마 변경하기 \u003cbr\u003e3.2 구글 크롬 설치 \u003cbr\u003e__3.2.1 윈도우에 설치하기 \u003cbr\u003e__3.2.2 macOS에 설치하기 \u003cbr\u003e3.3 Node.js 설치 \u003cbr\u003e__3.3.1 윈도우에 설치하기 \u003cbr\u003e__3.3.2 macOS에 설치하기 \u003cbr\u003e3.4 정리 \u003cbr\u003e\u003cbr\u003e\u003cb\u003e▣ 04장: Vue 3 시작을 위한 기초 학습 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e4.1 Vue 3 시작하기 \u003cbr\u003e__4.1.1 프로젝트 생성 \u003cbr\u003e__4.1.2 첫 번째 애플리케이션 \u003cbr\u003e4.2 컴포넌트 \u003cbr\u003e__4.2.1 컴포넌트란? \u003cbr\u003e__4.2.2 앞바퀴 휠 컴포넌트 장착 \u003cbr\u003e__4.2.3 뒷바퀴 휠 컴포넌트 장착 \u003cbr\u003e__4.2.4 타이어 컴포넌트 장착 \u003cbr\u003e__4.2.5 타이어 컴포넌트 커스터마이징 \u003cbr\u003e4.3 기초 템플릿 문법 \u003cbr\u003e__4.3.1 텍스트 출력 \u003cbr\u003e__4.3.2 속성 반영 \u003cbr\u003e__4.3.3 클래스 반영 \u003cbr\u003e__4.3.4 스타일 반영 \u003cbr\u003e__4.3.5 조건 디렉티브 \u003cbr\u003e__4.3.6 반복 디렉티브 \u003cbr\u003e__4.3.7 이벤트 디렉티브 \u003cbr\u003e4.4 반응형 상태 \u003cbr\u003e4.5 컴퓨티드 \u003cbr\u003e4.6 데이터 바인딩 \u003cbr\u003e4.7 라이프사이클 훅 \u003cbr\u003e__4.7.1 생성 훅 \u003cbr\u003e__4.7.2 마운트 훅 \u003cbr\u003e__4.7.3 업데이트 훅 \u003cbr\u003e__4.7.4 마운트 해제 훅 \u003cbr\u003e4.8 라우터 \u003cbr\u003e4.9 스토어 \u003cbr\u003e__4.9.1 상태 관리 라이브러리, Pinia \u003cbr\u003e__4.9.2 스토어의 실질적인 활용 예시 \u003cbr\u003e4.10 정리 \u003cbr\u003e\u003cbr\u003e\u003cb\u003e▣ 05장: Vue 3를 이용한 프런트엔드 개발 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e5.1 메모 애플리케이션 개발 계획 \u003cbr\u003e5.2 메모 애플리케이션 프로젝트 생성 \u003cbr\u003e5.3 개발 환경 설정 \u003cbr\u003e__5.3.1 부트스트랩 설정 \u003cbr\u003e__5.3.2 Sass 설정 \u003cbr\u003e__5.3.3 코드 및 파일 정리 \u003cbr\u003e5.4 스토리지 서비스 구현 \u003cbr\u003e__5.4.1 파일 생성 및 생성자 구현 \u003cbr\u003e__5.4.2 내부 메서드 구현 \u003cbr\u003e__5.4.3 외부 메서드 구현 \u003cbr\u003e__5.4.4 샘플 데이터 설정 \u003cbr\u003e__5.4.5 전체 코드 \u003cbr\u003e5.5 메모 컴포넌트 구현 \u003cbr\u003e__5.5.1 메모 레이아웃 구현 \u003cbr\u003e__5.5.2 메모 목록 조회 구현 \u003cbr\u003e__5.5.3 메모 삽입 구현 \u003cbr\u003e__5.5.4 메모 상세 조회 및 수정 구현 \u003cbr\u003e__5.5.5 메모 삭제 구현 \u003cbr\u003e5.6 정리 \u003cbr\u003e\u003cbr\u003e\u003cb\u003e▣ 06장: 개발하기 전에 알아야 할 백엔드 기초 지식 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e6.1 서버의 종류 \u003cbr\u003e__6.1.1 웹 서버 \u003cbr\u003e__6.1.2 웹 애플리케이션 서버 \u003cbr\u003e__6.1.3 데이터베이스 서버 \u003cbr\u003e6.2 SQL이란? \u003cbr\u003e__6.2.1 SELECT \u003cbr\u003e__6.2.2 INSERT \u003cbr\u003e__6.2.3 UPDATE \u003cbr\u003e__6.2.4 DELETE \u003cbr\u003e6.3 MVC란? \u003cbr\u003e6.4 HTTP의 무상태와 세션 \u003cbr\u003e__6.4.1 이상한 대화 \u003cbr\u003e__6.4.2 HTTP 세션이란? \u003cbr\u003e__6.4.3 위키월드 직원의 업무 \u003cbr\u003e__6.4.4 서버의 업무 \u003cbr\u003e__6.4.5 HTTP 세션의 한계 \u003cbr\u003e6.5 토큰이란? \u003cbr\u003e__6.5.1 토큰이란? \u003cbr\u003e__6.5.2 JWT란? \u003cbr\u003e__6.5.3 스니핑 \u003cbr\u003e__6.5.4 유효 시간 \u003cbr\u003e__6.5.5 리프레시 토큰 \u003cbr\u003e6.6 정리 \u003cbr\u003e\u003cbr\u003e\u003cb\u003e▣ 07장: 백엔드 개발을 위한 스프링 부트 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e7.1 스프링 프레임워크란? \u003cbr\u003e__7.1.1 스프링 프레임워크의 탄생 \u003cbr\u003e__7.1.2 스프링 MVC \u003cbr\u003e__7.1.3 스프링 부트 \u003cbr\u003e7.2 스프링 컨테이너란? \u003cbr\u003e__7.2.1 의존성이란? \u003cbr\u003e__7.2.2 의존성 주입이란? \u003cbr\u003e__7.2.3 의존성 주입 예제 \u003cbr\u003e__7.2.4 스프링 컨테이너 \u003cbr\u003e7.3 스프링 프레임워크의 주요 애너테이션 \u003cbr\u003e__7.3.1 @Controller \u003cbr\u003e__7.3.2 @RestController \u003cbr\u003e__7.3.3 @RequestMapping \u003cbr\u003e__7.3.4 @GetMapping \u003cbr\u003e__7.3.5 @PostMapping \u003cbr\u003e__7.3.6 @PutMapping \u003cbr\u003e__7.3.7 @RequestBody \u003cbr\u003e__7.3.8 @DeleteMapping \u003cbr\u003e__7.3.9 @Service \u003cbr\u003e__7.3.10 @Component \u003cbr\u003e__7.3.11 @Transactional \u003cbr\u003e7.4 스프링 프레임워크의 주변 도구 \u003cbr\u003e__7.4.1 데이터베이스를 객체처럼, 스프링 데이터 JPA \u003cbr\u003e__7.4.2 모듈을 관리하는 매니저, 그레이들 \u003cbr\u003e__7.4.3 장황한 코드를 직관적으로, 롬복 \u003cbr\u003e7.5 정리 \u003cbr\u003e\u003cbr\u003e\u003cb\u003e▣ 08장: 갤러리 쇼핑몰 제작을 위한 개발 환경 구축 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e8.1 MariaDB 설치 \u003cbr\u003e__8.1.1 윈도우에 설치하기 \u003cbr\u003e__8.1.2 macOS에 설치하기 \u003cbr\u003e8.2 JDK 설치 \u003cbr\u003e__8.2.1 윈도우에 설치하기 \u003cbr\u003e__8.2.2 macOS에 설치하기 \u003cbr\u003e8.3 스프링 부트 백엔드 프로젝트 생성 \u003cbr\u003e8.4 Vite를 활용한 프런트엔드 프로젝트 생성 \u003cbr\u003e8.5 데이터베이스 설정 \u003cbr\u003e8.6 모듈 세팅 \u003cbr\u003e8.7 이미지 세팅 \u003cbr\u003e8.8 파일 및 코드 정리 \u003cbr\u003e8.9 정리 \u003cbr\u003e\u003cbr\u003e\u003cb\u003e▣ 09장: 갤러리 쇼핑몰의 백엔드 개발 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e9.1 사전 작업 \u003cbr\u003e__9.1.1 패키지 추가 \u003cbr\u003e__9.1.2 HTTP 유틸리티 추가 \u003cbr\u003e9.2 상품 API 구현 \u003cbr\u003e__9.2.1 상품 테이블 생성 \u003cbr\u003e__9.2.2 상품 엔티티 작성 \u003cbr\u003e__9.2.3 상품 리포지터리 작성 \u003cbr\u003e__9.2.4 상품 서비스 구현 \u003cbr\u003e__9.2.5 상품 컨트롤러 구현 \u003cbr\u003e9.3 계정 API 구현 \u003cbr\u003e__9.3.1 회원 테이블 생성 \u003cbr\u003e__9.3.2 회원 엔티티 작성 \u003cbr\u003e__9.3.3 회원 리포지터리 작성 \u003cbr\u003e__9.3.4 회원 서비스 구현 \u003cbr\u003e__9.3.5 계정 컨트롤러 구현 \u003cbr\u003e9.4 장바구니 API 구현 \u003cbr\u003e__9.4.1 장바구니 테이블 생성 \u003cbr\u003e__9.4.2 장바구니 엔티티 작성 \u003cbr\u003e__9.4.3 장바구니 리포지터리 작성 \u003cbr\u003e__9.4.4 장바구니 서비스 구현 \u003cbr\u003e__9.4.5 장바구니 컨트롤러 구현 \u003cbr\u003e9.5 주문 API 구현 \u003cbr\u003e__9.5.1 주문 테이블 생성 \u003cbr\u003e__9.5.2 주문 엔티티 작성 \u003cbr\u003e__9.5.3 주문 리포지터리 작성 \u003cbr\u003e__9.5.4 주문 서비스 구현 \u003cbr\u003e__9.5.5 주문 컨트롤러 구현 \u003cbr\u003e9.6 정리 \u003cbr\u003e\u003cbr\u003e\u003cb\u003e▣ 10장: 갤러리 쇼핑몰의 프런트엔드 개발 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e10.1 레이아웃 구현 \u003cbr\u003e__10.1.1 헤더 컴포넌트 구현 \u003cbr\u003e__10.1.2 푸터 컴포넌트 구현 \u003cbr\u003e__10.1.3 메인 영역 구현 \u003cbr\u003e10.2 계정 기능 구현 \u003cbr\u003e__10.2.1 계정 서비스 구현 \u003cbr\u003e__10.2.2 계정 스토어 구현 \u003cbr\u003e__10.2.3 회원가입 페이지 구현 \u003cbr\u003e__10.2.4 로그인 페이지 구현 \u003cbr\u003e10.3 상품 기능 구현 \u003cbr\u003e__10.3.1 상품 카드 컴포넌트 구현 \u003cbr\u003e__10.3.2 상품 서비스 구현 \u003cbr\u003e__10.3.3 상품 목록 페이지 구현 \u003cbr\u003e10.4 장바구니 기능 구현 \u003cbr\u003e__10.4.1 장바구니 서비스 구현 \u003cbr\u003e__10.4.2 장바구니 기능 적용 \u003cbr\u003e__10.4.3 장바구니 페이지 구현 \u003cbr\u003e10.5 주문 기능 구현 \u003cbr\u003e__10.5.1 주문 서비스 구현 \u003cbr\u003e__10.5.2 주문 입력 페이지 구현 \u003cbr\u003e__10.5.3 주문 목록 페이지 구현 \u003cbr\u003e__10.5.4 주문 상세 조회 페이지 구현 \u003cbr\u003e10.6 정리 \u003cbr\u003e\u003cbr\u003e\u003cb\u003e▣ 11장: 갤러리 쇼핑몰 애플리케이션의 기능 개선 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e11.1 인터셉터 적용을 통한 접근 제어 개선 \u003cbr\u003e__11.1.1 권한 없이 API에 접근할 때 나타나는 문제 \u003cbr\u003e__11.1.2 스프링 인터셉터란? \u003cbr\u003e__11.1.3 스프링 인터셉터 적용 \u003cbr\u003e__11.1.4 스프링 인터셉터 기능 확인 \u003cbr\u003e__11.1.5 Axios 인터셉터란? \u003cbr\u003e__11.1.6 Axios 인터셉터가 적용된 라이브러리 구현 \u003cbr\u003e__11.1.7 Axios 인터셉터 기능 확인 \u003cbr\u003e11.2 토큰 적용을 통한 로그인 기능 개선 \u003cbr\u003e__11.2.1 현재 로그인 기능의 문제 \u003cbr\u003e__11.2.2 의존성 모듈 설치 \u003cbr\u003e__11.2.3 HTTP 유틸리티 메서드 추가 \u003cbr\u003e__11.2.4 계정 상수 추가 \u003cbr\u003e__11.2.5 토큰 차단 기능 구현 \u003cbr\u003e__11.2.6 토큰 기능 구현 \u003cbr\u003e__11.2.7 토큰 계정 헬퍼 구현 \u003cbr\u003e__11.2.8 계정 컨트롤러 수정 \u003cbr\u003e__11.2.9 프런트엔드에 토큰 적용 \u003cbr\u003e__11.2.10 로그인 기능 확인 \u003cbr\u003e11.3 암호화 및 해싱을 통한 보안 개선 \u003cbr\u003e__11.3.1 암호화란? \u003cbr\u003e__11.3.2 암호화 적용 \u003cbr\u003e__11.3.3 해싱이란? \u003cbr\u003e__11.3.4 해싱 적용 \u003cbr\u003e11.4 유효성 검증을 통한 품질 개선 \u003cbr\u003e__11.4.1 로그인 유효성 검증 \u003cbr\u003e__11.4.2 회원가입 유효성 검증 \u003cbr\u003e__11.4.3 주문 입력 유효성 검증 \u003cbr\u003e__11.4.4 장바구니 담기 유효성 검증 \u003cbr\u003e11.5 페이지네이션을 통한 편의성 개선 \u003cbr\u003e__11.5.1 주문 데이터 입력 \u003cbr\u003e__11.5.2 백엔드 코드 수정 \u003cbr\u003e__11.5.3 프런트엔드 코드 수정 \u003cbr\u003e__11.5.4 페이지네이션 기능 확인 \u003cbr\u003e11.6 정리 \u003cbr\u003e\u003cbr\u003e\u003cb\u003e▣ 12장: 갤러리 쇼핑몰 애플리케이션을 AWS에 배포하기 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e12.1 프로젝트 빌드 \u003cbr\u003e__12.1.1 프런트엔드 프로젝트 빌드 \u003cbr\u003e__12.1.2 프런트엔드 빌드 파일 이동 \u003cbr\u003e__12.1.3 프런트엔드 빌드 파일 이동 자동화 \u003cbr\u003e__12.1.4 백엔드 코드 개선 및 빌드 \u003cbr\u003e__12.1.5 백엔드 이슈 확인 및 해결 \u003cbr\u003e__12.1.6 백엔드 프로젝트 빌드 \u003cbr\u003e12.2 AWS EC2 생성 \u003cbr\u003e__12.2.1 계정 만들기 \u003cbr\u003e__12.2.2 인스턴스 생성 \u003cbr\u003e__12.2.3 SFTP 접속 \u003cbr\u003e__12.2.4 SSH 접속 \u003cbr\u003e12.3 서비스 환경 구축 \u003cbr\u003e__12.3.1 JDK 설치 \u003cbr\u003e__12.3.2 MariaDB 설치 \u003cbr\u003e__12.3.3 NGINX 웹 서버 설치 \u003cbr\u003e12.4 원격 데이터베이스 접속 \u003cbr\u003e__12.4.1 데이터 소스 추가 \u003cbr\u003e__12.4.2 AWS 방화벽 규칙 추가 \u003cbr\u003e__12.4.3 MariaDB 설정 변경 \u003cbr\u003e__12.4.4 원격 접속 테스트 \u003cbr\u003e__12.4.5 원격 데이터베이스에 테이블 생성 \u003cbr\u003e12.5 애플리케이션 배포 \u003cbr\u003e__12.5.1 디렉터리 생성 \u003cbr\u003e__12.5.2 빌드 파일 업로드 \u003cbr\u003e__12.5.3 빌드 파일 실행 \u003cbr\u003e__12.5.4 리버스 프락시 \u003cbr\u003e12.6 정리 \u003cbr\u003e\u003cbr\u003e\u003cb\u003e▣ 부록: 실습용 프로그램 설치 및 기초 사용법 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003eA.1 IntelliJ IDEA 커뮤니티 에디션 \u003cbr\u003e__A.1.1 윈도우에 설치하기 \u003cbr\u003e__A.1.2 macOS에 설치하기 \u003cbr\u003e__A.1.3 테마 변경하기 \u003cbr\u003e__A.1.4 스프링 부트 프로젝트 실행하기 \u003cbr\u003eA.2 비주얼 스튜디오 코드 \u003cbr\u003e__A.2.1 윈도우에 설치하기 \u003cbr\u003e__A.2.2 macOS에 설치하기 \u003cbr\u003e__A.2.3 Vue 프로젝트 실행하기 \u003cbr\u003eA.3 DBeaver \u003cbr\u003e__A.3.1 윈도우에 설치하기 \u003cbr\u003e__A.3.2 macOS에 설치하기 \u003cbr\u003e__A.3.3 데이터베이스 서버에서 쿼리 실행하기 \u003cbr\u003eA.4 PuTTY \u003cbr\u003e__A.4.1 윈도우에 설치하기 \u003cbr\u003e__A.4.2 PuTTY로 AWS EC2 서버에 접속하기 \u003cbr\u003e__A.4.3 macOS의 터미널로 AWS EC2 서버에 접속하기 \u003cbr\u003eA.5 FileZilla \u003cbr\u003e__A.5.1 윈도우에 설치하기 \u003cbr\u003e__A.5.2 macOS에 설치하기 \u003cbr\u003e__A.5.3 AWS EC2 서버에 빌드 파일 업로드하기 \u003cbr\u003e\u003cbr\u003e\u003cb\u003e▣ 참고자료 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e도서 \u003cbr\u003e웹사이트 \u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003c\/div\u003e \",\"\u003cdiv\u003e \u003ch5\u003e\u003cb\u003e상세 이미지\u003c\/b\u003e\u003c\/h5\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e \u003cimg src=\"https:\/\/image.yes24.com\/momo\/TopCate5088\/MidCate9\/508789648.jpg\" border=\"0\" alt=\"상세 이미지 1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \",\"\u003cdiv\u003e \u003ch5\u003e\u003cb\u003e출판사 리뷰\u003c\/b\u003e\u003c\/h5\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e  \u003cb\u003e★ 이 책에서 다루는 내용 ★\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e◎ 프런트엔드와 백엔드의 기초 지식\u003cbr\u003e◎ 다양한 오픈소스 라이브러리 및 프레임워크 활용법\u003cbr\u003e◎ Vue 3 기초 지식\u003cbr\u003e◎ Vue 3를 활용한 메모 애플리케이션 개발\u003cbr\u003e◎ Vue 3와 스프링 부트를 활용한 쇼핑몰 애플리케이션 개발 및 배포\u003cbr\u003e◎ 스프링 부트의 기초 지식\u003cbr\u003e◎ 스프링 부트를 활용한 HTTP API 개발\u003cbr\u003e◎ 데이터베이스와 스프링 데이터 JPA의 기초 지식\u003cbr\u003e◎ AWS의 EC2 생성 및 운영 환경 구축\u003cbr\u003e◎ 다양한 개발 도구의 활용법 \u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003c\/div\u003e \"]\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003cdiv style=\"width:95%;padding-top:20px;padding-bottom:20px\"\u003e\n\u003cdiv style=\"text-align:left;font-size:16px;font-weight:bold;padding-bottom:20px\"\u003eGOODS SPECIFICS\u003c\/div\u003e\n\u003cdiv style=\"text-align:left;font-size:14px;line-height:1.6em;\"\u003e\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e- \u003cstrong\u003e발행일 : \u003c\/strong\u003e2025년 01월 21일\u003c\/div\u003e\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e- \u003cstrong\u003e쪽수, 무게, 크기 : \u003c\/strong\u003e672쪽 | 188*240*27mm\u003c\/div\u003e\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e- \u003cstrong\u003eISBN13 : \u003c\/strong\u003e9791158395599\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ccenter\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003c\/center\u003e\n\u003c\/center\u003e","brand":"LIBRAIRIE COREENNE","offers":[{"title":"Default Title","offer_id":43893323005994,"sku":"138832","price":46.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2750\/5962\/files\/1fedeb84e019a67e366c57a0b21b9281.jpg?v=1765395927","url":"https:\/\/librairie.coreenne.fr\/ko\/products\/138832","provider":"LIBRAIRIE COREENNE","version":"1.0","type":"link"}