기술 창고(246)
-
[HTML] 구글 맵 위치 수정
회사에서 기존에 만들었던 구글 맵 지도 데이터에서 초기 기본 위치 정보를 변경해야하는 일이 생겼습니다. 오늘은 이 디폴트 위치 정보를 변경하는 방법에 대해서 정리해보고자 합니다. # 특정 주소를 예시로 적용해보겠습니다. 우선 위치를 변경할 주소를 검색해줍니다. 특정 건물을 명시하면 더욱 좋습니다. 검색해서 나온 위치의 오른쪽 이미지 아래에 있는 주소 정보를 복사해줍니다. https://www.google.co.kr/maps Google Maps Find local businesses, view maps and get driving directions in Google Maps. www.google.co.kr 그리고 구글 맵스에 접속하여 왼쪽 주소 입력 칸에 복사한 주소 정보를 붙여넣어줍니다. 위치가 지정..
2023.11.28 -
[Spring Boot] 타임리프 문법 - th:href
th:href th:href 는 일반적인 html의 href 속성과 동일한 기능을 수행한다고 볼 수 있습니다. 경로에 접근하여 리소스에 접근하여 호출하거나, 다른 페이지로 이동하거나 할 때 url, 경로와 같은 값을 넣어 사용합니다. a 태그 - api 호출 링크 href 속성을 주로 사용하는 a 태그는 기본적으로 href 속성으로 링크를 시켜 api에 매핑을 시키거나 페이지를 이동하는 동작을 수행합니다. 타임리프는 href 속성에 th 키워드를 붙여 사용하며, 링크를 시킬 api url 주소라든지 이동하고자 하는 페이지의 이동 경로를 기입할 때 "@{링크 경로/주소}" 식으로 기입하여 사용합니다. 위의 예시 코드에서는 @{} 안에 매핑 시켜 호출할 api 주소를 기입하였으며, ${} 기호를 통해 데이터..
2023.11.22 -
transferTo 사용 시 중복 업로드 불가 (+ 해결 방법)
흔히 Spring에서 transferTo를 사용하여 파일들을 업로드하는데 단일 경로에 업로드시키는 것은 가능합니다. 그러면 궁금증이 생깁니다. 다른 경로에도 동시에 업로드할 수 있을까? 결과적으로 말하면 불가능합니다. 한 파일에 tranferTo 함수를 적용하여 업로드 하게 되면 해당 파일은 업로드 시킨 해당 경로가 고정으로 지정됩니다. 백문이 불여일견이니 코드를 실행하면서 확인해보겠습니다. 우선 음악 파일을 업로드하고 해당 음악에 따른 1분 짜리 preview 음악을 또 업로드한다고 가정해보겠습니다. 상황 1. transferTo 중복 사용으로 다중 업로드 경로 지정 Controller @PostMapping("/test/transfer") public ResponseEntity testTransfer..
2023.11.13 -
[Spring Boot] Thymeleaf (타임리프)
웹에서는 기본적인 HTML을 사용하여 페이지 구조를 설정합니다. Spring에서는 jsp를 구현할 때 기본적인 HTML 뿐만 아니라 타임리프라는 문법을 제공합니다. Spring 만의 독립적인 페이지 구조 구축 문법이라고 볼 수 있습니다. 대부분의 사용법과 구성은 기존의 일반적인 HTML과 동일하다고 볼 수 있습니다만 살짝씩 다릅니다. 타임리프는 흔히 View Template(뷰 템플릿)이라고 부릅니다. 뷰 템플릿은 컨트롤러가 전달하는 데이터를 이용하여 동적으로 화면을 구성할 수 있게 해줍니다. 타임리프는 html태그를 기반으로하여 th:속성을 이용하여 동적인 View를 제공합니다. 웹에서 가장 기본이되는 HTML로 진입장벽이 낮고 쉽게 배울 수 있다는 장점이 있습니다. 타임리프 설정 타임리프를 사용하기 ..
2023.11.13 -
[Spring Boot] 로컬 환경 + 배포 서버에 파일 업로드 (trasferTo 사용법)
이미지 파일이나 일반적인 파일, 음악과 같은 파일을 업로드하게 되는 것은 많은 웹 사이트에서 지원해주는 기능이라고 볼 수 있습니다. 카페에 게시글을 올리거나 스크린샷을 올리거나 커뮤니티 사이트에서 파일을 업로드해서 내용을 공유하는 식으로 일상에서 흔히 볼 수 있는 기능입니다. 이 파일 업로드 기능에 대해서 로컬과 배포 서버에서 구현하는 과정에 대해서 정리해보고자 합니다. view 단 jsp, html 이 존재하고 클라이언트가 해당 페이지에서 문의 파일과 함께 문의 작성 요청을 보내 문의 작성을 수행한다는 전제하에 정리해보겠습니다. 1. API 구성 Controller @PostMapping("/contact/inquiry") public RedirectView contactInquiry( Multipar..
2023.10.19 -
[Spring Boot] Email 기능 구현
Spring으로 이메일로 메일을 전송하는 기능을 구현해보도록 하겠습니다. !! 또한 maven 환경에서 프로젝트를 운영하고 있으며, 일부러 Spring Boot 버전을 낮춰 사용하므로 사용하는 디펜던시들의 버전 또한 낮은 버전을 사용하고 있음을 미리 알려드립니다. 1. Dependency Import [Maven일 경우] javax.mail mail 1.4.7 org.springframework.boot spring-boot-starter-mail 3.1.4 ====================================================================== ====================================================================..
2023.10.16