Email HTML에서 margin 적용하기

2024년 1월 2일 화요일

Today I learned

날짜

2024년 1월 2일 요일

내용

올해 첫 업무 시작.

Email CSS

고객에게 발송할 이메일 양식 HTML 의 CSS를 계속 진행하고 있다. 위아래에 margin이 적용되지 않았다. 구글링 결과, 플랫폼이나 브라우저 마다 Email Template 렌더링이 제각각이라는 말이 많았고 특히 부모의positionrelative 로 두고 자식을 absolute 로 두었을 때 위치가 적용되는지에 대해 너무 의견이 분분했다.

나는 템플릿을 table로 구성해두었는데, table의 위치에 margin 을 적용하지 않고 빈 셀 하나를 추가해주는 방식으로 구현했다.

SEO

Google Search Console에 등록된 사이트맵이 갱신되지 않았다. 시간이 오래걸리는 건 알았지만 불안해서 이것저것 알아봤다. 크롬 개발자 도구에는 Lighthouse라고 하는 Tool이 있는데, 이를 이용해 웹사이트의 성능을 확인할 수 있다.

여기서 우리 테스트 서버의 성능이 아예 감지조차 안된다. 404 Not Found가 발생한다. 분명 뜨는 페이지인데 왜 404가 나타날까. routing과 관련된 문제인지 좀 알아볼 예정.

회고

나도 2년차 개발자다.