nyximos.log

구글 로그인 버튼 누를시 redirect_uri_mismatch 에러가 발생한다. API 및 서비스 → 사용자 인증정보 → OAuth 클라이언트 수정 → 승인된 리디렉션 URI https://console.cloud.google.com/apis/ Google 클라우드 플랫폼 로그인 Google 클라우드 플랫폼으로 이동 accounts.google.com 아래 URI를 application.yml 파일의 redirect-uri에 입력해준다. application.yml spring: security: oauth2: client: registration: google: # /oauth2/authorization/google 이 주소를 동작하게 한다. client-id: client-secret: redire..

Spring Boot는 다음 포스팅을 참고해서 만들자. [Spring Boot + Vue.js] 프로젝트 개발 환경 구성 Spring Boot + MySQL + JPA + Thymeleaf 로 CRUD 구현하기 01 - 데이터베이스 환경설정, 프로젝트 생성 연동하는 포스팅을 왜 또 올리냐면 이번에는 Vite 기반이기 때문이다. vite란 https://vitejs-kr.github.io/ Vite Vite, 차세대 프런트엔드 개발 툴 vitejs-kr.github.io 1. Node를 설치한다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 버..

Spring Boot + Gradle + MySQL + JPA + Thymeleaf 환경에서 간단한 CRUD 예제를 만들어보자 이번 포스팅에서는 게시물 수정를 구현해보자. 주요 기능 회원가입 로그인 게시글 등록 게시글 수정 게시글 삭제 게시글 조회 (일반 회원 조회수와 운영자 회원 조회수 따로 구분) 게시글 추천 detail.html 수정페이지로 이동하기 위한 버튼에 로그인한 아이디가 같을 때만 수정페이지로 이동해준다. $('#update').click((event) => { if (localStorage.getItem('id') != memberId) { alert('권한이 없습니다'); } else { location.href = "http://localhost:8086/update/" + id; }..

Spring Boot + Gradle + MySQL + JPA + Thymeleaf 환경에서 간단한 CRUD 예제를 만들어보자 이번 포스팅에서는 게시물 삭제를 구현해보자. 주요 기능 회원가입 로그인 게시글 등록 게시글 수정 게시글 삭제 게시글 조회 (일반 회원 조회수와 운영자 회원 조회수 따로 구분) 게시글 추천 detail.html body 태그 하단에 아래와 같은 스크립트를 작성한다. CDATA character data를 의미 일반 문자 데이터를 의미한다. 타임리프 변수를 script 태그 내에 사용하려면 아래 코드 안에서 명시한다. 타임리프 변수는 /*[[${ }]]*/ 로 감싸준다. 이렇게 쓰면 안된다. 조심하자 현재 서버에서 memberId는 내려주지 않기 때문에 코드를 수정해보자. Detai..

Spring Boot + Gradle + MySQL + JPA + Thymeleaf 환경에서 간단한 CRUD 예제를 만들어보자 이번 포스팅에서는 게시물 조회를 구현해보자. 주요 기능 회원가입 로그인 게시글 등록 게시글 수정 게시글 삭제 게시글 조회 (일반 회원 조회수와 운영자 회원 조회수 따로 구분) 게시글 추천 목록 조회와 상세 조회, 페이지 2개가 필요하다. 일단 조회를 어떻게 구현할지 생각해보자. 여러가지 방법이 있을 수 있다. 일반 회원과 운영자 회원의 조회수를 구분해야 한다. 그리고 본인이 쓴 글의 조회수를 조회할 때는 조회수를 증가시키지 않는다. 리스트 화면 글번호, 제목, 등록일시, 일반회원조회수, 운영자 조회수, 작성자명 상세 화면 글번호, 제목, 등록일시, 수정일시, 작성자명, 일반회원조..

Spring Boot + Gradle + MySQL + JPA + Thymeleaf 환경에서 간단한 CRUD 예제를 만들어보자 이번 포스팅에서는 게시물 등록을 구현해보자. 주요 기능 회원가입 로그인 게시글 등록 게시글 수정 게시글 삭제 게시글 조회 (일반 회원 조회수와 운영자 회원 조회수 따로 구분) 게시글 추천 WebController.java @GetMapping("/new") public String newPost(){ return "new"; } new.html 새 글 작성 제목 내용 저장 서버를 켜서 아래와 같은 화면이 나오는지 확인해보자. BoardRepository import org.springframework.data.jpa.repository.JpaRepository; public in..

Spring Boot + Gradle + MySQL + JPA + Thymeleaf 환경에서 간단한 CRUD 예제를 만들어보자 이번 포스팅에서는 타임리프 레이아웃을 적용해보고, 회원가입을 구현해보자. 주요 기능 회원가입 로그인 게시글 등록 게시글 수정 게시글 삭제 게시글 조회 (일반 회원 조회수와 운영자 회원 조회수 따로 구분) 게시글 추천 Thymeleaf는 th:insert나 th:replace를 이용하여 다른 파일을 불러올 수 있다. th:href @{ } 안에 URL 지정 https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#link-urls th:replace 기존 내용 완전히 대체 th:replace="파일경로 :: fragment이..

Spring Boot + Gradle + MySQL + JPA + Thymeleaf 환경에서 간단한 CRUD 예제를 만들어보자 이번 포스팅에서는 DB설계, 요구사항 정리, 테이블 생성을 해보자. 주요 기능 회원가입 로그인 게시글 등록 게시글 수정 게시글 삭제 게시글 조회 (일반 회원 조회수와 운영자 회원 조회수 따로 구분) 게시글 추천 요구사항 정리 데이터베이스 설계 전 요구사항을 정리해야한다. 주요 기능 별로 상세하게 정리해보자. 간단한 CRUD 게시판을 만들기 위해 요구사항을 최소한으로 구성하였고, CRUD가 끝나면 아이디/비밀번호 찾기, 글 검색, 글 정렬, admin 페이지, 페이징, 댓글/대댓글 등을 각자 추가 해보도록 하자. 로그인 입력 - 아이디, 비밀번호 아이디, 비밀번호 불일치시 에러 메..