원
원티드
January 2, 20261회
웹과 다른 세계: 이메일 템플릿 작업에서 겪은 시행착오

간단 소개
프론트엔드 개발자가 이메일 템플릿 작업 중 겪은 반응형 디자인 문제와 이메일 클라이언트의 특성, 그리고 table 레이아웃을 활용한 해결 방법을 공유합니다.
AI Summary
문제 상황 및 원인
- 프론트엔드 개발자가 이메일 템플릿 리뉴얼 중 반응형 디자인이 모바일에서 적용되지 않거나, 이메일 클라이언트별로 다르게 보이는 문제를 겪음.
- 원인은 이메일 클라이언트가 웹 브라우저와 달리 각기 다른 렌더링 엔진을 사용하며, CSS 지원(특히
<style>태그,display,box model, 미디어 쿼리)이 매우 제한적이기 때문.
해결 방법: table 레이아웃
- 이메일 클라이언트에서 가장 안정적인
<table>태그를 활용한 table 레이아웃이 현실적인 해결책. <table>은 HTML 3.x 시절부터 레이아웃 용도로 사용되어 클라이언트들이 깨뜨릴 수 없는 핵심 태그.<table width=\"100%\">내부에max-width:600px테이블을 중첩하는 구조로 미디어 쿼리 없이 유사 반응형 동작 구현 가능.
Next Feeds

Activation을 전사 공통 레이어로 만들며 해결한 3가지: 신뢰성, 비용, 생산성
당근에서 Active User 분석의 한계를 극복하고 데이터 신뢰성, 비용 효율성, 생산성을 높이기 위해 전사 공통 Activation 데이터 레이어를 구축한 경험과 그 활용 사례를 설명합니다.
Activation 레이어데이터 구조화DBTActive User데이터 신뢰성
2026. 1. 2.
당근

패키지 여행에 가이드의 경험를 더하다 ‘여기어때 가이드팩’
여기어때가 가이드의 전문성을 중심으로 기존 패키지 여행의 불편함을 해소하고 새로운 브랜드 경험을 제공하는 '가이드팩'을 기획하고 브랜딩한 과정을 설명합니다.
여기어때 가이드팩스타가이드패키지여행여행 경험브랜딩
2026. 1. 2.
여기어때
올리브영 타입스크립트로 알아보는 제네릭과 매개변수 다형성
올리브영 실무 코드를 통해 타입스크립트 제네릭과 매개변수 다형성, 변성(Variance)을 설명하고 타입 안전성 확보 방안을 제시합니다.
제네릭다형성타입스크립트변성타입 추론
2025. 12. 31.
올리브영

사내 DB 관리 규정을 AI로 적용하다 : Amazon Bedrock 기반 DBA 리뷰봇 개발기
요기요는 Amazon Bedrock 기반 DBA 리뷰봇을 개발하여 DDL 변경 관리의 효율성을 20% 개선하고, DBA의 반복 업무 부담을 줄였다.
DBA 리뷰봇Amazon BedrockDDL 관리Knowledge BaseAgent
2025. 12. 31.
요기요
SQS 기반 알림톡 처리에서 발생한 DB 커넥션 데드락 분석기
올리브영은 SQS 기반 알림톡 시스템 도입 후 발생한 DB 커넥션 데드락을 SQS 폴링, HikariCP, 트랜잭션 전파 옵션 튜닝으로 해결했습니다.
SQS데드락트랜잭션HikariCP이벤트 기반
2025. 12. 30.
올리브영

클라우드 단순 비용 절감을 넘어, 비즈니스의 가치로 : FinOps Framework
클라우드 비용을 단순 절감 아닌 비즈니스 가치 극대화를 위한 전략적 투자로 관리하는 FinOps Framework와 2026년 실행 방안을 제시합니다.
FinOps클라우드 비용비용 최적화FOCUSAI 자동화
2025. 12. 30.
교보dts