Mincho 프로젝트의 이번주 #5 - 기본 기능 완성!!

Mincho 프로젝트의 이번주 #5 - 기본 기능 완성!!

소개글

새로운 오픈소스 프로젝트 개발을 시작합니다.

주간레터

저번주의 주간레터는 한번 건너 뛰었는데요,

제가 여행갔다 오느라 작업을 거의 못해서 입니다.

그래도 이번주에는 다행히 배포를 위한 모든 기능을 구현했습니다.

마지막으로 구현한 기능이 생각보다 어려웠네요.

Variant Reference 라는 기능인데요, %Variant이름 을 자리표시자로 두고 참조할 수 있게 만들어 줍니다.

export const myCss = cssVariant({
  primary: {
    color: "red",
    ":has(%secondary)": {
      color: "blue",
    }
  },
  secondary: {
    color: "black",
    "%primary &":{
      color: "white"
    }
  }
});

확실히 전처리기에서 있을범직한 기능이죠.

export const myCss = styleVariant({
  primary: {
    color: "red",
  },
  secondary: {
    color: "black",
  }
});
globalCSS(`${myCss["primary"]}:has(${myCss["secondary"]})`, {
  color: "blue"
});
globalCSS(`${myCss["primary"]} ${myCss["secondary"]}`, {
  color: "white"
});

이제 배포를 하기위해 문서화 작업들을 주로 하고 있어요.

README 파일들을 작성
dev.to 같은 외국 블로그에 소개하기 위한 글
Vanilla Extract의 커뮤니티에 소개하기 위한 글

아무래도 트래픽은 한번에 몰리는 특징이 있다보니, 여러가지 준비가 필요한 것 같아요.

이외에 개발은 changesets를 이용한 Monorepo 자동 버저닝/CHANGLOG 생성과 CommonJS, ESM에서 테스트 검증이 있겠네요.

아 참, 새로운 RFC도 병렬적으로 이루지고 있어요.
새로운 RFC는 흔히 Variants(혹은 recipe)라고 불리는 것으로서 다이나믹한 Props을 다루거나 BEM을 쉽게 구현할 수 있도록 도와주는 역할이에요.

자세한건 다음에 쓸 소개글에 더 적어보도록 하겠습니다.

생각보다 일정잡는게 빡세네요.

댓글