본문 바로가기

전체 글111

[tistory] 티스토리 로딩 화면 gif 설정하여 꾸미기 프로그래밍 세계를 탐구합시다. gif 파일을 활용하여 tistory 로딩 화면을 효과적으로 꾸밀 수 있습니다. 1. GIF 이미지 찾기 가장 먼저 해야 할 일은 원하는 gif 이미지를 찾는 것입니다. 저는 이번에는 무료로 고화질 이미지를 제공하는 'pixabay' 사이트를 이용하겠습니다. pixabay 홈페이지에 접속한 후, 상단의 검색창에 'gif'를 입력하고 검색하세요. 그러면 다양한 gif 이미지들이 나올 것입니다. 적당한 이미지를 선택한 후, '무료 다운로드'를 클릭해 이미지를 다운로드 받습니다. 참고로 pixabay 사이트는 로그인이 필요합니다. 놀라운 무료 이미지 - Pixabay - Pixabay 회원가입을 하고 싶지 않다면 아래 사이트를 활용할 수 있습니다. https://icons8.co.. 2023. 11. 10.

[Spring Boot, react] 전기차 충전소 관련 페이지 제작 프로젝트 2 프로그래밍 세계를 탐구합시다. 전기차 충전소 관련 페이지 제작 프로젝트를 수행했습니다. SpringBoot, react 활용하여 페이지를 구성하였습니다. 페이지 유입을 증가시키기 위해 게임, 구독 서비스, 뉴스, 유튜브 등 여러 콘텐츠를 추가하였습니다. 사용자에게 장기적인 이득과 편의성을 제공하기 위한 페이지를 만들었습니다. 게임을 통해 얻은 찌리릿 쿠폰으로는 전기차 충전 쿠폰을 교환할 수 있고, 구독 서비스를 신청하면 커피, 편의점 등 쿠폰을 받을 수 있습니다. 뉴스, 유튜브 페이지에서는 전기차 관련 뉴스와 영상을 확인할 수 있습니다. [페이지 기능] 1. 회원가입/ 회원정보수정/ 회원탈퇴/ 비밀번호 변경 회원가입 회원정보수정 / 회원탈퇴 비밀번호 변경 [회원가입] - 이용약관 필수사항 동의, 아이디 .. 2023. 11. 9.

[Spring Boot, react] Spring Boot 데이터 react에 가져오기 프로그래밍 세계를 탐구합시다. 해당 페이지의 프론트는 react로 구성하였습니다. 데이터는 springboot를 활용하여 가져왔습니다. 전기차에 따른 주행거리를 알 수 있으며, 차량을 검색하고 클릭하여 상단에 저장할 수 있습니다. 구현 화면 작성 코드 (1) Spring Boot CarDataController.java package com.example.board.controller; import java.util.List; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.. 2023. 11. 1.

[Spring Boot] 유튜브 API 활용해서 특정 키워드 영상 페이지에 출력하기 프로그래밍 세계를 탐구합시다. 유튜브 API를 활용해서 영상 데이터를 페이지에 출력할 수 있습니다. 구현 화면 유튜브 API를 이용해 전기차 관련 영상을 출력하였습니다. 카테고리를 전기차와 친환경으로 나누어 항목에 따라 다른 영상을 볼 수 있게 하였습니다. 작성 코드 HomeController.java @GetMapping("/media/reels") public String reels(Model model) { User user = (User) session.getAttribute("user_info"); if (user != null) { int userCoins = user.getCoin(); model.addAttribute("userCoin", userCoins); } return "/media.. 2023. 11. 1.

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

티스토리툴바