Dev/Project 6

[Spring&Angular] Spring 게시판 만들기 - Angular와 Swagger 연동

!주의 Spring 게시판 만들기 포스트는 개발 기록을 남기는 것에 의의가 있습니다. 포스팅되는 내용대로 꼭 해야 한다는 법은 없습니다. 이 포스트는 이전 포스트에서 이어집니다. 해당 포스트는 개념보다 실전 위주로 작성되어 자세한 설명은 다루지 않습니다. 이번 프로젝트의 핵심인 Angular와 Swagger의 연동에 대해서 다뤄보겠습니다. 먼저 실전위주로 작성되어 있기 때문에 개념이나 자세한 설명은 추후에 보강하겠습니다. 이번 프로젝트에 작성할 기능을 파일을 담을 디렉토리 features를 생성합니다. 생성하는 방법은 아래와 같습니다. 먼저 API에 대응하는 모델을 만들어줄 필요가 있습니다. features 디렉토리 안에 board.model.ts를 작성합니다. //board.model.ts export..

Dev/Project 2020.03.19

[Spring&Angular] Spring 게시판 만들기 - WebStrom(웹스톰) Angular(앵귤러) 프로젝트 시작하기

!주의 Spring 게시판 만들기 포스트는 개발 기록을 남기는 것에 의의가 있습니다. 포스팅되는 내용대로 꼭 해야 한다는 법은 없습니다. 이 포스트는 이전 포스트에서 이어집니다. 이번 포스트에서는 강력한 프론트엔드 WebStrom을 이용해 Angular 프로젝트를 시작하는 법을 다뤄보겠습니다. 개발환경은 아래와 같습니다. - Node.js - WebStorm 2019.03 * WebStrom JetBrains에서 만든 유료 프론트엔드 개발 툴로써 Angular를 비롯한 TypeScript, Node.js 등 다양한 프론트엔드 개발 환경을 제공합니다. WebStrom또한 IntelliJ 처럼 학생과 비영리프로젝트를 진행하다면 신청을 통해 지원을 받을 수 있습니다. 이번 포스트에서도 자세한 설치방법은 다루지..

Dev/Project 2020.03.19

[Spring&Angular] Spring 게시판 만들기 - CRUD 게시판 API

!주의 Spring 게시판 만들기 포스트는 개발 기록을 남기는 것에 의의가 있습니다. 포스팅되는 내용대로 꼭 해야 한다는 법은 없습니다. 이 포스트는 이전 포스트에서 이어집니다. 이번 포스트는 CRUD 게시판에 사용할 API에 대해 다뤄보겠습니다. CRUD는 Create, Read, Update, Delete의 앞 알파벳을 따서 합친 용어로 쉽게 말하면 생성, 읽기, 수정, 삭제를 일컬는 말입니다. HTTP Method인 POST, GET, PUT, DELETE는 Create, Read, Update, Delete에 대응합니다. Controller에서는 해당 Http Method에 맞게 mapping을 해주어 자동화를 진행하면 됩니다. 그럼 이제 API를 만들기 위한 코드를 살펴보겠습니다. 이번에는 bo..

Dev/Project 2020.03.19

[Spring&Angular] Spring 게시판 만들기 - Swagger

!주의 Spring 게시판 만들기 포스트는 개발 기록을 남기는 것에 의의가 있습니다. 포스팅되는 내용대로 꼭 해야 한다는 법은 없습니다. 이 포스트는 이전 포스트에서 이어집니다. 이번 포스트는 Swagger를 사용해 API 문서를 자동화하는 법을 다뤄보겠습니다. Swagger를 통해 API 문서를 자동화해야 후에 Angular와 연동할 수가 있습니다. 가장 먼저 해야 할 일은 build.gradle에 Swagger 라이브러리를 추가해야 합니다. 추가한 후에 Gralde에서 꼭 Reimport를 진행합니다. 그래야 프로젝트 전체에 반영이 됩니다. dependencies { //상위 코드 생략 implementation 'io.springfox:springfox-swagger2:2.9.1' implement..

Dev/Project 2020.03.19

[Spring&Angular] Spring 게시판 만들기 - HelloWorld

!주의 Spring 게시판 만들기 포스트는 개발 기록을 남기는 것에 의의가 있습니다. 포스팅되는 내용대로 꼭 해야 한다는 법은 없습니다. 이 포스트는 이전 포스트에서 이어집니다. 이번 포스트에서는 프로그래밍을 한다면 무조건 한 번씩은 거쳐가는 HelloWorld를 만들어보겠습니다. 가장 먼저 HelloWorld를 출력하기 위한 HelloController.java를 만들어줍니다. 그럼 위와 같이 텅텅 빈 하나의 HelloController.java가 생성이 됩니다. 하단에 있는 코드를 적어 내용을 채워줍시다. import lombok.Getter; import lombok.Setter; import org.springframework.stereotype.Controller; import org.sprin..

Dev/Project 2020.03.19

[Spring&Angular] Spring 게시판 만들기 - IntelliJ(인텔리제이) Project 시작하기

!주의 Spring 게시판 만들기 포스트는 개발 기록을 남기는 것에 의의가 있습니다. 포스팅 되는 내용대로 꼭 해야한다는 법은 없습니다. Spring과 Angular를 사용해 CRUD 게시판을 만드는 법을 알아보겠습니다. 이번 포스트에서는 IntelliJ에서 프로젝트를 생성하고 시작하는 법을 다뤄보겠습니다. 개발환경은 아래와 같습니다. - IntelliJ IDEA Ultiamte Edtion 2019.03 - JDK 8 - Gradle - MariaDB 10.5 - Tomcat 9.0.31 * IntelliJ IDEA Ultiamte Edtion JetBrains에서 만든 유료 JAVA 개발 도구입니다. 커뮤니티 버전과 얼티메이트 버전의 기능은 상이합니다. 학생이나 비영리적인 프로젝트를 진행한다면 공식홈..

Dev/Project 2020.03.11