Skip to content

이메일 템플릿 반응형 디자인 적용 #196

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kim946509 merged 8 commits into from
Jun 30, 2025
Merged

이메일 템플릿 반응형 디자인 적용 #196

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
6b1ef9a
feat: 임시 비밀번호 이메일 HTML 디자인 개선
Minji6 Jun 10, 2025
fc3839d
feat: 프로젝트 초대 이메일 발송 서비스 추가
Minji6 Jun 10, 2025
4c3bb34
feat: 프로젝트 멤버 저장 시 초대 이메일 발송 로직 추가
Minji6 Jun 10, 2025
a4a82c1
Merge branch 'dev' into feat/minji/project-invite-email
Minji6 Jun 23, 2025
8177ea5
feat: 프로젝트 이메일 알림 기능 구현
Minji6 Jun 23, 2025
f25bb23
feat: 이메일 템플릿 반응형 디자인 적용
Minji6 Jun 29, 2025
1c27a27
Update FindPasswordService.java
Minji6 Jun 30, 2025
5b98941
Merge branch 'dev' into feat/minji/project-invite-email
Minji6 Jun 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 17 additions & 0 deletions sequence_member/src/main/java/sequence/sequence_member/global/config/AsyncConfig.java
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,26 @@
package sequence.sequence_member.global.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.scheduling.annotation.EnableAsync;
import org.springframework.scheduling.concurrent.ThreadPoolTaskExecutor;

import java.util.concurrent.Executor;

