인프런 커뮤니티 질문&답변
작성한 질문수
프론트에서 json파일을 가공하여 사용하는 방법
해결된 질문
작성
·
753
3
안녕하세요! 디자인시스템 강의 잘들었습니다~
현재 디자인/퍼블리싱을 업무를 병행하는 디자이너인데요.
json파일을 푸시하고 그 후에 프론트에서는 어떻게 가공해서 사용하는지에 대해 궁금합니다. 추후 강의 계획이 있으실까요?
답변 1
3
안녕하세요 이송이님 :)
토큰을 가공하는 과정은 글로 설명하기 많이 복잡하나. 간단하게 플로우만 정리해보겠습니다.
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을 사용해 가공되므로 자바스크립트를 잘 모르는 퍼블리셔분들은 가공하기가 조금 어려울 수 있습니다.
토큰을 가공하는 추후 강의 계획은 없습니다 ㅠㅠ 오프라인 강의로는 진행을 했었는데, 요즘 디자인 시스템이 아닌 다른(프론트개발) 오프라인 강의가 많아져서 당분간은 힘들듯 합니다 ㅠㅠ..
안녕하세요 이송이님 :)
이런 문의들이 종종 있어서 수강생수가 어느정도 (300~400명) 차면 인프런에 오프라인 강의 모집을 한번 해볼까 합니다.
오프라인 강의를 모집하는 새소식 글을 올리게 되면 아마 메일로 알림이 가지 않을까 생각합니다 :)
그리고 예전 학생분이 똑같이 후가공에 대한 질문에 제가 답변을 드린 내용이 있어서 참고하시라고 링크 같이 달아놓겠습니다.
https://www.inflearn.com/questions/659459
관심 가져주셔서 감사합니다.
꼼꼼한 설명 감사합니다-_-)b 자바스크립트도 공부 중이라 한 번 시도해보겠습니다.
혹시 추후 디자인시스템 오프라인 강의가 진행 된다면 어디에서 알 수 있을까요? 범쌤님 개인 블로그나 인프런 등등 공지를 하는 공간이 있으실까요 ..?