320x100 Blog189 [Spring Boot]OAuth2 사용을 위한 구글 서비스 등록 이 글은 이 책을 참고하여 쓰여졌습니다. 먼저 console.cloud.google.com 으로 이동한 뒤 프로젝트 선택을 눌러 새 프로젝트를 생성한다. 그 뒤, API 및 서비스에서 사용자 인증 정보를 선택 상단 사용자 인증 정보 만들기 선택 -> OAuth 클라이언트 ID 선택 외부 를 선택하고 앱 이름과 이메일 입력 후 넘어간다. 범위 추가 또는 삭제를 선택한 뒤 email,profile,openid 만 선택해준다. 그리고 사용자 인증 정보 만들기 선택 URL에 http://localhost:8080/login/oauth2/code/google 이라고 입력하고 사용자 인증 정보를 만들어 주면 id와 secret code 를 받을 수 있다. resources 폴더에 application-oauth.p.. 2020. 12. 28. [Spring Boot]전체 조회 화면 구성, 게시글 수정과 삭제 이 글은 이 책을 참고하여 쓰여졌습니다. 오늘은 전체 조회 화면과 수정, 삭제 기능을 추가할 것이다. {{>layout/header}} 스프링부트로 시작하는 웹 서비스 Ver.2 글 등록 게시글번호 제목 작성자 최종수정일 {{#posts}} {{id}} {{title}} {{author}} {{modifiedDate}} {{/posts}} {{>layout/footer}} 먼저 index.mustache를 수정한다. 여기서 머스테치의 문법이 사용되었는데 {{#post}}는 for문처럼 post 라는 List를 순회할 때 쓰인다. 또한 {{변수명}} 은 List에서 뽑아낸 객체를 사용할 때 사용한다. PostsRepository.java에도 코드를 추가해준다. Posts Entity에서 Posts를 가져온.. 2020. 12. 27. [Spring Boot]부트스트랩 이용하여 게시글 등록화면 만들기 이 글은 이 책을 참고하여 쓰여졌습니다. 일단 어제 있었던 한글 깨짐 이슈는 별 것도 아니었다. 그냥 index.mustache 파일을 메모장으로 열어서 UTF-8 로 인코딩을 바꾼뒤 저장하니 깔끔히 해결되었다. 아마 mustache 파일을 생성할때 설정이 제대로 안되었던 것 같다. 이제 부트스트랩을 이용하여 게시글 등록 화면을 제작한다. 외부 CDN 방식으로 간단하게 추가할 수 있다. header와 footer를 추가한다. 이렇게 작성하면 index.mustache 에는 필요한 코드만 남길 수 있다. 한눈에 알아보기 쉬운 코드로 바뀌었다. {{> }}는 다른 머스테치 파일을 가져오는데 쓰이는 문법이다. 버튼 생성을 위한 코드를 추가한다. IndexController에도 postsSave() 함수를 추가.. 2020. 12. 26. [Spring Boot]머스테치 플러그인 설치 후 기본 페이지 만들기 이 글은 이 책을 참고하여 쓰여졌습니다. 머스테치 템플릿 엔진을 통해 화면을 구성할 것이다. 템플릿 엔진이란, 여러가지 지정된 템플릿과 데이터를 이용하여 HTML 문서를 만들어 내는 엔진을 뜻한다. 머스테치는 다양한 언어를 지원하고, intelliJ Community 버전에서도 사용가능하며, 문법이 심플하고, 자바를 사용한다면 자바와 자바스크립트를 사용하여 서버 템플릿/클라이언트 템플릿 엔진으로 모두 활용 가능하다. 먼저 Ctrl + Shift + A를 눌러 Actions 를 띄우고 plugins에서 mustache를 검색하고 플러그인을 설치한다. 이후 build.gradle에서 의존성만 추가해주면 쓸 준비는 끝난다. 아주 편해서 좋다. 그리고 resources/templates/경로에 index.mus.. 2020. 12. 25. 이전 1 ··· 36 37 38 39 40 41 42 ··· 48 다음
