์ด๋ฉ์ผ ๋ ๋๋ง์ ์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ๊ฐ ์ด๋ฉ์ผ ๋ฉ์์ง์ HTML, CSS ๋ฐ ์ด๋ฏธ์ง๋ฅผ ํด์ํ๊ณ ํ์ํ๋ ํ๋ก์ธ์ค์ ๋๋ค. ๋ค์ํ ์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ(Gmail, Outlook, Apple Mail, Yahoo ๋ฑ)๊ฐ ์๋ก ๋ค๋ฅธ ๋ ๋๋ง ์์ง์ ์ฌ์ฉํ๊ธฐ ๋๋ฌธ์ ๋์ผํ ์ด๋ฉ์ผ์ด ํ๋ซํผ์ ๋ฐ๋ผ ๋ค๋ฅด๊ฒ ๋ณด์ผ ์ ์์ต๋๋ค. ์ด๋ฉ์ผ ๋ ๋๋ง์ ์ดํดํ๋ ๊ฒ์ ์์ ์๊ฐ ์ด๋์์ ๋ฉ์์ง๋ฅผ ๋ณด๋ ์ผ๊ด๋๊ณ ์ ๋ฌธ์ ์ธ ์ธ๊ด์ ์ ์งํด์ผ ํ๋ ์ด๋ฉ์ผ ๋ง์ผํฐ์ ๋์์ด๋์๊ฒ ๋งค์ฐ ์ค์ํฉ๋๋ค.
์ด๋ฉ์ผ ๋ ๋๋ง์ ์์ ์๊ฐ ๋ธ๋๋์ ๋ฉ์์ง๋ฅผ ์ธ์ํ๋ ๋ฐฉ์์ ์ง์ ์ ์ธ ์ํฅ์ ๋ฏธ์นฉ๋๋ค. ๊นจ์ง๊ฑฐ๋ ๋ ๋๋ง์ด ์๋ชป๋ ์ด๋ฉ์ผ์ ๋น์ ๋ฌธ์ ์ผ๋ก ๋ณด์ด๊ณ , ์ฐธ์ฌ๋๋ฅผ ๋ฎ์ถ๋ฉฐ, ์ ๋ขฐ๋ฅผ ์์์ํฌ ์ ์์ต๋๋ค. ์ฐ๊ตฌ์ ๋ฐ๋ฅด๋ฉด ์์ ์๋ ๋ช ์ด ์์ ์ธ์์ ํ์ฑํฉ๋๋ค. ์ด๋ฉ์ผ์ด ์๊ณก๋์ด ๋ณด์ด๋ฉด ์ฝ์ง ์๊ณ ์ญ์ ํ ์ ์์ต๋๋ค. ์ผ๊ด์ฑ ์๋ ๋ ๋๋ง์ ์ ํ์จ์๋ ์ํฅ์ ๋ฏธ์นฉ๋๋ค. ์๋ชป ํ์๋๋ ์ฝํฌ์ก์ , ๋ก๋๋์ง ์๋ ์ด๋ฏธ์ง, ๋ชจ๋ฐ์ผ ๊ธฐ๊ธฐ์์ ๊นจ์ง๋ ๋ ์ด์์์ ๋ชจ๋ ํด๋ฆญ๋ฅ ์ ๋ฎ์ถฅ๋๋ค. ์ด์ปค๋จธ์ค ๋น์ฆ๋์ค์ ๊ฒฝ์ฐ ์ด๋ ์ง์ ์ ์ธ ์์ต ์์ค๋ก ์ด์ด์ง๋๋ค. ๋ฏธ๊ด ์ธ์๋ ๋ ๋๋ง ๋ฌธ์ ๋ ์ ๋ฌ ๊ฐ๋ฅ์ฑ์ ์ํฅ์ ์ค ์ ์์ต๋๋ค. ๊ณผ๋ํ ์ฝ๋, ์์๋ HTML ๋๋ ์คํธ ํํฐ๋ฅผ ํธ๋ฆฌ๊ฑฐํ๋ ์์๊ฐ ํฌํจ๋ ์ด๋ฉ์ผ์ ๋ฐ์ํธ์งํจ์ ์ ํ ๋๋ฌํ์ง ๋ชปํ ์ ์์ต๋๋ค. ๋ ๋๋ง์ ์ดํดํ๋ฉด ์คํธ ๊ฒ์ฌ๋ฅผ ํต๊ณผํ๋ฉด์ ์ด๋์์๋ ๋ฉ์ง๊ฒ ๋ณด์ด๋ ๊น๋ํ๊ณ ํจ์จ์ ์ธ ์ด๋ฉ์ผ ์ฝ๋๋ฅผ ๋ง๋ค ์ ์์ต๋๋ค.
์ด๋ฉ์ผ์ด ์์ ์์ ๋ฐ์ํธ์งํจ์ ๋์ฐฉํ๋ฉด ์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ๋ ๋ฉ์์ง์ HTML๊ณผ CSS ์ฝ๋๋ฅผ ํ์ฑํ์ฌ ์๊ฐ์ ์ผ๋ก ํ์ํฉ๋๋ค. ๋น๊ต์ ์ผ๊ด๋ ํ์ค์ ๋ฐ๋ฅด๋ ์น ๋ธ๋ผ์ฐ์ ์ ๋ฌ๋ฆฌ ์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ๋ ๋งค์ฐ ๋ค๋ฅธ ๋ ๋๋ง ์์ง๊ณผ ์ ํ ์ฌํญ์ ๊ฐ์ง๊ณ ์์ต๋๋ค. Outlook์ Microsoft Word์ ๋ ๋๋ง ์์ง์ ์ฌ์ฉํ๋ฉฐ, Gmail๊ณผ ๊ฐ์ ์น ๊ธฐ๋ฐ ํด๋ผ์ด์ธํธ์๋ CSS๋ฅผ ๋ค๋ฅด๊ฒ ์ฒ๋ฆฌํฉ๋๋ค. ๋ ๋๋ง ํ๋ก์ธ์ค๋ ์ฌ๋ฌ ๋จ๊ณ๋ก ๊ตฌ์ฑ๋ฉ๋๋ค: HTML ๊ตฌ์กฐ ํ์ฑ, CSS ์คํ์ผ ์ ์ฉ(์ง์๋์ง ์๋ ์์ฑ ์ ๊ฑฐ), ์ด๋ฏธ์ง ๋ฐ ๊ธ๊ผด๊ณผ ๊ฐ์ ์ธ๋ถ ๋ฆฌ์์ค ๋ก๋, ๊ทธ๋ฆฌ๊ณ ์ต์ข ์ ์ผ๋ก ๊ตฌ์ฑ๋ ๋ฉ์์ง ํ์์ ๋๋ค. ๋ง์ ํด๋ผ์ด์ธํธ๊ฐ ๋ณด์ ๋ฐ ๊ฐ์ธ์ ๋ณด ๋ณดํธ๋ฅผ ์ํด ๊ธฐ๋ณธ์ ์ผ๋ก ์ด๋ฏธ์ง๋ฅผ ์ฐจ๋จํ๋ฏ๋ก, ์ด๋ฏธ์ง๊ฐ ๋ง์ ์ด๋ฉ์ผ์ ์ด๊ธฐ ํ์์ ์ํฅ์ ๋ฏธ์นฉ๋๋ค. ์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ๋ ๋ฐ์ํ ๋์์ธ๋ ๋ค๋ฅด๊ฒ ์ฒ๋ฆฌํฉ๋๋ค. ์ต์ ํด๋ผ์ด์ธํธ๋ ๋ชจ๋ฐ์ผ ์ต์ ํ๋ฅผ ์ํ ๋ฏธ๋์ด ์ฟผ๋ฆฌ๋ฅผ ์ง์ํ์ง๋ง, ์ค๋๋ ํด๋ผ์ด์ธํธ๋ ์ด๋ฅผ ์์ ํ ๋ฌด์ํ ์ ์์ต๋๋ค. ์ด๋ ์ด๋ฉ์ผ ๋์์ด๋๊ฐ ๋ชจ๋ ํ๋ซํผ์์ ์ด๋ฉ์ผ์ด ์ ์ ํ๊ฒ ๋ ๋๋ง๋๋๋ก ํ์ด๋ธ๋ฆฌ๋ ์ฝ๋ฉ ๋ฐ ํ๋ฃจ์ด๋ ๋ ์ด์์๊ณผ ๊ฐ์ ํด๋ฐฑ ๊ธฐ์ ์ ์ฌ์ฉํด์ผ ํจ์ ์๋ฏธํฉ๋๋ค.
Outlook์ ํ์ค ์น ๋ธ๋ผ์ฐ์ ์์ง ๋์ Microsoft Word์ ๋ ๋๋ง ์์ง์ ์ฌ์ฉํ๋ฏ๋ก HTML๊ณผ CSS๋ฅผ Gmail๊ณผ ๋งค์ฐ ๋ค๋ฅด๊ฒ ์ฒ๋ฆฌํฉ๋๋ค. Outlook์ float, positioning ๋ฐ ๋ง์ ์ต์ CSS3 ๊ธฐ๋ฅ๊ณผ ๊ฐ์ CSS ์์ฑ์ ๋ํ ์ง์์ด ์ ํ์ ์ ๋๋ค. Gmail์ ํ์ค์ ๋ ์ ์ค์ํ์ง๋ง ํน์ ์คํ์ผ์ ์ ๊ฑฐํ๊ณ ๋ค๋ฅธ ๋ฐฉ์์ผ๋ก CSS ์ง์์ ์ ํํฉ๋๋ค. ๋ ํด๋ผ์ด์ธํธ์์ ํ ์คํธํ๊ณ ๊ฒ์ฆ๋ ์ด๋ฉ์ผ ์ฝ๋ฉ ๊ธฐ์ ์ ์ฌ์ฉํ๋ฉด ์ผ๊ด๋ ๋ ๋๋ง์ ๋ณด์ฅํ ์ ์์ต๋๋ค.
Litmus, Email on Acid ๋๋ Mailtrap๊ณผ ๊ฐ์ ์ด๋ฉ์ผ ํ ์คํธ ๋๊ตฌ๋ฅผ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ด๋ฌํ ๋๊ตฌ๋ ์์ญ ๊ฐ์ ์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ์ ๊ธฐ๊ธฐ์์ ์ด๋ฉ์ผ์ ๋ ๋๋งํ๊ณ ๋ฉ์์ง๊ฐ ์ด๋ป๊ฒ ํ์๋๋์ง ์คํฌ๋ฆฐ์ท์ ๋ณด์ฌ์ค๋๋ค. ๋ง์ ์ด๋ฉ์ผ ์๋น์ค ์ ๊ณต์ ์ฒด๋ ๋ด์ฅ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๊ธฐ๋ฅ์ ํฌํจํ๊ณ ์์ต๋๋ค. ๋ํ ๋ค๋ฅธ ํ๋ซํผ์์ ๊ด๋ฆฌํ๋ ๊ณ์ ์ผ๋ก ํ ์คํธ ์ด๋ฉ์ผ์ ๋ณด๋ด ๋ ๋๋ง์ ์๋์ผ๋ก ํ์ธํ ์ ์์ต๋๋ค.
๋ง์ ์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ๋ ๊ฐ์ธ์ ๋ณด ๋ณดํธ ๋ฐ ๋ณด์ ์กฐ์น๋ก ๊ธฐ๋ณธ์ ์ผ๋ก ์ด๋ฏธ์ง๋ฅผ ์ฐจ๋จํฉ๋๋ค. ์ด๋ ๋ฐ์ ์๊ฐ ์ด๋ฉ์ผ์ด ์ด๋ ธ๋์ง ์ถ์ ํ๋ ๊ฒ์ ๋ฐฉ์งํ๊ณ ์ ์ฌ์ ์ผ๋ก ์ ์ฑ ์ฝํ ์ธ ๋ก๋ถํฐ ์์ ์๋ฅผ ๋ณดํธํฉ๋๋ค. ์ด๋ฅผ ์ฒ๋ฆฌํ๋ ค๋ฉด ํญ์ ์ด๋ฏธ์ง์ ์ค๋ช ์ ์ธ ALT ํ ์คํธ๋ฅผ ํฌํจํ๊ณ , ์ด๋ฏธ์ง๋ง์ผ๋ก ๊ตฌ์ฑ๋ ์ด๋ฉ์ผ์ ํผํ๋ฉฐ, ์ด๋ฏธ์ง๊ฐ ๋ก๋๋์ง ์์๋ ์ดํดํ ์ ์๋๋ก ์ด๋ฉ์ผ์ ๋์์ธํ์ธ์.
๋คํฌ ๋ชจ๋๋ ์ ์กฐ๋ ํ๊ฒฝ์์ ๋์ ํผ๋ก๋ฅผ ์ค์ด๊ธฐ ์ํด ์ด๋ฉ์ผ์ ์์์ ๋ฐ์ ์ํค๊ฑฐ๋ ์กฐ์ ํฉ๋๋ค. ์ด๋ฉ์ผ ํด๋ผ์ด์ธํธ๋ ๋คํฌ ๋ชจ๋๋ฅผ ๋ค๋ฅด๊ฒ ์ฒ๋ฆฌํฉ๋๋ค. ์ผ๋ถ๋ ์์์ ์๋์ผ๋ก ๋ฐ์ ์ํค๊ณ , ์ผ๋ถ๋ ์ฝ๋ฉ๋ ๋คํฌ ๋ชจ๋ ์คํ์ผ์ ์กด์คํ๋ฉฐ, ์ผ๋ถ๋ ๋ ๋ค ์ํํฉ๋๋ค. ์ข์ ๋คํฌ ๋ชจ๋ ๋ ๋๋ง์ ๋ณด์ฅํ๋ ค๋ฉด ๋คํฌ ๋ชจ๋ ์ค์ ์์ ์ด๋ฉ์ผ์ ํ ์คํธํ๊ณ , ๋ก๊ณ ์ ํฌ๋ช PNG๋ฅผ ์ฌ์ฉํ๋ฉฐ, ์ง์๋๋ ๊ฒฝ์ฐ ๋คํฌ ๋ชจ๋ ์ ์ฉ CSS๋ฅผ ์ถ๊ฐํ๋ ๊ฒ์ ๊ณ ๋ คํ์ธ์.
์ง๊ธ EmailVerify๋ฅผ ์ฌ์ฉํ์ฌ 99.9% ์ ํ๋๋ก ์ด๋ฉ์ผ์ ๊ฒ์ฆํ์ธ์.