컴퓨터 공부하는 블로그 컴퓨터 공부하는 블로그

15. 스프링부트와 AWS - 부트스트랩과 제이쿼리 앞서 Index를 통해서 mustache가 제대로 실행되는 것을 확인해보았다. 이제 앞서 만든 내용을 바탕으로 게시글 조회, 등록, 수정 등의 화면을 만들어야 한다. 우선 그 전에 해당 프로젝트는 부트스트 sgcomputer.tistory.com 이전 글에서 레이아웃 방식을 통해 header, footer를 따로 만들어줬다. 이제 본격적으로 이걸 이용해서 게시판 화면을 구현해보자. 우선 포스트에서는 등록 화면부터 만들어보도록 하자. 화면 영역의 경우 기본 코드가 길기 때문에 일일이 치는건 무리가 있다. jojoldu/freelec-springboot2-webservice Contribute to jojoldu/freelec-springboot2-webs..

앞서 Index를 통해서 mustache가 제대로 실행되는 것을 확인해보았다. 이제 앞서 만든 내용을 바탕으로 게시글 조회, 등록, 수정 등의 화면을 만들어야 한다. 우선 그 전에 해당 프로젝트는 부트스트랩, 제이쿼리를 이용하므로 준비할 것이 몇 가지 있다. 부트스트랩, 제이쿼리 모드 라이브러리로서 매번 mustache에 코드를 추가해야한다. 이는 중복되는 코드이므로 이를 레이아웃 방식으로 mustache에 삽입해줄 예정이다. 레이아웃 방식으로 라이브러리 추가하기 우선 이전에 만든 "/src/main/resources/templates" 폴더 안에 layout폴더를 만든다. 이제 layout폴더 안에 캡쳐샷처럼 "header.mustache", "footer.mustache"를 생성해준다. header...

지금까지는 기본적인 데이터 베이스 읽기, 쓰기, 수정하기 기능을 만들어봤다. 이제는 해당 기능을 바탕으로 화면 구현을 하도록 하자. 템플릿 엔진이란? 특정 템플릿 양식과 데이터 베이스에서 불러온 데이터를 합성해 결과물을 만드는 소프트웨어. 템플릿 엔진의 종류 크게 서버 사이드 템플릿 엔진과 클라이언트 사이드 템플릿 엔진으로 나뉜다. 서버 템플릿 엔진은 서버에서 결과물을 만들어서 브라우저를 통해 사용자에게 전달한다. 반면 클라이언트 템플릿 엔진은 서버에서는 Json, xml 형식의 데이터만 브라우저에 전달한다. 그리고 브라우저에서 고객이 요청한 내용대로 결과물을 만들어서 전달하는 역할을 한다. 흔히 스프링과 함께 배우는 JSP같은 경우는 서버 템플릿 엔진으로 볼 수 있다. 머스테치란? 머스테치는 템플릿 엔..

지금까지 API를 만들면서 게시글 기능에서 빠져있는게 있다. 바로 시간이다. 보통 인터넷 게시판을 이용해보면 알겠지만 시간이 표기되어있다. 하지만 우리가 작성한 코드에는 내용이 없는데, 이에 대해서 JPA Auditing 기능을 사용해보자. JPA Auditing이란? 모든 게시물에는 일반적으로 시간 개념을 넣어준다. 그렇다보니 게시물을 등록, 수정할 때 매번 같은 코드를 필연적으로 넣어야 한다. 이로 인해 같은 코드를 매번 넣어줘야해서 귀찮아지고 코드가 지저분해지기 마련이다 이럴 때 JPA가 제공하는 Auditing이란 기능을 사용하면 된다. Auditing은 데이터가 입력, 수정 될 때마다 감시해 자동으로 시간을 입력해주는 기능을 한다. BaseTimeEntity클래스 생성 우선 "/src/main/..

이전까지 테스트를 통해서 API가 작동하는 것을 확인할 수 있었다. 하지만 실제로 눈으로 확인해보고 싶을 수 있다. 그럴 때는 로컬환경에서 H2 Database를 이용해보면 쉽게 결과물을 볼 수 있다. 이전에 이미 컴파일하는 과정을 거쳤기 때문에 이제 실제로는 사용법을 익혀서 써보면 된다. H2 Database 설정하기 이전에 만든 "/src/main/resources/application.properties"에 진입한다. 위와 같이 "spring.h2.console.enabled=true"를 입력한다. "/src/main/java/Application" 클래스로 진입해서 main 메서드를 실행한다. H2 Database 실행하기 브라우저를 켜고 "http://localhost:8080/h2-consol..

10. 스프링부트와 AWS - 게시글 등록 API 만들기 지난번 오늘 쓸 내용을 다루다가 내용이 산으로 가서...게시판을 마저 만들도록 하자. 게시물 등록용 API를 만들기 위해선 총 3개의 클래스가 필요하다. - Request 데이터를 받을 dto - API 요청을 받을 sgcomputer.tistory.com 이전 글에서 게시글 등록 API를 만들었다. 이번에는 게시글 조회, 수정 API를 만들어보자. 우선 조회 및 수정 API를 위해 전체적으로 할 일은 다음과 같다. - PostsResponseDto(조회용 Dto) 클래스 생성 - PostsUpdateDto(업데이트용 Dto) 클래스 생성 - PostsApiController 클래스 수정 - PostsService 클래스 수정 - Posts 클래스..

지난번 오늘 쓸 내용을 다루다가 내용이 산으로 가서...게시판을 마저 만들도록 하자. 게시물 등록용 API를 만들기 위해선 총 3개의 클래스가 필요하다. - Request 데이터를 받을 dto - API 요청을 받을 Controller - 트랜잭션, 도메인 기능 간의 순서를 보장하는 Service 간단히 설명하면 사용자가 요청하는 Controller. 전달받은 내용과 데이터를 전달하는 dto. 이를 처리할 수 있도록 도와주는 Service. 이렇게 구성을 할 예정이다. 클래스 만들기 위에서 이야기했듯 만들어야 할 클래스는 총 3개다. - src/main/java/com/my/practice00/springboot/controller/PostsApiController - src/main/java/com/m..

JPA를 설정했다면 이제 게시판에 쓸 게시글 등록, 수정, 조회를 위한 API를 만들 차례다. API 만들기 전 알아둘 것 API를 만들기 위해 필요한 클래스는 총 3개다. - Request한 데이터를 받을 Dto - API 요청을 받을 Controller - 트랜잭션, 도메인 기능 간의 순서를 보장하는 Service 위의 내용을 보면 비즈니스 로직에 대한 부분이 없는 것을 알 수 있다. 이것에 대해 이해를 하려면 내용이 기니까 여기서 짚고 넘어가보자. 위 그림은 책에 나와있는 그림으로 Spring Web 계층에 대해 설명하는 그림이다. 책에서는 위 그림을 예시로 들며 우리가 흔히 Service에서 비즈니스 로직을 처리하는 것으로 오해한다고 쓰여있다. 실제로 국비 지원 과정서에서 비즈니스 로직을 서비스 ..