본문 바로가기

전체 글111

[Spring Boot] 회원가입/ 회원정보수정/ 회원탈퇴/ 비밀번호 변경 프로그래밍 세계를 탐구합시다. Spring Boot를 활용하여 회원가입/ 회원정보수정/ 회원탈퇴/ 비밀번호 변경을 구현할 수 있습니다. 회원가입 회원정보수정 / 회원탈퇴 비밀번호 변경 [회원가입] - 이용약관 필수사항 동의, 아이디 중복확인, 이메일 인증을 완료해야 회원가입 버튼이 활성화 됩니다. - 유효성 검사를 통해 한글, 영어를 입력해야 이름을 입력할 수 있습니다. - 비밀번호 조건(영어, 숫자)를 충족해야 가입할 수 있습니다. 데이터 저장은 h2 database 이용했습니다. https://www.h2database.com/html/main.html H2 Database Engine H2 Database Engine Welcome to H2, the Java SQL database. The mai.. 2023. 11. 1.

[Spring Boot] 게시판 만들기 프로그래밍 세계를 탐구합시다. Spring Boot를 활용하여 페이지에 게시판을 구현할 수 있습니다. 구현 화면 게시판은 공지사항, Q&A 항목이 있으며 글쓰기, 이미지 첨부, 글의 수정 삭제가 가능합니다. Q&A에는 일반 글쓰기, 충전소 추가요청, Car정보 추가요청이 있어 해당 항목을 관리자 계정으로 따로 관리할 수 있습니다. pagination 활용하여 하단에 페이지 번호를 부여했고, 검색 기능을 추가하였습니다. 작성 코드 BoardController.java package com.example.board.controller; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.data.do.. 2023. 11. 1.

[Spring Boot] 카카오 지도 api 활용하여 지도 출력하기 프로그래밍 세계를 탐구합시다. Spring Boot에서 카카오 지도 api를 활용하여 페이지에 지도를 출력할 수 있습니다. 구현 화면 충전소 찾기로 들어오면 왼쪽 사이드바를 이용하여 지정한 반경 이내의 전기차 충전소 위치를 확인할 수 있고, 전기차 카테고리별로 항목을 선택하여 전기차 위치를 볼 수 있습니다. 카테고리는 지역구, 운영기관, 충전기타입, 시설구분이 있으며 카테고리 별로 지도에 나타나는 핀 이미지가 다르므로 동시에 여러 정보를 식별할 수 있습니다. 충전소 찾기로 들어오면 왼쪽 사이드바를 이용하여 지정한 반경 이내의 전기차 충전소 위치를 확인할 수 있고, 전기차 카테고리별로 항목을 선택하여 전기차 위치를 볼 수 있습니다. 카테고리는 지역구, 운영기관, 충전기타입, 시설구분이 있으며 카테고리 별로.. 2023. 11. 1.

[SpringBoot, react] 전기차 충전소 관련 페이지 제작 프로젝트 1 프로그래밍 세계를 탐구합시다. 전기차 충전소 관련 페이지 제작 프로젝트를 수행했습니다. SpringBoot, react 활용하여 페이지를 구성하였습니다. [메인페이지] 1. 로딩 화면 자동차가 도로 위를 주행하는 듯한 효과를 적용하여 메인페이지 로딩 화면을 적용하였습니다. 코드는 아래 코드를 수정하여 작성하였습니다. https://jsfiddle.net/woosuna/roan2fwz/12/ Edit fiddle - JSFiddle - Code Playground jsfiddle.net 2. 번개, 텍스트, 이미지 효과 메인페이지에 움직이는 번개 효과를 구현하였습니다. 텍스트와 이미지가 움직이면서 나타나는 효과를 적용하였습니다. 글자 이동 효과에 대한 코드는 아래와 같습니다. 백만 볼트의 시대, Are y.. 2023. 11. 1.

이전 1 ··· 16 17 18 19 20 21 22 ··· 28 다음

티스토리툴바