Make along

Make along/SpringbootBoard

[API] openweathermap API를 통해 현재 날씨 출력하기

openweathermap API 참고 유튜브영상 : https://www.youtube.com/watch?v=QxEZCSfUrzs openweathermap API에서 Free로 사용할수있는 것은 한정되어있다. 아래는 사용가능한 것을 알려주는 표이다. 1.openweathermap API 사이트 접속 후 가입 API사이트 : https://openweathermap.org/ Сurrent weather and forecast - OpenWeatherMap Access current weather data for any location on Earth including over 200,000 cities! The data is frequently updated based on the global and ..

Make along/SpringbootBoard

[HTML CSS JS] 자동 카드 슬라이더 만들기

Auto scroll Card Slider - HTML CSS vanilla JS codepen link: https://codepen.io/bongcasso01/pen/xxjbQJG See the Pen weather card slider by rebornbb (@bongcasso01) on CodePen. html ❮ 현재날씨 강원도 현재기온: 최저기온: 최대기온: 경기도 현재기온: 최저기온: 최대기온: 충청북도 현재기온: 최저기온: 최대기온: 충청남도 현재기온: 최저기온: 최대기온: 전라북도 현재기온: 최저기온: 최대기온: 전라남도 현재기온: 최저기온: 최대기온: 경상북도 현재기온: 최저기온: 최대기온: 경상남도 현재기온: 최저기온: 최대기온: 제주 현재기온: 최저기온: 최대기온: ❯ /*-----..

Make along/SpringbootBoard

[HTML CSS JS] 자동 스크롤 카드 슬라이더 만들기

Auto scroll Card Slider - HTML CSS vanilla JS codepen link: https://codepen.io/bongcasso01/pen/zYjxamJ See the Pen auto card slider vanilla js css by rebornbb (@bongcasso01) on CodePen. html number 1 number 2 number 3 number 4 number 5 number 6 css .TeamPic { border-radius: 50%; width: 60%; } .FlipCardcontainer { margin-top: 5%; width: 100%; height: 100%; display: flex; justify-content: center; ..

Make along/SpringbootBoard

[HTML CSS JS] 자동 이미지 슬라이더 만들기

Auto Image Carousel - HTML CSS vanilla JS codepen link: https://codepen.io/bongcasso01/pen/xxjbzXa See the Pen auto slider vanilla js css by rebornbb (@bongcasso01) on CodePen. html

Make along/SpringbootBoard

[HTML CSS] 플립 카드 만들기

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..

Make along/SpringbootBoard

[Springboot] 게시글 파일 업로드 -1 [37]

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\\..

Make along/SpringbootBoard

[Springboot] 회원 정보 수정하기(닉네임,이메일) [36]

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 = "수정할..

Make along/SpringbootBoard

[API] 네이버지도 API에 현재 위치 표시 [35]

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.위치권한을 허용해주어야 현재위치를 확인 할 수 있다.

Make along/SpringbootBoard

[API] 네이버지도 API 추가 [34]

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..

Make along/SpringbootBoard

[Springboot] 유저 회원가입 [33]

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..

Make along/SpringbootBoard

[Springboot] 댓글 페이징 [32]

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..

Make along/SpringbootBoard

[Springboot] 닉네임 만들기 [31]

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..

ReCode.B
'Make along' 카테고리의 글 목록 (2 Page)