Hover Flip Card - HTML CSS codepen link: https://codepen.io/bongcasso01/pen/MWGYXXr See the Pen hover flip card vanilla css by rebornbb (@bongcasso01) on CodePen. html Earth Keeper 지키는 사람들 우리는 자연을 지키는 모든 이들을 위한 사이트입니다. 개인의 이익만이 아닌 더 나아가 공공의 미래를 위한 아름다운 여러분들의 선행들을 우리는 도우며 함께합니다! css .flip-card { background-color: transparent; border: none; width: 300px; height: 220px; perspective: 1000px; /* pers..

SpringBoot · intelliJ · OracleDB · Thymeleaf 1. Question 엔티티에 column 추가하기 Question.java private String filepath;/*파일저장경로*/ private String filename;/*파일이름*/ 2.QuestionService에서 create 메서드 수정하기 public void create(String subject, String content, SiteUser user, String category, MultipartFile file) throws Exception{ String projectPath = System.getProperty("user.dir") + "\\\\src\\\\main\\\\resources\\..

SpringBoot · intelliJ · OracleDB · Thymeleaf 1. UserModifyForm 엔티티 작성 회원가입을 해줬을 때 만들어줬던 UserCreateForm 방식과 같이 UserModifyForm.java 를 작성 UserModifyForm.java package com.gosari.repick_project.user; import lombok.Getter; import lombok.Setter; import javax.validation.constraints.Email; import javax.validation.constraints.NotEmpty; @Getter @Setter public class UserModifyForm { @NotEmpty(message = "수정할..

NAVER MAPS API 웹에 네이버 지도 API 추가하기 참고 사이트 링크 : https://navermaps.github.io/maps.js/docs/tutorial-6-map-geolocation.example.html NAVER Maps API v3 NAVER Maps API v3로 여러분의 지도를 만들어 보세요. 유용한 기술문서와 다양한 예제 코드를 제공합니다. navermaps.github.io 1. script 에 코드 추가 2.위치권한을 허용해주어야 현재위치를 확인 할 수 있다.

NAVER MAPS API 웹에 네이버 지도 API 추가하기 1.네이버 클라우드 가입 및 결제수단 등록 가입 후, 네이버맵 API는 결제수단을 등록해야 사용이 가능하다. https://www.ncloud.com/product/applicationService/maps NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certification www.ncloud.com 1.콘솔에서 어플리케이션 추가 https://console.ncloud.com/naver-service/application/create - Web Dynamic Map..

SpringBoot · intelliJ · OracleDB · Thymeleaf 회원 가입 시 권한을 유저로 주기 1. 엔티티 추가 SiteUser.java private String role; @PrePersist public void setting() { this.role = "ROLE_USER"; } @PrePersist 는 'DB에 해당 테이블의 INSERT연산을 실행 할 때 같이 실행해라' 라는 의미를 가진 어노테이션이다. 관리자 권한을 주는 것은 다음에 해볼 예정이다. package com.gosari.repick_project.user; import lombok.Getter; @Getter /*enum 열거자료형 , 상수자료형이므로 Getter만 사용가능*/ public enum UserRo..

SpringBoot · intelliJ · OracleDB · Thymeleaf 답글페이징(댓글) 을 만들어보자 1. AnswerRepository 추가 package com.gosari.repick_project.answer; import com.gosari.repick_project.answer.Answer; import com.gosari.repick_project.question.Question; import org.springframework.data.domain.Page; import org.springframework.data.domain.Pageable; import org.springframework.data.jpa.repository.JpaRepository; public interfa..

SpringBoot · intelliJ · OracleDB · Thymeleaf 1. 엔티티추가 SiteUser.java @Column(unique = true) private String nickname; 2. 회원가입 폼 수정 UserCreateForm.java @NotEmpty(message = "닉네임을 입력해주세요.") private String nickname; 3. 서비스 UserService.java public SiteUser create(String username, String email, String password, String nickname) { SiteUser user = new SiteUser(); user.setUsername(username); user.setNickna..