CSS 글 모음

포스타입

2026-07-02 · 17일 전

안녕하세요. 최근 수습을 마치고, 입사 4개월차를 맞이한 프로덕트 디자이너 JY입니다. 포스타입 프로덕트 디자이너로서 사용자와 창작자가 더 좋은 경험을 할 수 있도록 고민하는 일을 하고 있어요. 합류한 지 오래되지는 않았지만, 실제 데이터를 보며 작은 변화들이 사용자에게 어떤 영향을 만드는지 밀도 있게 경험하고 있는 중이에요. 오늘은 90일간의 경험을 솔직하게 이야기해보려 해요. 포스타입에 지원한 이유 저는 이전 조직에서도 문제를 해결하는 과정

토스

2025-12-15 · 7개월 전

토스의 디자인 시스템, TDS의 컬러 시스템을 7년 만에 전면 개편하며 마주했던 문제들과, 이를 해결하기 위해 토큰 시스템을 처음부터 다시 만들어간 과정을 공유합니다.

사람인

2025-11-11 · 8개월 전

2025년 7월 사람인의 공고/후보자 서비스의 대대적인 개편이 있었습니다.🎉 후보자 서비스에서 다양한 연계 플랫폼(점핏, 코메이트, 원더풀 시니어 등)과의 연동이 가능해졌습니다. 문제는 여기서 시작됐는데요. 각 플랫폼이 제공하는 이력서는 PDF, HTML 등 형식도 다르고 HTML 기반이라 해도 CSS, 클래스명, 레이아웃방식이 모두 제각각입니다. 이 말은 후보자 상세 페이지의 기존 스타일과 충돌해 깨질 수 있다는 것을 의미합니다. 후보자 상

This article covers how to align sentences, paragraphs, and boxes containing paragraphs in a visually pleasing way using HTML and CSS. We will look at two methods for centering alignment on the horizontal and vertical axes. Method 1. display: table /

씨앤텍시스템즈

2023-12-27 · 2년 이상 전

안녕하세요 씨앤텍시스템즈입니다. 오늘은 SVG를 이용한 Animation을 생성하는 방법에 대해서 정리하겠습니다. 이 글은 https://youtu.be/UTHgr6NLeEw?si=L0r4UHGpoLLN96Ld 자료를 참고하여 작성하였습니다. 이 글의 각 파트별 마지막에는 아래의 두 가지 animation을 완성할 수 있습니다. animation1 animation2 목표 1 : animation1 먼저, animation1을 만드는 과정을 살

카카오헤어샵

2023-11-01 · 2년 이상 전

안녕하세요, 카카오헤어샵 플랫폼 개발팀 프론트엔드 개발자 조이입니다! 오늘은 프론트엔드 파트에서 진행한 마크업 내재화에 대한 이야기를 해보려고 합니다. 외부 개발로 진행한 마크업의 문제 카카오 헤어샵, 파트너스(점주님 서비스)는 기존에 외부 마크업 개발자(퍼블리셔)분들께 html, css 작업을 요청하고 있었습니다. 내부 개발자 분들이 아니다 보니 저희

트렌비

2023-01-15 · 3년 이상 전

개편 배경 서비스를 리뉴얼을 하는 작업은 생각보다 많은 수고와 인내가 필요한 작업입니다. 단순 심미적인 만족감뿐 아니라 사용자 고객여정을 파악하여 더 편리한 구매와 탐색 경험을 서비스에 녹여 반영해야 하기 때문이죠. 그런데도 불구하고 왜 수많은 서비스들은 리뉴얼을 하는 걸까요? 여러 가지 이유가 있겠지만 대부분은 다음과 비슷한 이유를 포함하고 있을 것입니다. ‘디자인이 오래되었다거나 구성이 복잡하거나, 모바일에 최적화되어있지 않거나, 지표 성과

유비케어

2019-06-04 · 약 7년 전

CSS 3 Transform 3D CSS 3 기술의 구체적인 사용법이나 활용보다는 웹에서 이러한 방식으로도 표현이 가능하다는 것을 공유하고자 글을 작성하였습니다. 크롬이나 파이어폭스에서 확인해주세요 ^^

카카오스타일

2019-04-29 · 약 7년 전

안녕하세요 지그재그에서 프론트엔드 개발을 하고 있는 태재영입니다. 프론트엔드 개발자에게 중앙 정렬을 어떻게 하냐고 물어보면 inline 요소는 text-align 속성을 center로 지정하고, block 요소는 margin 속성을 auto로 지정한다고 대답할 겁니다. 그런데 좌우가 아니라 위아래 수직 정렬을 어떻게 하겠냐고 물어보면 대답을 선뜻 못하거나 굉장히 다양한 답변들이 나옵니다. 그 여러 방법들 중에 개발자들이 사용하면서도 “왜 되는거