[java] 스프링부트 웹서비스 AWS 구현(1)-개발
🦥 개요
- 간단한 스프링 부트 웹서비스를 만들어 AWS에 올려본다. 이동욱저자의
스프링부트와 AWS 혼자 구현하는 웹서비스를 참고하였다. 완전히 똑같게 만들진 않고, 조금 다르게 해볼 생각이다. 예를 들어 책에서는 템플릿 엔진을 mustache 를 사용하였으나, 대신에 thymeleaf 로 해보려 한다.
인텔리 제이 시작하기
메모리 설정
-
[Help - Change memory settings] 에서 메모리 설정이 가능하다. 적당한 메모리 사이즈를 모르겠다면, 인털리제이에서 설정된 값을 사용하는 것을 추천한다.
-
PC 메모리가 8G라면 1024~2048 , 16G라면 2048~4096을 선택해서 사용한다. (난 2048 설정)
스프링부트 프로젝트 생성하기
프로젝트 생성
- 지금까지는 메이븐만 주로 사용해왔는데, 한번 그레이들로 해보기로 함
- build.gradle 을 스프링프로젝트로 구성하기 위한 설정을 해보았다.
buildscript {
ext {
springBootVersion = '2.1.7.RELEASE'
}
repositories {
mavenCentral()
}
dependencies {
classpath("org.springframework.boot:spring-boot-gradle-plugin:${springBootVersion}")
}
}
apply plugin: 'java'
apply plugin: 'eclipse'
apply plugin: 'org.springframework.boot'
apply plugin: 'io.spring.dependency-management'
group = 'com.sk'
version = '1.0-SNAPSHOT'
sourceCompatibility = 1.11
repositories {
mavenCentral()
}
dependencies {
compile('org.springframework.boot:spring-boot-starter-web')
testCompile('org.springframework.boot:spring-boot-starter-test')
}
- 그레이들 reload를 하였는데 오류가 발생하였다.
Could not find method compile() for arguments .... - 뭔가 그레이들 버전이 맞지 않는다는 게 느껴졌다.
-
저자의 github 에 보니, 해당 그레이들 설정은 4.10.2까지 정상작동 한다고 한다. 현업에서는 아직도 그레이들 4가 많이 사용되어서 저렇게 했다는,,
- 방법은 그레이들을 다운그레이드 하여 진행하면 된다.
- 방법1. 은 gradle-wrapper.properties 파일의 버전 정보를 직접 수정하는 것이다. (gradle-4.10.2-bin.zip)
- 방법2. 는 터미널에서
gradlew wrapper --gradle-version 4.10.2명령어를 치면 된다고 하는데, 잘 되지않아 방법1을 사용했다.
buildscript {
ext {
springBootVersion = '2.1.7.RELEASE'
}
repositories {
mavenCentral()
}
dependencies {
classpath("org.springframework.boot:spring-boot-gradle-plugin:${springBootVersion}")
}
}
apply plugin: 'java'
apply plugin: 'eclipse'
apply plugin: 'org.springframework.boot'
apply plugin: 'io.spring.dependency-management'
group = 'com.sk'
version = '1.0-SNAPSHOT'
sourceCompatibility = 1.8
repositories {
mavenCentral()
}
dependencies {
compile('org.springframework.boot:spring-boot-starter-web')
testCompile('org.springframework.boot:spring-boot-starter-test')
}
io.spring.dependency-management는 스프링 부트의 의존성들을 관리해주는 플러그인이라 꼭 추가해주어야 한다.- 아래는 그레이들 5 이상으로 했을 경우이다. 나중에 배포까지 완료 한 후에 그레이들 5, 스프링부트도 2.7.0으로 업그레이드 해봐야 겠다.
plugins {
id 'org.springframework.boot' version '2.7.0'
id 'io.spring.dependency-management' version '1.0.11.RELEASE'
id 'java'
}
group = 'com.sk'
version = '0.0.1-SNAPSHOT'
sourceCompatibility = '11'
repositories {
mavenCentral()
}
dependencies {
implementation 'org.springframework.boot:spring-boot-starter-web'
testImplementation 'org.springframework.boot:spring-boot-starter-test'
}
tasks.named('test') {
useJUnitPlatform()
}
깃 연동
- [shift + shift] 단축키를 누르고, ‘share project on github’ 를 입력한다.
- Repository name 은 프로젝트명과 동일하게 한 후, Add Count 를 클릭한다.
- github 로그인 페이지로 연결되어 인증하는 방식으로 진행된다.
- 앗, 그런데 git 이 설치되어 있지 않다. git 설치를 진행한다.
- 설치 완료 후, 다시 ‘share project on github’를 진행하니, 이미 동일한 이름으로 레파지토리가 있다고 나온다. ㅜ
- 인텔리제이에서 github 연동하는 것을 구글링해보니, 레파지토리 생성을 인텔리제이에서 하는 경우와 github 에서 하는 2가지 방식에 대해 설명해놓은 것이 있어 참고하며 진행하였다.
- [shift + shift] 단축키를 이용해
Create git repository를 입력한다. - 대상 프로젝트 디렉토리를 선택하고, OK를 클릭.
git > add를 진행한다. commit 전 add를 통해 Staging에 코드를 추가하는 것이라고 한다.git > commit directory를 진행한다. 변경사항을 확정하여 Local 영역에 저장하는 작업.
- .idea 에 있는 파일을 제외(인텔리제이에서 생성하는 파일들로 github에 올릴필요 없음)하고, 나머지 파일을 선택 한 후,
commit and push를 클릭한다.
- 연동될 github 레파지토리 주소를 입력한다.
- PUSH 클릭
- github 에 접속해보면 소스가 올라가 있음.
-
git에서는 .gitignore 파일을 이용하여, 커밋대상제외를 관리한다. 하지만 인텔리제이에서는 .gitignore 파일에 대한 기본적인 지원이 없다. 대신 플러그인을 지원한다.
-
플러그인은
파일위치자동완성/이그노어처리여부 확인/다양한 이그노어 파일지원등의 기능을 지원한다. - [shift + shift] 클릭후에 plugins 를 검색한다.
.ignore를 검색후 설치 하고, 인텔리제이를 재시작한다.
- 프로젝트에서 우클릭후 NEW-.ignore File에서 .gitignore File 을 생성한다.
- Generator 화면는 이그노어 템플릿을 선택하는 화면인데, 만들어둔 것이 없으므로 그냥 Generate 를 클릭한다.
테스트 코드 작성
- 저자는 테스트 코드의 중요성을 강조함. 단위 테스트에 대한 이점은 다음과 같다.
- 단위테스트는 개발단계 초기에 문제를 발견하게 도와준다.
- 리팩토링 또는 라이브러리 업데이트시 기능이 올바르게 동작하는지 확인할 수 있다.
- 불확실성 감소
- 단위테스트는 시스템에 대한 실제 문서를 제공한다. 단위테스트 자체를 문서로 사용할 수 있다.
-
TDD 배울수 있는 링크(채수원, TDD실천법과 도구) https://repo.yona.io/doortts/blog/issue/1
- 간단한 HelloController 를 생성 후 테스트 코드를 검증한다.
@RestController
class HelloController {
@GetMapping("/hello")
public String hello() {
return "hello";
}
}
package com.sk;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.test.autoconfigure.web.servlet.WebMvcTest;
import org.springframework.test.context.junit4.SpringRunner;
import org.springframework.test.web.servlet.MockMvc;
import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.get;
import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.content;
import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
@RunWith(SpringRunner.class)
@WebMvcTest(controllers = App.HelloController.class)
public class HelloControllerTest {
@Autowired
private MockMvc mvc;
@Test
public void hello가_리턴된다() throws Exception{
String hello = "hello";
mvc.perform(get("/hello"))
.andExpect(status().isOk())
.andExpect(content().string(hello));
}
}
- 위 코드에 대한 간단한 설명
-
- @RunWith(SpringRunner.class)
- Junit 에 내장된 실행자외에 SpringRunner.class 라는 확장된 클래스를 실행하게 된다. @Autowired를 통해 빈을 주입받을 수 있거나 하는 것처럼 스프링 컨테이너를 활용할 수 있게 된다. JUnit5에서는 @RunWith 역할을 하는 어노테이션이 @ExtendWith 로 변경되었다. 그리고 해당 어노테이션은 @SpringBootTest 어노테이션에 포함되어있기 때문에 별도로 정의할 필요도 없다.
-
-
- @WebMvcTest
- @Controler 등을 사용하의 Web(Spring MVC)를 테스트 할 수 있다. 단, @Service, @Component, @Repository 등은 사용X
-
- MockMVC
- 웹API 테스트 할 때 사용
- mvc.perform(get(“/hello”)) : HTTP GET 요청
- andExpect(Status().isOk()) : perform 메서드의 결과를 검증한다. HTTP header header 의 status 를 검증한다. isOk()는 200 코드 인지 검증.
- andExpect(content().string(hello)) : 응답 본문을 검증한다.
롬복 설치하기
- build.gradle 에 의존성 추가
compile('org.projectlombok:lombok) - 롬복 플러그인 설치, [shift + shift] 단축키 입력 후, plugins 입력
- 플러그인 검색창에서 lombok 을 입력후 검색한다. 예전에는 lombok 으로 조회가 되었는데,
kfang agent lombok이라는게 조회된다. 뭔가 기존 롬복의 향상된 버전으로 보인다. 일단 설치!
- 인텔리제이를 재시작하고, Enable annotation processing 을 체크한다.
-
build.gradle 에 라이브러리를 추가하는 것과 Enable annotation processing 체크는 프로젝트마다 해주어야 한다. 플러그인 설치는 반복할필요 없다.
- 롬복을 사용하여 HelloController를 바꿔보자
@RestController
class HelloController {
@GetMapping("/hello")
public String hello() {
return "hello";
}
@GetMapping("/hello/dto")
public HelloResponseDto helloDto(@RequestParam("name") String name,
@RequestParam("amount") int amount){
return new HelloResponseDto(name, amount);
}
}
@Getter
@RequiredArgsConstructor
static class HelloResponseDto{
private final String name;
private final int amount;
}
- 아래는 테스트 코드이다.
@Test
public void helloDto_정상리턴() throws Exception {
String name = "hello";
int amount = 1000;
mvc.perform(get("/hello/dto")
.param("name", name)
.param("amount", String.valueOf(amount)))
.andExpect(status().isOk())
.andExpect(jsonPath("$.name", is(name)))
.andExpect(jsonPath("$.amount", is(amount)));
}
-
param : api 테스트 할 때 요청 파라미터 설정, 단 String 값만 허용되어 숫자/날짜 등의 데이터를 문자열로 변경해야 한다.
-
jsonPath : jJSON 응답값을 필드별로 검증할 수 있는 메소드로, $를 기준으로 필드명 명시
그레이들 설정 변경
- 스프링을 실행할때 gradle을 통해 실행될때가 있어 속도가 느릴수 있다. 아래 그림처럼 바꿔주면 인텔리제이 자체에서 실행되므로 속도가 개선된다.
스프링부트에서의 JPA
- 객체지향적으로 프로그래밍을 하고, JPA가 이를 관계형 데이터베이스에 맞게 SQL을 대신 생성해서 실행해준다. 객체 중심으로 개발하니 생산성도 향상되고 유지보수도 쉬워진다. 이런점 때문에 점점 JPA가 표준 기술로 자리 잡고 있다.
Spring Data JPA
- JPA는 인터페이스이고, 그 구현체로 Hibernate 가 있고, 그것을 더 쉽게 사용하고자 추상화 시킨 Spring DAta JPA가 있다.
-
장점 : 구현체 교체용이 / 저장소 교체 용이 작, Hibernate 구현체를 쓰다 다른거로 교체하기도 용이하고, Spring data jpa 를 쓰다가 트래픽증가로 몽고 DB를 쓰기 위해 Spring Data MongoDB로 바꾸는것도 용이하다.
- build.gradle 에 의존성을 추가한다.
- spring-boot-starter-data-jpa : 스프링부트 버전에 맞춰 자동으로 JPA관련 라이브러리들의 버전을 관리해준다.
- com.h2database:h2 : 인메모리 관계형 데이터베이스로 별도 설치 없이 의존성만으로 관리 가능하다. 테스트 용도로 많이 사용된다.
dependencies {
compile('org.springframework.boot:spring-boot-starter-web')
compile('org.projectlombok:lombok')
compile('org.springframework.boot:spring-boot-starter-data-jpa')
compile('com.h2database:h2')
testCompile('org.springframework.boot:spring-boot-starter-test')
}
- 도메인 모델을 정의한다. Posts 클래스는 실제 테이블과 매칭될 것이며, 보통 Entity 클래스라 한다.
- @Entity : 테이블과 링크될 클래스를 나타낸다. 클래스의 이름과 테이블명은 다음과 같이 매칭된다. ex : SalesManager.java -> SALES_MANAGER table
- @Id : 테이블의 PK를 나타낸다.
- @GeneratedValue : PK의 생성 규칙을 나타낸다. 스프링부트 2.0에서는
GenerationType.IDENTITY옵션을 추가해야 auto_increment 가 된다. - @Column : 선언하지 않아도 컬럼이 되지만, 추가 변경이 필요한 옵션이 있는 경우 선언한다. 문자열의 경우 기본은 varchar(255)이며 변경 필요한 값으로 선언할수 있다. 타입을 TEXT로도 변경할 수 있다.
@Getter
@NoArgsConstructor
@Entity
public class Posts {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private Long id;
@Column(length = 500, nullable = false)
private String title;
@Column(columnDefinition = "TEXT", nullable = false)
private String content;
private String author;
@Builder
public Posts(String title, String content, String author){
this.title = title;
this.content = content;
this.author = author;
}
}
PK키는 Long 타입의 Auto_increment를 추천
- 주민번호 같은 유니크키나 복합키는 FK를 맺을때 다른 테이블에서 복합키 전부를 갖고 있거나, 중간 테이블을 하나 둬야 하는 상황이 발생할 수 있다.
- 인덱스에 좋지 않은 영향을 끼친다고 함
- 유니크한 조건이 변경될때 PK전체를 수정해야 하는 일 발생
- 주민번호, 복합키등 필요하면 유니크 키로 별도로 추가
클래스 명과 가까운 곳에 @Entity를 선언하고 먼 곳에 롬복 관련 어노테이션을 선언한다.
- 롬복이 필요없는 환경에서 쉽게 제거 가능하다.
Entity 클래스에는 Setter 메소드를 만들지 않는다.
- 값 변경 필요시, 명확히 목적과 의도를 드러내는 메소드를 선언.
Repository 클래스를 생성한다.
package com.sk.started.posts;
import org.springframework.data.jpa.repository.JpaRepository;
public interface PostsRepository extends JpaRepository<Posts, Long> {
}
JpaRepository<Posts, Long>를 상속하면 자동으로 CRUD 메소드를 만들어준다.- @Repository를 추가할 필요 없다. 대신 Posts 와 PostsRepository 는 패키지상 함께 위치해 있어야 한다. Entity는 기본 Repository 없이는 제대로 역할 할수 없다.
테스트 코드 작성
@RunWith(SpringRunner.class)
@SpringBootTest
public class PostsRepositoryTest {
@Autowired
PostsRepository repository;
@After
public void cleanup(){
repository.deleteAll();
}
@Test
public void save_게시글저장불러오기(){
//given
String title = "테스트용 제목";
String content = "테스트용 본문";
repository.save(Posts.builder()
.title(title).content(content).author("lee").build());
//when
List<Posts> postsList = repository.findAll();
//then
Posts posts = postsList.get(0);
assertThat(posts.getTitle()).isEqualTo(title);
assertThat(posts.getContent()).isEqualTo(content);
}
}
- @After : 단위 테스트가 끝날때마다 수행
- repository.save : id값이 없다면 insert, 있다면 update 를 수행한다.
- 실행되는 쿼리가 보고 싶다면, application.properties 에
spring.jpa.show_sql=true추가한다. - H2는 Mysql 쿼리를 수행해도 정상 작동 된다고 한다. 출력되는 쿼리 로그를 mysql 버전으로 바꾸고 싶다면,
spring.jpa.properties.hibernate.dialect=org.hibernate.dialect.MySQL5InnoDBDialect
등록/수정/조회 API
서비스(Service) Layer 에서 비즈니스 로직 구현?
- 서비스는 트랜잭션, 도메인간 순서 보장만 한다.
- 비즈니스 로직은 도메인에 구현되어야 한다.
- PostsService.java
@RequiredArgsConstructor
@Service
public class PostService {
private final PostsRepository repository;
@Transactional
public Long save(PostSaveRequestDto requestDto) {
return repository.save(requestDto.toEntity()).getId();
}
}
- PostsController.java
@RequiredArgsConstructor
@RestController
public class PostsController {
private final PostService postService;
@PostMapping("/api/v1/posts")
public Long save(@RequestBody PostSaveRequestDto requestDto){
return postService.save(requestDto);
}
}
- Entity 클래스를 request/response DTO 로 사용하지 말것. Entity 클래스는 데이터베이스와 맞닿은 핵심 도메인 클래스이기 때문에 변경에 대한 영향이 크다.
- DB Layer 와 View Layer 의 역할 분리를 철저히 하자.
- PostSaveRequestDto.java
@Getter
@NoArgsConstructor
public class PostSaveRequestDto {
private String title;
private String content;
private String author;
@Builder
public PostSaveRequestDto(String title, String content, String author){
this.title = title;
this.content = content;
this.author = content;
}
public Posts toEntity() {
return Posts.builder()
.title(title).content(content).author(author)
.build();
}
}
- PostsController 테스트 해보기
@RunWith(SpringRunner.class)
@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
public class PostsControllerTest {
@LocalServerPort
private int port;
@Autowired
private TestRestTemplate restTemplate;
@Autowired
private PostsRepository repository;
@After
public void tearDown(){
repository.deleteAll();
}
@Test
public void posts_등록된다(){
//given
String title = "title";
String content = "content";
PostSaveRequestDto requestDto = PostSaveRequestDto
.builder()
.title(title)
.content(content)
.author("lee")
.build();
String url = "http://localhost:" + port + "/api/v1/posts";
//when
ResponseEntity<Long> response = restTemplate.postForEntity(url, requestDto, Long.class);
assertThat(response.getStatusCode()).isEqualTo(HttpStatus.OK);
assertThat(response.getBody()).isGreaterThan(0L);
List<Posts> all = repository.findAll();
assertThat(all.get(0).getTitle()).isEqualTo(title);
assertThat(all.get(0).getContent()).isEqualTo(content);
}
}
- @WebMvcTest는 JPA 기능이 동작하지 않아, JPA기능까지 테스트 할때는 @SpringBootTest 와 TestRestTemplate 을 사용한다.
수정/조회 기능 만들기
- PostsController.java 메서드 추가
...
@PutMapping("/api/v1/posts/{id}")
public Long update(@PathVariable Long id, @RequestBody PostSaveRequestDto requestDto){
return postService.update(id, requestDto);
}
@GetMapping("/api/v1/posts/{id}")
public PostResponseDto findById(@PathVariable Long id){
return postService.findById(id);
}
- PostResponseDto.java
@Getter
public class PostResponseDto {
private Long id;
private String title;
private String content;
private String author;
public PostResponseDto(Posts entity){
this.id = entity.getId();
this.title = entity.getTitle();
this.content = entity.getContent();
this.author = entity.getAuthor();
}
}
- PostUpdateRequestDto.java
@Getter
@NoArgsConstructor
public class PostUpdateRequestDto {
private String title;
private String content;
@Builder
PostUpdateRequestDto(String title, String content) {
this.title = title;
this.content = content;
}
}
- Posts.java 에 update 메서드 추가
public void update(String title, String content){
this.title = title;
this.content = content;
}
- PostsService.java 에 update/findById 추가하기
...
@Transactional
public Long update(Long id, PostUpdateRequestDto requestDto) {
Posts posts = postsFindById(id);
posts.update(requestDto.getTitle(), requestDto.getContent());
return id;
}
public PostResponseDto findById(Long id) {
Posts posts = postsFindById(id);
return new PostResponseDto(posts);
}
private Posts postsFindById(Long id){
return repository.findById(id)
.orElseThrow(()-> new IllegalArgumentException("해당 게시글이 없습니다. id:"+id));
}
더티 체킹
- Entity 객체의 값을 변경 한 후 , 트랜잭션이 끝나면 update 쿼리를 통해 테이블에 반영된다.
Update 테스트 코드 작성하기
@Test
public void posts_수정된다(){
//given
Posts savePosts = repository.save(Posts.builder()
.title("title")
.content("content")
.author("author")
.build());
Long updateId = savePosts.getId();
String expectedTitle = "title2";
String expectedContent = "content2";
PostUpdateRequestDto requestDto = PostUpdateRequestDto.builder()
.title(expectedTitle)
.content(expectedContent)
.build();
String url = "http://localhost:" + port + "/api/v1/posts/" + updateId;
HttpEntity<PostUpdateRequestDto> requestEntity = new HttpEntity<>(requestDto);
ResponseEntity<Long> responseEntity = restTemplate.exchange(url, HttpMethod.PUT, requestEntity, Long.class);
assertThat(responseEntity.getStatusCode()).isEqualTo(HttpStatus.OK);
assertThat(responseEntity.getBody()).isGreaterThan(0L);
List<Posts> all = repository.findAll();
assertThat(all.get(0).getTitle()).isEqualTo(expectedTitle);
assertThat(all.get(0).getContent()).isEqualTo(expectedContent);
}
H2 콘솔 사용하기
- application.properties 에 다음과 같은 설정을 추가한다.
spring.h2.console.enabled=true - main 메서드를 실행하여 어플리케이션을 구동한다.
http://localhost:8080/h2-console로 접속한다.jdbc:h2:mem:testdb로 url 을 입력한다.
JAP Auditing으로 생성시간/수정시간 자동화 하기
- BaseTimeEntity.java : 모든 Entity 의 상위클래스가 되어 Entity 들의 생성/수정시간 을 자동으로 관리
@Getter
@MappedSuperclass
@EntityListeners(AuditingEntityListener.class)
public abstract class BaseTimeEntity {
@CreatedDate
private LocalDateTime createDate;
@LastModifiedDate
private LocalDateTime modifiedDate;
}
- @MappedSuperclass : JPA Entity 들이 BaseTimeEntity 를 상속할 경우 createDate, modifiedDate 를 컬럼으로 인식하도록 한다.
- @EntityListeners : BaseTimeEntity 에 Auditing 기능을 포함.
- JPA Auditing 기능을 활성화 하기 위해 App 클래스에 어노테이션 추가 (@EnableJpaAuditing)
- Test code =>
@Test
public void baseTimeEntity_등록(){
//given
LocalDateTime now = LocalDateTime.of(2022, 6, 16, 0,0,0);
repository.save(Posts.builder()
.title("title")
.content("content")
.author("author")
.build()
);
//when
List<Posts> all = repository.findAll();
//then
Posts posts = all.get(0);
assertThat(posts.getCreateDate()).isAfter(now);
assertThat(posts.getModifiedDate()).isAfter(now);
}
타임리프로 화면 구성하기
- build.gradle 에 의존성 추가
compile('org.springframework.boot:spring-boot-starter-thymeleaf')
- src/main/resouces/templates/index.html 생성
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<title>마이 페이지</title>
</head>
<body>
<h1>마이 웹 서비스 연습</h1>
</body>
</html>
- index controller 생성
@Controller
public class IndexController {
@GetMapping("/")
public String index(){
return "index";
}
}
- 메인페이지 테스트 코드
@RunWith(SpringRunner.class)
@SpringBootTest(webEnvironment = RANDOM_PORT)
public class IndexControllerTest {
@Autowired
private TestRestTemplate restTemplate;
@Test
public void 메인페이지_로딩(){
//when
String body = this.restTemplate.getForObject("/", String.class);
//then
Assertions.assertThat(body).contains("마이 웹 서비스 연습");
}
-
App 클래스 main 실행 후에 http://localhost:8080/ 접속해본다.
-
Posts 등록 화면
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<title>Posts 등록하기</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<h1>Posts 등록하기</h1>
<div>
<form>
<div>
<input type="text" id="title" placeholder="제목을 입력하세요">
<input type="text" id="content" placeholder="내용을 입력하세요">
<input type="text" id="author" placeholder="저자를 입력하세요">
</div>
</form>
<a href="/" role="button">취소</a>
<button type="button" id="btn-save">등록</button>
</div>
<script src="/js/app/posts/posts-save.js"></script>
</body>
</html>
- 등록 화면 js
var postsSave = {
init : function(){
var _this = this;
$('#btn-save').on('click', function(){
_this.save();
});
},
save : function(){
var data = {
title : $('#title').val(),
author : $('#author').val(),
content : $('#content').val()
};
$.ajax({
type: 'POST',
url: '/api/v1/posts',
dataType: 'json',
contentType: 'application/json; charset=utf-8',
data: JSON.stringify(data)
}).done(function(){
alert('글이 등록되었습니다. ');
window.location.href='/';
}).fail(function(error){
alert(JSON.stringify(error));
});
}
}
postsSave.init();
-
var postsSave 란 객체를 만들어 해당 객체에서 필요한 function 을 만든다. 이렇게 하면 postsSave 객체 안에서만 function 이 유효하기 때문에 다른 js 와 겹칠 위험이 사라진다. ES6를 비롯한 최신 자바스크립트 버전이나 앵귤라, 뷰등은 이미 프레임워크 레벨에서 지원한다.
-
전체 목록 조회하기
...
<tbody>
<tr th:each="post : ${posts}">
<td ><a th:text="${post.id}" th:href="@{/posts/update/{param}(param=${post.id})}">id</a></td>
<td th:text="${post.title}">title</td>
<td th:text="${post.author}">author</td>
<td th:text="${post.modifiedDate}">modifiedDate</td>
</tr>
</tbody>
...
- PostService.java 에 전체조회 메서드 추가
- map(posts -> new PostListResponseDto(posts)) 는 map(PostListResponseDto::new) 와 동일함.
@Transactional(readOnly = true)
public List<PostListResponseDto> findAllDesc() {
return repository.findAll().stream()
.map(PostListResponseDto::new)
.collect(Collectors.toList());
}
- 수정 및 삭제에 대한 내용은 스킵!
- 스크링 시큐리티 부분도 일단 스킵하고, 바로 AWS에 배포하는걸 해보기롤~
Reference
- 스프링부트와 AWS 혼자 구현하는 웹서비스 ( by 이동욱)
- 참고 사이트 https://gocheat.github.io/common/clean-arc-package/
Leave a comment