개냥이
close
프로필 배경
프로필 로고

개냥이

  • 분류 전체보기 (76) N
    • 개발 일지 (3)
      • FrontEnd_프론트엔드 (3)
      • BackEnd_백엔드 (0)
      • TroubleShooting_트러블슈팅 (0)
    • Study (45) N
      • Javascript (0)
      • Typescript (1)
      • React (1)
      • Node.JS (13) N
      • Python (11)
      • Java (16) N
      • SQL (3)
    • CodingTest (24)
      • 자료구조-알고리즘 (6)
      • BeakJoon (18)
      • Programmers (0)
    • Career_커리어 (3)
      • Hackathon _해커톤 (1)
  • 홈
  • Github
  • 태그
  • 방명록
[STOCAT] Tailwind CSS만 쓰던 나의 vanilla-extract 첫 도전기

[STOCAT] Tailwind CSS만 쓰던 나의 vanilla-extract 첫 도전기

이 글은 STOCAT 프로젝트에서 디자인 시스템 토큰을 정리하면서 발견한 코드 개선 경험을 기록한 글이다.들어가며처음 프론트엔드 스타일링을 접한 게 Tailwind CSS였다. 유틸리티 클래스 기반의 빠른 개발 속도에 만족하면서 쭉 써왔는데, 어느 순간 한 가지 불안이 생겼다."나는 CSS-in-JS 방식을 제대로 모른다." 실무에서는 styled-components, Emotion 같은 CSS-in-JS 라이브러리가 여전히 많이 쓰인다. 채용 공고에서도 이 기술 스택을 요구하는 곳이 적지 않다. Tailwind만 써본 입장에서는 styled.div 같은 문법도, ThemeProvider 패턴도 낯설었다. 이 갭을 메우고 싶었다.CSS-in-JS를 학습하기로 마음먹은 뒤, 여러 선택지를 조사하다가 van..

  • format_list_bulleted 개발 일지/FrontEnd_프론트엔드
  • · 2026. 2. 26.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (76) N
    • 개발 일지 (3)
      • FrontEnd_프론트엔드 (3)
      • BackEnd_백엔드 (0)
      • TroubleShooting_트러블슈팅 (0)
    • Study (45) N
      • Javascript (0)
      • Typescript (1)
      • React (1)
      • Node.JS (13) N
      • Python (11)
      • Java (16) N
      • SQL (3)
    • CodingTest (24)
      • 자료구조-알고리즘 (6)
      • BeakJoon (18)
      • Programmers (0)
    • Career_커리어 (3)
      • Hackathon _해커톤 (1)
최근 글
인기 글
최근 댓글
태그
  • #프론트엔드
  • #파이썬
  • #코딩테스트
  • #알고리즘
  • #자료형
  • #Python
  • #백준
  • #프로그래머스
  • #자료구조
  • #TypeScript
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바