전체 글59 ZeroSSL 인증서 만료 > Let's Encrypt로 재발급 하기 기존에 프로젝트 배포용으로 쓰던 ZeroSSL의 무료 인증서가 90일이 지나서 만료됐다.연장하려고 하니까 역시나 돈을 내야한다! 이제 새로운 방법으로 SSL 인증서를 발급받아야 한다! 이번에는 Let's Encrypt를 이용해서 SSL 인증서를 발급받고 Apache Tomcat 서버에 다시 적용해보기 시작! 컴퓨터 환경이 윈도우기 때문에 Win-ACME (WACS)를 설치해줬다.https://www.win-acme.com/ win-acmewin-acme This is a ACMEv2 client for Windows that aims to be very simple to start with, but powerful enough to grow into almost every scenario. A ver.. 2025. 2. 25. 붕어빵 프로젝트 업데이트 v2.0 🎯v2.0 업데이트 내용 웹 사이트 주소 : https://www.ys2ys2.com/bbangmap/ 💡회원가입 기능 추가 ✅ 회원가입 기능을 추가하였습니다.✅ 회원가입은 이메일 인증을 통해 가입할 수 있습니다. 💡가게 데이터 입력 권한 변경 ✅ 로그인한 회원만 가게 데이터를 입력할 수 있게 변경하였습니다.✅ 비로그인 시 붕어빵 가게 정보 조회만 가능합니다. 💡반응형 CSS 추가 ✅ 헤더와 회원가입, 로그인에 대한 반응형 CSS를 추가하였습니다. 📒업데이트 공부하기 ❗ Spring Boot와 JPA를 활용한 회원가입 로직 붕어빵 가게 정보 입력은 회원만 가능하도록 하여 무분별한 등록을 방지하기 위해 회원가입 기능을 구현했다.비회원은 붕어빵 가게 정보 조회만 할 수 있고, 회.. 2025. 1. 16. 붕어빵 프로젝트 업데이트 v1.1 🎯v1.1 업데이트 내용 웹 사이트 주소 : https://www.ys2ys2.com/bbangmap/ 💡가게 정보 입력 폼 수정 ✅ 붕어빵 가게 정보 저장 시, 현재 위치나 특정 좌표를 선택해서 추가할 수 있게 개선하였습니다. ✅ 지도 클릭 시 클릭된 곳에 마커를 찍고, 입력 폼에는 클릭된 곳의 좌표를 제공하는 기능을 추가하였습니다. 📒업데이트 공부하기 초기에 데이터를 저장하는 방식을 고민했을 때, 사용자가 모바일 기기로 직접 붕어빵 가게까지 가서 저장하는 것으로 정하고 만들었었다.실제로 반응형CSS를 통해서 내가 직접 돌아다니면서 붕어빵 가게로 가서 사진도 찍고 현재 위치를 실시간으로 받아서 저장이 되게 하였다.하지만 날씨 등등 다른 제약사항이 생길 때는 움직여서 좌표를 구하고 저.. 2025. 1. 9. Nginx 이용해서 리버스 프록시 설정하기 학원에서 팀 프로젝트로 진행한 2차, 3차 프로젝트는 STS3에서 Spring MVC Project로 진행해서클라이언트 단은 WEB-INF의 views에서 처리되고, 서버단은 각각 JSP, JPA로 만들어서 하나의 프로젝트 폴더 안에서 클라이언트와 서버가 모두 구현된 구조였기 때문에 톰캣 서버만 추가해서 프로젝트를 배포하면 바로 실행할 수 있는 방식이었다. 반면, 지금 진행 중인 개인 프로젝트는 프론트엔드와 백엔드가 분리된 구조로 개발되고 있다. 프론트엔드는 VSCode에서 React를 사용해 개발 중이고, 백엔드는 STS3에서 Spring Boot로 개발하고 있다.Spring Boot는 내장 톰캣을 사용하기 때문에, 외부 톰캣과 함께 배포하려고 하다 보니 문제가 발생했다. 프로젝트에 SSL 인증.. 2024. 12. 27. 붕어빵 프로젝트 업데이트 v1.0 🎯v1.0 업데이트 내용 웹 사이트 주소 : https://www.ys2ys2.com/bbangmap/기능적인 부분들이 추가돼서 버전을 업데이트 했습니다. 💡거리뷰 기능 추가 ✅ 해당 가게에 대한 거리뷰 기능이 추가되었습니다. 💡길 찾기 기능 추가 ✅ 해당 가게까지의 길 찾기 기능이 추가되었습니다. 길찾기 기능은 다양한 환경(웹 및 모바일)에서 작동되게 구현했습니다.자동차, 버스, 도보, 자전거 등 여러 운송수단 중 원하는 방식을 선택하여 경로를 확인할 수 있습니다. 📒업데이트 공부하기 ❗ 거리뷰거리뷰 기능을 추가했다. DB에 저장된 x,y좌표를 가지고 해당 좌표에 마커를 그리는 컴포넌트는 bbangmap이다.axios 요청으로 가져온 DB값은 fishstores에 .. 2024. 12. 26. 붕어빵 프로젝트 업데이트 v0.3 🎯v0.3 업데이트 내용 웹 사이트 주소 : https://www.ys2ys2.com/bbangmap/ 💡가게 정보 스타일 변경 ✅ 기존 가게 정보 표시 방식을 보다 직관적이고 사용자 친화적으로 개선했습니다.✅ 정보 수정 제안, 즐겨찾기, 거리뷰, 공유하기, 길 찾기 기능은 개발 예정이며 추후 업데이트를 통해 제공될 예정입니다.✅ 소개 페이지를 추가했습니다. 💡 반응형 CSS ✅ 반응형 디자인을 적용하여 모바일 기기에서도 최적의 사용자 경험을 제공하도록 개선되었습니다. 📒업데이트 공부하기 가게 정보를 담은 jsx를 따로 컴포넌트화 해서 관리하게 했다.여기서 ReactDOM.createRoot를 사용했는데 ReactDOM.createRoot는 리액트 18에서 도입된 새로운 랜더링.. 2024. 12. 22. 이전 1 2 3 4 ··· 10 다음
