프론트에서 json파일을 가공하여 사용하는 방법

안녕하세요 이송이님 :)

토큰을 가공하는 과정은 글로 설명하기 많이 복잡하나. 간단하게 플로우만 정리해보겠습니다.

1. 디자이너가 github에 올린 json파일을 개발자가 받습니다.
2. 토큰 가공에 필요한 token-transformer 패키지를 설치합니다. (npm)
3. token-transformer를 통해 1차 가공을 거칩니다. (1차 가공을 거친 후 파일은 js로 스타일링을 하는 유저들인 emotion, stype-component를 사용하는 유저라면 바로 사용할 수 있습니다.)
4. 가공된 토큰을 퍼블리셔가 사용할 수 있도록 style-dictionary를 사용해 2차 가공을 거칩니다. (pureCSS, SCSS, TailwindCSS, etc..)

토큰을 가공하는 과정은 npm을 사용해 가공되므로 자바스크립트를 잘 모르는 퍼블리셔분들은 가공하기가 조금 어려울 수 있습니다.

토큰을 가공하는 추후 강의 계획은 없습니다 ㅠㅠ 오프라인 강의로는 진행을 했었는데, 요즘 디자인 시스템이 아닌 다른(프론트개발) 오프라인 강의가 많아져서 당분간은 힘들듯 합니다 ㅠㅠ..