@Configuration
@EnableAsync
public class AsyncConfig {

@Bean(name = "emailTaskExecutor")
public Executor emailTaskExecutor() {
ThreadPoolTaskExecutor executor = new ThreadPoolTaskExecutor();
executor.setCorePoolSize(2);
executor.setMaxPoolSize(5);
executor.setQueueCapacity(100);
executor.setThreadNamePrefix("Email-");
executor.setWaitForTasksToCompleteOnShutdown(true);
executor.setAwaitTerminationSeconds(30);
executor.initialize();
return executor;
}
}
161 changes: 155 additions & 6 deletions ...nce_member/src/main/java/sequence/sequence_member/member/service/FindPasswordService.java
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -76,17 +76,166 @@ private void sendPasswordResetEmail(String email, String temporaryPassword) {
helper.setTo(email);
helper.setSubject("[Sequence] 임시 비밀번호 발급 안내");

String content = "<html><body>"
+ "<h2>임시 비밀번호 발급 안내</h2>"
+ "<p>안녕하세요. 임시 비밀번호가 발급되었습니다.</p>"
+ "<p>아래의 임시 비밀번호로 로그인 후, 보안을 위해 마이페이지에서 비밀번호를 변경해주세요.</p>"
+ "<p><strong>임시 비밀번호: " + temporaryPassword + "</strong></p>"
+ "</body></html>";
String content = "<!DOCTYPE html>" +
"<html lang=\"ko\">" +
"<head>" +
"<meta charset=\"UTF-8\">" +
"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">" +
"<title>Sequence 임시비밀번호 발송</title>" +
"<style>" +
"@media only screen and (max-width: 600px) {" +
".container { width: 100% !important; max-width: 100% !important; }" +
".mobile-padding { padding: 20px !important; }" +
".mobile-text { font-size: 16px !important; }" +
".mobile-title { font-size: 18px !important; }" +
".mobile-password { font-size: 22px !important; padding: 12px 20px !important; }" +
".mobile-center { text-align: center !important; }" +
".mobile-hide { display: none !important; }" +
"}" +
"@media only screen and (max-width: 480px) {" +
".mobile-padding { padding: 15px !important; }" +
".mobile-text { font-size: 14px !important; }" +
".mobile-title { font-size: 16px !important; }" +
".mobile-password { font-size: 20px !important; padding: 10px 15px !important; }" +
"}" +
"</style>" +
"</head>" +
"<body style=\"margin: 0; padding: 0; font-family: Arial, sans-serif; background-color: #151515; color: #ffffff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;\">" +

// 외부 컨테이너
"<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\" style=\"background-color: #151515; min-height: 100vh;\">" +
"<tr>" +
"<td align=\"center\" style=\"padding: 10px;\">" +

// 메인 컨테이너 (반응형)
"<table class=\"container\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"600\" style=\"max-width: 600px; width: 100%; background-color: #151515; margin: 0 auto;\">" +

// 헤더 섹션
"<tr>" +
"<td class=\"mobile-padding\" align=\"center\" style=\"background-color: #0f0f0f; padding: 40px 30px; border-bottom: 2px solid #E32929;\">" +
"<h1 style=\"font-size: 32px; font-weight: 900; color: #E32929; margin: 0 0 15px 0; font-family: Arial, sans-serif; line-height: 1.2;\">Sequence</h1>" +
"<h2 class=\"mobile-title\" style=\"font-size: 24px; color: #ffffff; margin: 0 0 10px 0; font-weight: 700; font-family: Arial, sans-serif; line-height: 1.3;\">🔑 임시 비밀번호 발급</h2>" +
"<p class=\"mobile-text\" style=\"color: #cccccc; font-size: 16px; margin: 0; font-family: Arial, sans-serif; line-height: 1.4;\">계정 복구를 위한 임시 비밀번호를 발급했습니다</p>" +
"</td>" +
"</tr>" +

// 컨텐츠 섹션
"<tr>" +
"<td class=\"mobile-padding\" style=\"padding: 40px 30px; background-color: #151515;\">" +

// 안내 메시지
"<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\" style=\"margin-bottom: 25px;\">" +
"<tr>" +
"<td style=\"padding: 0;\">" +
"<p class=\"mobile-text\" style=\"font-size: 18px; color: #ffffff; margin: 0 0 15px 0; font-family: Arial, sans-serif; line-height: 1.5;\">" +
"안녕하세요," +
"</p>" +
"<p class=\"mobile-text\" style=\"font-size: 16px; color: #cccccc; margin: 0; line-height: 1.6; font-family: Arial, sans-serif;\">" +
"요청하신 임시 비밀번호가 발급되었습니다. 아래의 임시 비밀번호로 로그인 후, 보안을 위해 마이페이지에서 비밀번호를 변경해주세요." +
"</p>" +
"</td>" +
"</tr>" +
"</table>" +

// 임시 비밀번호 섹션
"<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\" style=\"margin: 30px 0;\">" +
"<tr>" +
"<td style=\"background-color: #1a1a1a; border: 2px solid #E32929; border-radius: 8px; padding: 25px 20px;\">" +

// 비밀번호 라벨
"<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\" style=\"margin-bottom: 15px;\">" +
"<tr>" +
"<td align=\"center\">" +
"<p style=\"color: #E32929; font-size: 12px; margin: 0; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; font-family: Arial, sans-serif;\">임시 비밀번호</p>" +
"</td>" +
"</tr>" +
"</table>" +

// 비밀번호 표시
"<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\">" +
"<tr>" +
"<td align=\"center\">" +
"<div class=\"mobile-password\" style=\"background-color: #ffffff; color: #151515; font-size: 28px; font-weight: 900; padding: 15px 25px; border-radius: 4px; letter-spacing: 2px; font-family: 'Courier New', monospace; display: inline-block; margin: 0; word-break: break-all; max-width: 100%; box-sizing: border-box;\">" +
temporaryPassword +
"</div>" +
"</td>" +
"</tr>" +
"</table>" +

"</td>" +
"</tr>" +
"</table>" +

// 보안 안내 섹션
"<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\" style=\"margin: 25px 0;\">" +
"<tr>" +
"<td style=\"background-color: #1a1a1a; padding: 20px; border-radius: 6px;\">" +
"<h3 class=\"mobile-title\" style=\"color: #E32929; font-size: 16px; font-weight: 700; margin: 0 0 15px 0; text-transform: uppercase; font-family: Arial, sans-serif;\">보안 알림 및 이용 안내</h3>" +

// 안내사항 목록
"<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\">" +
"<tr>" +
"<td style=\"vertical-align: top; padding-bottom: 5px;\">" +
"<p class=\"mobile-text\" style=\"color: #cccccc; font-size: 14px; margin: 0; line-height: 1.6; font-family: Arial, sans-serif;\">• 로그인 즉시 마이페이지에서 새로운 비밀번호로 변경하세요</p>" +
"</td>" +
"</tr>" +
"<tr>" +
"<td style=\"vertical-align: top; padding-bottom: 5px;\">" +
"<p class=\"mobile-text\" style=\"color: #cccccc; font-size: 14px; margin: 0; line-height: 1.6; font-family: Arial, sans-serif;\">• 비밀번호를 타인과 공유하지 마세요</p>" +
"</td>" +
"</tr>" +
"<tr>" +
"<td style=\"vertical-align: top; padding-bottom: 5px;\">" +
"<p class=\"mobile-text\" style=\"color: #cccccc; font-size: 14px; margin: 0; line-height: 1.6; font-family: Arial, sans-serif;\">• Sequence 로그인 페이지에 접속합니다</p>" +
"</td>" +
"</tr>" +
"<tr>" +
"<td style=\"vertical-align: top; padding-bottom: 5px;\">" +
"<p class=\"mobile-text\" style=\"color: #cccccc; font-size: 14px; margin: 0; line-height: 1.6; font-family: Arial, sans-serif;\">• 이메일과 임시 비밀번호를 입력합니다</p>" +
"</td>" +
"</tr>" +
"<tr>" +
"<td style=\"vertical-align: top;\">" +
"<p class=\"mobile-text\" style=\"color: #cccccc; font-size: 14px; margin: 0; line-height: 1.6; font-family: Arial, sans-serif;\">• 로그인 후 마이페이지에서 비밀번호 변경을 완료합니다</p>" +
"</td>" +
"</tr>" +
"</table>" +

"</td>" +
"</tr>" +
"</table>" +

"</td>" +
"</tr>" +

// 구분선
"<tr>" +
"<td style=\"padding: 0 30px;\">" +
"<div style=\"height: 1px; background-color: #E32929; margin: 20px 0;\"></div>" +
"</td>" +
"</tr>" +

// 푸터 섹션
"<tr>" +
"<td class=\"mobile-padding mobile-center\" align=\"center\" style=\"background-color: #0f0f0f; padding: 30px; border-top: 1px solid #333;\">" +
"<h2 style=\"font-size: 24px; font-weight: 900; color: #E32929; margin: 0 0 15px 0; font-family: Arial, sans-serif;\">Sequence</h2>" +
"<p class=\"mobile-text\" style=\"color: #888888; font-size: 13px; margin: 5px 0; font-family: Arial, sans-serif;\">이 메시지는 발신 전용입니다.</p>" +
"<p class=\"mobile-text\" style=\"color: #888888; font-size: 13px; margin: 5px 0; font-family: Arial, sans-serif;\">Sequence © 2025</p>" +
"</td>" +
"</tr>" +

"</table>" +
"</td>" +
"</tr>" +
"</table>" +
"</body>" +
"</html>";

helper.setText(content, true);
mailSender.send(message);
} catch (MessagingException e) {
throw new RuntimeException("이메일 발송 중 오류가 발생했습니다.",e);
}
}

}
Loading
Loading