TECH 으로 돌아가기
TECH HACKER NEWS 2026.10.27 16:10 6분 읽기 31 READS

CSS-Tricks가 새 주인을 맞았어요: 프런트엔드 개발자들의 ‘교과서’는 다시 살아날까

CSS-Tricks가 새 주인을 맞았어요: 프런트엔드 개발자들의 ‘교과서’는 다시 살아날까
SOURCE IMAGE · HACKER NEWS
CSS-Tricks가 새 주인을 맞았어요: 프런트엔드 개발자들의 ‘교과서’는 다시 살아날까

무슨 일이 있었냐면

프런트엔드 개발을 해보셨다면 “flexbox 정리”를 검색했다가 CSS-Tricks의 알록달록한 다이어그램 페이지에 도착해본 적이 한 번쯤 있으실 거예요. 그 CSS-Tricks가 새 주인을 맞았다는 공지를 올렸어요. 2022년부터 사이트를 운영해온 DigitalOcean을 떠나게 된 거예요.

이게 뉴스가 되는 건 CSS-Tricks가 그냥 블로그가 아니라 웹 프런트엔드 생태계의 공공재 같은 곳이었기 때문이에요. 지난 몇 년 동안 그 공공재가 조금씩 시들어가는 걸 많은 개발자들이 아쉬운 마음으로 지켜봤어요.

CSS-Tricks가 걸어온 길

CSS-Tricks는 2007년 크리스 코이어(Chris Coyier)가 시작한 개인 블로그였어요. 크리스는 나중에 CodePen을 공동 창업했고, ShopTalk Show라는 팟캐스트도 진행했어요. 블로그는 점점 커져서 여러 필자가 글을 쓰는 웹 개발 매체가 됐어요.

CSS-Tricks 하면 단연 “A Complete Guide to Flexbox” 와 “A Complete Guide to CSS Grid” 가 떠올라요. 이 글들이 그렇게 사랑받은 건 스펙 문서처럼 속성을 딱딱하게 늘어놓지 않았기 때문이에요. ‘부모 요소에 쓰는 속성’과 ‘자식 요소에 쓰는 속성’을 나눠서 그림으로 보여줬거든요. justify-content랑 align-items가 헷갈릴 때 그 그림을 한 번 보면 바로 이해가 됐어요. 많은 개발자가 이 페이지를 북마크해두고 몇 년씩 다시 찾아봤어요. 속성별 레퍼런스인 Almanac도 MDN과 함께 실무자들이 자주 들르는 곳이었고요.

2022년 3월에 DigitalOcean이 CSS-Tricks를 인수했어요. 개발자 튜토리얼로 유명한 회사라 궁합이 좋아 보였어요. 그런데 이후 회사의 인력 감축과 겹치면서 새 글이 올라오는 횟수가 눈에 띄게 줄었어요. “CSS-Tricks 요즘 업데이트가 거의 없네”라는 말이 개발자들 사이에서 자주 나왔죠.

개발자 콘텐츠 사이트들이 처한 현실

이번 일을 한 사이트의 소식으로만 보기 어려운 이유가 있어요. 개발자 대상 콘텐츠 매체들이 지금 다 같이 힘든 시기를 지나고 있거든요.

가장 큰 변화는 AI 검색과 코딩 어시스턴트예요. 예전에는 “CSS 가운데 정렬”을 검색하면 CSS-Tricks나 Stack Overflow로 들어갔는데, 이제는 ChatGPT나 에디터 안의 AI가 바로 답을 줘요. 트래픽이 줄면 광고 수익이 줄고, 좋은 필자에게 원고료를 줄 여유도 없어져요. Stack Overflow의 질문 수가 크게 줄었다는 이야기도 같은 흐름이에요.

아이러니한 건 AI가 내놓는 답 중 상당수가 바로 CSS-Tricks 같은 사이트의 글을 학습해서 나온다는 점이에요. 좋은 원천 콘텐츠가 사라지면 길게 보면 AI 답변의 품질도 떨어질 수밖에 없어요. 그래서 이런 사이트가 살아남느냐는 웹 생태계 전체의 문제이기도 해요.

비슷한 매체들을 보면 MDN은 비영리 재단인 Mozilla가 받쳐주고, Smashing Magazine은 책과 컨퍼런스로 수익원을 넓혔어요. web.dev는 구글이 직접 운영하고요. 독립 매체가 살아남으려면 광고 말고 다른 수익 모델이나 든든한 후원자가 필요하다는 걸 보여주는 사례들이에요. 새 주인이 어떤 길을 고르느냐가 CSS-Tricks의 다음 10년을 정할 거예요.

한국 개발자에게 주는 시사점

실무에서는 지금까지 쌓인 CSS-Tricks 아카이브가 계속 열려 있는 것만으로도 의미가 커요. Flexbox, Grid 가이드처럼 개념 설명이 탄탄한 글은 지금 읽어도 쓸모가 있거든요. 다만 몇 년 된 글 중에는 요즘 기준으로 낡은 방식도 섞여 있어요. 컨테이너 쿼리, :has() 선택자, CSS 중첩(nesting), 서브그리드처럼 최근 브라우저에 들어온 기능은 MDN이나 최신 자료로 한 번 더 확인하는 습관을 들이면 좋아요.

우리에게 던지는 질문도 있어요. 국내에도 좋은 기술 블로그와 커뮤니티가 많지만, 대부분 개인의 열정이나 회사 기술 블로그에 기대고 있잖아요. AI 시대에도 사람이 직접 쓴 깊이 있는 기술 글이 계속 나오려면 읽는 사람들이 그 가치를 어떻게 알아주고 보상할 수 있을지 고민해볼 때예요.

마무리

CSS-Tricks의 새 출발은 ‘AI 시대에 개발자 콘텐츠 매체가 어떻게 살아남을까’라는 질문에 대한 하나의 실험이 될 거예요. 새 운영 주체가 어떤 계획을 세웠는지는 원문 공지에서 자세히 확인해보세요.

여러분은 요즘 CSS나 프런트엔드 개념을 어디서 찾아보세요? 아직 블로그와 문서를 찾아 읽으시나요, 아니면 AI에게 먼저 물어보시나요?


🔗 출처: Hacker News

SOURCE · HACKER NEWS
원문 전체 보기 → https://css-tricks.com/css-tricks-has-a-new-owner/
SHARE
NEXT · CHOOSE

변화를 읽었다면,
내가 만들 수익 구조를 고릅니다.

정보를 더 모으는 데서 멈추지 않고, 광고·외주·판매·중개·구독 중 내 상황에 맞는 출발점을 정해보세요.

21가지 수익 구조 살펴보기 →
처리 중...