[JAVA] Spring Boot 자동 빌드 설정: 리소스 파일 변경 반영하기 일반적으로 Java는 클래스 파일을 저장할 때 자동으로 빌드를 수행하지만,리소스 파일(예: HTML, CSS, JavaScript)은 저장해도 자동으로 빌드되지 않습니다.개발 중 리소스 파일을 자주 수정해야 할 경우, 매번 애플리케이션을 재시작하거나 수동으로 빌드를 해야 하는 번거로움이 발생합니다. 이 문제를 해결하기 위해 Spring Boot DevTools와 LiveReload를 설정하여, 리소스 파일을 저장할 때도 자동으로 빌드하고 변경 사항을 즉시 반영하도록 설정하는 방법입니다. STS4 설정 변경 01. Run Configurations 설정 열기- 상단 메뉴에서 Run → Run Configurations... 클릭 02. Spring Boot 애플리케이션 설정 선택- 좌측 리스트에서 Spr.. [Thymeleaf] 컨트롤러에서 전달한 값을 JavaScript에서 사용하기 JavaScript에서 값 전달받기서버에서 전달된 데이터를 JavaScript 코드에서 사용하고 싶을 때, 타임리프를 통해 참조하는 방법입니다.01. 컨트롤러에서 값 전달@GetMapping("/")public String getChartData(Model model) { List sample = Arrays.asList(10, 20, 30, 40); model.addAttribute("sample", sample); return "index";}임시 데이터인 sample 을 model에 붙여서 'index.html' 화면에 전달 02. 타임리프 템플릿에서 값 출력 /*[[${sample}]]*/ 타임리프의 표현식으로, 서버에서 전달된 데이터를 타임리프가 HTML로 변환해줌th:i.. [Thymeleaf] 타임리프 기본 표현식과 속성 기능 기본 표현식 01. ${...} : 변수 표현식 (Variable Expressions)서버에서 전달된 변수를 참조할 때 사용${cssStyle} 02. *{...} : 선택 변수 표현식 (Selection Variable Expressions)선택된 객체의 속성 값을 참조할 때 사용선택된 객체의 속성에 바로 접근할 수 있음 Name: 03. #{...} : 메시지 표현식 (Message Expressions)메시지 파일(주로 messages.properties)에서 값을 참조할 때 사용다국어나 반복적으로 사용되는 텍스트 관리할 때 많이 사용# messages.properties 파일welcome.message=Welcome to our website!# html 파일# 렌더링 결과.. [Thymeleaf] Fragment 활용하여 레이아웃 설정 FragmentFragment는 레이아웃 작업 시, 공통적으로 사용하는 화면을 분리하여 재사용할 수 있게 하며, 필요시 파라미터 값을 전달할 수 있음 01. 화면 분리🔻예시 : 페이지 하단을 모든 페이지에서 공통으로 쓰고싶을 때의 fragment 사용법 ① 'footer.html'을 생성 Copyright © 2024 PEAZH All rights Reserved. ② 사용하려는 페이지에 'insert', 'replace', 'include' 중 적합한 방식으로 코드 추가 'footer.html' 파일을 찾아 Frament 이름이 'copy'인 부분 호출한다는 의미'~{}'는 상대적 또는 절대적 경로를 참조할 수 있어 정확한 위치에 있는 Fragment를 가져옴 ③ 결과 .. [Java] Spring Boot 프로젝트 : 기본 설정과 화면 연결 01. Spring Boot에서 프로젝트 생성하기생성 시, Dependencies에서 Spring Boot DevTools, Lombok, Tymeleaf, Spring Web 선택 02. 프로젝트 생성 완료프로젝트를 생성하면 아래와 같은 기본 폴더 구조가 생성됨📂src/main/java └ 📂com.peazh └ 📄Application.java📂src/main/resources └ 📂templates (HTML 파일을 관리하는 폴더) └ 📂static (CSS, 이미지, JS 등 정적 파일을 저장하는 폴더) └ 🥬application.properties (설정 파일) 03. Controller 생성📂src/main/java 하위에 'com.peazh.controll.. [Java] MongoDB 이용해서 웹페이지 구현하기 MongoDB Atlas란?MongoDB의 완전 관리형 클라우드 데이터베이스 서비스데이터베이스를 클라우드에서 호스팅 하고 관리하는 것을 중심으로 함개발자 및 기업이 손쉽게 애플리케이션을 빌드하고 배포할 수 있도록 지원함AWS, Azure, GCP를 통해 배포에 관한 모든 것을 통합 관리해 줌클라우드 환경에서 사용할 수 있으며 나의 컴퓨팅 자원을 소모하지 않고 사용할 수 있는 원격 DB가 생성됨 MongoDB Atlas 다운로드 MongoDB Atlas: Cloud Document DatabaseCloud-hosted MongoDB service on AWS, Azure, and GCPwww.mongodb.com- Start Free 누른 후 가입하기 - 가입 후 파일 다운로드 - 다운로드 완료 - te.. [Java] 메일 보내기/ajax 활용하기 01. 사이트에서 메일 보내기 01) 아웃룩 가입하기 Outlook, Microsoft가 무료로 제공하는 개인 전자 메일 및 일정 서비스무료 Outlook 전자 메일 및 일정을 비롯하여 Word, Excel, PowerPoint 등 Office Online 앱을 이용하세요. 로그인하여 Outlook, Hotmail 또는 Live 전자 메일 계정에 액세스하세요.outlook.live.com 02) 아웃룩에서 SMTP 설정 확인하기POP / IMAP / SMTP의 차이 📌🔗 POP(Post Office Protocol) : 서버로부터 이메일을 가져오고 가져온 메일이 확인된다면 서버로부터 이메일을 삭제하는 프로토콜 🔗 IMAP(Internet Access Message Protocol) : 이메일을 받.. 이전 1 다음