CSS로 메일 양식 만들기

2023년 12월 29일 금요일

Today I learned

날짜

2023년 12월 29일 금요일

내용

어제 막힌 난점은 해결했다. 도커 컨테이너 내에서 스크립트를 실행하니 메일은 발송되었다. 딱히 추가로 건드려야 할 설정이나 변수는 없었다. 기존에는 안되었는데, 로직상 가져온 데이터가 없었기 떄문에 발송되지 않았던 모양이다. 로컬 DB에는 테스트를 위한 적절한 리뷰 데이터가 없기 떄문에, 메일에 담을 데이터들을 임의의 값으로 지정해주었더니 헤결됐다. 수신자를 내 이메일로 설정해서, 어떤 화면이 고객이 보게 되는지 확실히 볼 수 있었다.

HTML에 데이터를 담는 것도 금방 해결되었는데, 이미 우리 서비스에 Jinja2 템플릿을 사용하고 있었기 때문이다. 그냥 양식에 맞춰 변수를 집어넣기만 해주었다. 생각지도 못한 부분에서 하루종일 고생했는데, 이메일에 담길 HTML을 로컬에서 열어보았을 떄와 메일로 받아보았을 떄가 다르다. local에선 적용된 padding이 안되있는 경우라던가, 예상 외의 상황이 많다. 이러한 특징은 각 메일 플랫폼별로 모두 다르다고 한다. 고객이 네이버, 구글, 아웃룩 등 받을 곳은 무궁무진한데 출력되는 형식이 매번 달라지니 이메일 만드는게 쉽지 않은 것 같다. 난 그냥 CSS도 못하는데…

기본적인 틀은 완성했지만 마진이 정리가 안된 것, 메일 내에서 가운데에 위치 시키는 것 들만 고치면 해결될 것 같은데, 말했다싶이 메일로 받아서 직접 확인하면서 고쳐야 하니 참 번거롭다. 구글링 좀 해보니 역시 나와 같은 어려움을 겪은 사람이 많아 이메일로 어떻게 나타나는지 테스트 해주는 툴이 많은데 이용해볼 예정.

회고

CSS와 미적 감각은 정말 상관있을까?