7onic 7onic

Tailwind v4 올리면 끝일 줄 알았는데Tailwind CSS v4 나오고 나서 관련 글을 꽤 많이 봤다.대부분 비슷했다.새 문법은 이렇다config는 이렇게 바뀌었다@theme는 이렇게 쓴다v3에서 v4는 이렇게 옮기면 된다틀린 말은 아니다. 오히려 잘 정리돼 있었다.근데 막상 실제 프로젝트에 넣고 돌리기 시작하면 궁금한 건 다른 쪽이었다.뭐가 조용히 깨지나빌드는 되는데 왜 화면은 안 바뀌나다크모드는 진짜 괜찮나기존 컴포넌트는 그대로 돌아가나에러 없이 안 되는 건 뭔가나는 7onic이라는 디자인 시스템을 운영하고 있다.Tailwind v3 사용자도 있고, v4 사용자도 있다.즉 내 입장에서는 그냥 개인 프로젝트 하나 올리는 문제가 아니었다.같은 JSON 토큰 소스를 유지해야 하고같은 컴포넌트가 두..

혼자 디자인 시스템 만들면 어떤 일이 생길까7onic을 만들기 전에 이런 검색을 해봤다.> solo design system뭔가 현실적인 경험담이 나올 줄 알았다.하지만 실제로 나온 건 대부분 이런 콘텐츠였다.- 수십 명 규모 팀의 디자인 시스템 운영 사례- 컴포넌트 라이브러리 확장 전략- 조직 문화와 협업 프로세스 이야기- “토큰 담당자”, “플랫폼 팀”, “리뷰 체계”를 전제로 한 글들즉, 동료가 있다는 전제의 이야기들 이었다.나는 그런 팀이 없었다.혼자였다.그래서 혼자 디자인 시스템을 만든다는 게 실제로 어떤 일인지, 직접 겪으면서 배울 수밖에 없었다.지금 되돌아보니, 시작 전에 누가 알려줬다면 좋았을 것들이 있다. 매일 모든 결정을 혼자 내려야 한다팀에서는 결정이 분산된다.- 누군가는 토큰을 담..

7onic 디자인 시스템은 JSON 파일 하나로 돌아간다7onic 디자인 시스템 전체를 움직이는 핵심은 JSON 파일 하나다.줄 수는 1,847줄.색상은 #6B21A8 같은 hex 값으로 들어 있고, spacing은 16 같은 숫자로 저장된다. border radius도 같은 방식이다. 애니메이션은 keyframe 객체 형태로 정의되어 있다.Figma Token Studio에서 토큰을 export 해본 사람이라면 익숙하게 느껴질 것이다.왜냐하면 정말 그 파일이 맞기 때문이다.파일 이름은:figma-tokens.json 그리고 이 파일은 코드베이스 안에서 디자인 값이 직접 존재할 수 있는 유일한 장소다.나머지는 전부 자동 생성된다.명령어 한 번 실행하면 이 파일을 읽고, 약 2초 만에 배포용 파일 11개를..

내가 핸드오프를 포기한 순간디자인 핸드오프를 완전히 믿지 않게 된 순간을 아직도 정확히 기억한다.내가 디자인한 카드 컴포넌트를 개발자가 구현해둔 화면을 확인했을 때였다.spacing은 2px 정도 어긋나 있었고, border radius는 6px이어야 했는데 8px로 들어가 있었다. 그림자도 비슷하긴 했지만 어딘가 달랐다. 아마 Tailwind 기본 shadow 값을 가져다 쓴 것 같았다.하나하나 따지면 이슈 티켓을 만들 정도는 아니었다.그런데 전부 합쳐 놓고 보면 결과물이 묘하게 이상했다.딱히 틀린 건 아닌데, 정확하지 않았다.나는 Figma에 코멘트를 남겼고, 다음 스프린트에서 수정되었다.그리고 같은 일이 다음 컴포넌트에서도 반복됐다.그 다음 컴포넌트에서도.그렇게 10년 동안.디자이너이면서 프론트엔드..

오늘은 몽골 홉스골 호수(LAKE)에 관해 알아볼까요 ? 몽골의 수도는 울란바토르 잘아시죠 ? TV에서는 양 키우고 말키우고 목축하는 모습만 나오는데 실제 가보면 그게 다가 아니랍니다 수도에서 2시간정도 차로가면 텔리지라고 하는 마치 스위스나 독일의 절경도 만끽하실수 있을거에요 한반도 면적의 총 7배이상이나 되는 큰 면적을 가진 나라지만 총인구수는 300만명 뿐이라는 그중 수도 울란바토르에는 약 100만명 가량이 살고 있습니다. 과거 러시아의 영향하에 사회주의 체제지만 유럽의 민족 특성을 가진 나라라고도 할수 있습니다. 양과 같은 민족이라고 할까? 단순하게 화를내고 거짓말을해도 본모습은 순진한다고 할수 있는 매력이 있는 나라랍니다. 홉스골은 몽골수도 울란바토르에서 약 2시간반? 정도 작은 비행기를 타면 ..

온천 혼자서 여행가기 온천은 팩키지가 아닌 조용히 혼자서 갔다 오는곳 ! 일본 하면 떠오르는 이미지 "온천" 일본에는 수많은 온천 관광지가 잘 되어있답니다. 누가 화산섬 아니랄까봐 ㅋ 한국에서 일본 온천을 검색하면 수많은 여행사 홈페이지로 연결되지요 ? 이번에 제가 소개해드릴거는 배낭 여행으로 왔을때 일본 사이트에서 적당한 가격으로 미리 온천 예약하는 법을 알려드리도록하겠습니다. 일본 최대 여행 정보 사이트 http://www.jalan.net/onsen/ 자란넷이라고 하는데요 일본어 공부 조금만 하신분이시라면 미리 배낭여행 떠나기전에 사이트 체크하신담에 여행사에는 없는 자기만의 여행일정을 미리 준비하여 가시면 베스트 일듯! 저녁과 아침식사는 근사하게 연인과 또는 친구와 함께 온천 식사 -아타미온천- 바..

등위 상관 접속사 ; 서로 관계가 있는 접속사(1) 등위 상관 접속사 11. So [ such ] X that Y ; 너무 X해서 Y 하다She is so kind a girl that I like her ; 그녀는 너무나 친절해서 나는 그녀를 좋아한다She is such a kind girl that I like her 2. Whether X or Y ; X 이건 Y 이건3. No sooner X than Y ; X 하자마자 Y 하다No sooner had he seen Zeus than he ran away with a recorder그가 제우스를 보자마자 그는 도망갔다 녹음기를 가지고 (2) 등위 상관 접속사 21. Not only A but also B ; A 뿐만 아니라 B 도2. B as we..

접속사 이해하기(1) 등위접속사 (평행구조)S + V +O + O.C [and / or / but] S + V + O + O.C for S+V ; 왜냐하면 주어가 동사하다And / or / but+ 1.명사 2. ~ing 3. to V 4.형용사 5.V 6. S+V 7. 전+명 8. P.PBy ~ ing …. and ~ ing ; ~ing 함으로써 … 그리고 ~ 함으로써To study English …and to practice it … ; 영어를 공부하는 것은 …그리고 연습하는 것은….(2) 종속접속사 (평행구조)명사절(S O C) ; [that절 / 의문사절 / if 절 ; 목적절로만 쓴다 주어로는 쓸수없다/ whether 절] 1. That he is innocent (that절) is certai..