책소개
이 책은 Vue.js를 이용하여 프론트엔드를 개발하고, Node.js로 MySQL 데이타베이스를 사용하는 REST API 를 구축하여 실무용 웹사이트를 만드는 과정에 대해서 설명하고 있습니다. 이 책은 기본적인 HTML, CSS, Javascript를 익힌 개발자를 대상으로 작성하였으며 실제 사이트를 만드는 과정에서 어떻게 적용하는지 프로젝트를 진행하면서 설명하고 있습니다.
목차
차례
1. 프로젝트를 시작하기전에
2. 어떤 웹사이트를 만들것인지 정리해보자
가. 웹사이트 기능정의서
나. REST API 명세서
다. DB 테이블 명세서
라. 개발 명세서
3. 프로젝트를 시작할 준비를 하자
가. Vue.js 프로젝트 생성
나. git 루트 디렉토리 변경
다. Node.js 프로젝트 생성
4. DB 테이블을 생성하고, 기초 코드를 작성하자
가. 필요한 DB 테이블 생성
나. 백엔드 어플리케이션 구동에 필요한 Core 파일과 config파일 작성
다. Vue.js 기본 설정
5. Vue.js의 기본구조를 살펴보자
가. Vue.js의 구조
나. HTML 구조
다. 스타일 영역
라. 스크립트 영역
6. SQL 쿼리문 기초
가. SELECT
나. INSERT
다. UPDATE
라. DELETE
7. 회원가입 페이지를 만들어 보자.
가. 회원가입 페이지를 만들어보자
나. 서버사이드에서의 회원가입 처리
8. 로그인과 로그아웃을 만들자
가. 로그인 처리 로직
나. 로그인 페이지 작성하기
나. 서버사이드에서의 로그인 처리
다. 미들웨어를 이용한 JWT 처리
라. 프론트엔드에서 JWT처리
라. 로그아웃 처리하기
9. 게시판을 만들어보자 1
가. 게시판을 위한 라우트 설정
나. 중첩된 라우트를 이용한 페이지 만들기
다. 게시글 목록보기의 스킨화, 컴포넌트 동적 로드
라. 서버사이드에서 게시글 목록 응답하기
10. 게시판을 만들어보자 2
가. 재사용 가능한 컴포넌트를 만들어 보자.
나. 게시글 작성 페이지
다. 서버사이드 에서의 파일 업로드 처리
라. 서버사이드에서 게시글 작성에 관한 처리
11. 게시판을 만들어보자 3
가. 게시글 내용보기 페이지
나. 게시글의 조회수 처리하기
다. 수정,삭제 기능을 넣어보자.
직접 구현해보기) 댓글 기능을 넣어보자
직접 구현해보기) 게시판의 권한을 처리해 보자
12. 내정보 페이지와 네비게이션 가드
13. 릴리즈 서버에 배포하자
가. 릴리즈 서버에서의 구동
나. PM2 를 이용한 Node.js 어플리케이션 구동
14. 이 책을 마치며