따봉 하나씩만 눌러주셈 ㅎㅎ
- dc official App
[%] 나 프론트개발자인데
스벨트(58.234)
2024-07-07 20:22
추천 2
댓글 41
다른 게시글
-
프론트 개발자가 네트워크, DB, 보안 더 공부하면 좋지 [4][%] 프로그래밍(nowadays3724) | 24.07.07추천 0
-
Figma 배우기 시작했다... [22][%] black7375(222.112) | 24.07.07추천 1
-
강해졌다[%] 익명(121.129) | 24.07.07추천 0
-
일단 월급쟁이로의 목표 [14][%] 미쿠쟝마지..(6974aaai) | 24.07.07추천 0
-
해외 강의들 퀄리티 미쳤네 진짜 ㅋㅋㅋ [4][%] 익명(223.38) | 24.07.07추천 3
-
리트코드 1년 프리미엄 41만원이네 [2][%] 익명(119.194) | 24.07.07추천 0
-
딥씩코더2 써라 ㅋㅋㅋ [6][%] 익명(1.242) | 24.07.07추천 0
-
vimium 처음엔 뭐 저딴걸 만들었나 싶었는데 [4][%] 익명(1.240) | 24.07.07추천 0
-
Tailwind는 건강에 이롭다. [14][%] 퇴물(180.68) | 24.07.07추천 5
-
vim은 건강하려고 쓰는거 아니냐 [3][%] 익명(118.32) | 24.07.07추천 4
대성아 한번만 더 구걸하면 리폿을 박아주마
ㅈㅅ ㅎㅎ;; - dc App
이미 누름
https://github.com/meursyphus/flitter/stargazers?page=3
에 이미 있따
나도 눌러줘.. 품앗이 좀 하자 이거야
근데 님은 로고 어케 만듦? 나는 그냥 AI 툴로 하나 생성한다음 고쳐서 쓰는 중
https://github.com/mincho-js/mincho
그래 품앗이 가야제~~ 나도 ai로 만듬 ㅋㅋ
역시 모든 개발자들 생각이 비슷하구만 ㄱㅅㄱㅅ
이제 슬슬 본격적으로 개발 시작하려 하는데 전체적인 컨셉을 위한 글 올려뒀으니 궁금하신 분들은 보십셔
https://disquiet.io/@alstjr7375/makerlog/%EC%83%88%EB%A1%9C%EC%9A%B4-%EC%98%A4%ED%94%88%EC%86%8C%EC%8A%A4-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EA%B0%9C%EB%B0%9C%EC%9D%84-%EC%8B%9C%EC%9E%91%ED%95%A9%EB%8B%88%EB%8B%A4
좆밥 현직프론튼대 좋은글 읽고간다
감사함미다 :D
나도 요런 묘한 불편함이 있었는데 시각적위계와 의미적 위계로 나눈게 분석한게 흥미롭네. 시각적 위계(atomic css 방법론)으로는 의미적인 표현을 하는데 한계가 있고, 의미적 위계(css-in-js의 wrapper 방법론)으로는 js로 css의 뉘앙스를 표현하는게 한계가 있어서 애매한 구현 방법들이 항상 존재하고. 결국 styleX처럼 css를 포기해버리던가, panda css처럼 둘 사이의 위치에서 ad-hoc방식으로 유틸리티만 추가해주던가..(근본적인 문제는 해결이 안되는 느낌.) 정도인 것 같던데. 나는 갠적으로 두 지점의 한계를 극복하는게 theme이라는 제약이라 생각했지만, theme을 만드는게 결코 쉬운일은아니라서.. 어떻게 해결해나갈지 기대가 됩니다.
넵, 제 생각에는 theme는 값에 대한 기호 매핑, atomic은 속성-값 매핑이고 둘 다 전역적으로 써야 디자인 시스템으로서 의미를 가진다고 생각합니다. Atomic이 맥을 못쓸때 Tailwind가 아예 디자인 시스템을 제공한건 현명한 선택이었습니다.
atomic으로부터 variants나 styled components를 만듦으로서 달성할 예정이구요.
제 블로그에 CSS - Atomic - Variants - Styled API간의 동형성을 갖춘 컨셉 초안이 있습니다. (실제 개발에서는 당연하지만 더 다듬어질 예정입니다)
https://black7375.tistory.com/91#styled-component
이러한 접근이 가능할거라 믿는 이유는 철학적 원리를 베이스로 했기 때문인데요, 대부분 개발자들에게 어려울거라 백그라운드 이론이나 썰으로서만 사용하고 내세우지는 않을겁니다.
해당하는 내용을 간단히 적어놓은 쓰레드가 있어요.
https://x.com/alstjr7375/status/1716502911814107256
저는 당근 FE 시스템 보면서 zag.js스타일로 크로스플랫폼으로 저렇게 표현과 기능을 나눠서 컴포저블하게 제공하려면, 지켜야할 제약들과 도구가 많구나 정도로 생각했는데 여기서 동형성과 아이디어를 일치 시킨게 대단하다. (애초에 동형성으로 문제를 해결하려는 시도자체가 대단 ㅋㅋㅋ) 나도 개인적으로 css-in-js의 표현력에 불만아닌 불만이 있었는데, 블로그 글의 자료조사도 풍부하고 다양한 솔루션들의 장단점들도 다뤄주네요. 잘보겠음~!
제약조건을 Built In API화하는게 매우 중요하다고 생각함 Stitches variants가 대단한 이유는 같은 파일 - 블럭 각 컴포넌트 - 엘리먼트 각 variants - 수정자 로 쓸 수있도록 선언적으로 구성해버림 때문에 API상 게임체인져라고 봄
지금 다시 문서를 보니 그렇네. stiches는 관심없어서 안봤는데 그런 wrapper가 있었구나. 그래서 계속 stiches에 대한 언급이 있었고 ㅋㅋ
이 댓글보고 말해준 관점으로 stiches 다시보고있는데 이거 미친 라이브러리였네 걍 emotion과 styled-system같은 제약을 적절히 섞은 build-time 버전 라이브러리라 생각했는데
더이상 유지보수 안된다는게 아쉽다
그치? 그래서 그 후에 나온 Vanilla Extract나 PandaCSS나 CVA나 다 variant 디자인으로 가잖음 ㅋㅋ Vanilla Extract가 잘한건 Recipe라고 맛있게 이름지은것. 그리고 Panda나 Vanilla 둘 다 AtomicCSS는 API 설계를 매우 잘못하고 있음. AtomicCSS로 제대로 쓰려면 전역적으로 적용해야하기 때문에 AtomicCSS 정의 결과로 Vanilla Extract상으론 style, styleVariant, recipe 함수를 생성하는 함수여야함. 그리고 이렇게 되게되면 JIT이 아닌 주문형 CSS로 가는게 가능해짐.
지금 기간안에(11월말) 출시 가능한 설계를 해야해서 AST를 안다루는 쪽으로 가다보니 제약이 심한데 이 정도까지는 충분히 가능할 것로 보임.
여기서 말한대로 평일에 일하는 팀원 데려가려다보니 일부 설계는 비워놨는데
https://disquiet.io/@alstjr7375/makerlog/mincho-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EC%9D%98-%EC%9D%B4%EB%B2%88%EC%A3%BC-1
내가
쓴것 까지만 보여주면 여기서 볼 수 있음.
https://github.com/mincho-js/working-group/blob/aa6161432f0d0e554052e14b34ae72aa880c7445/text/002-css-rules.md
동적인 스타일링에서 AST를 최대한 안다루면서도 제약조건을 이용해 오히려 편하게 만들려면 결국 UI = f(state)의 유용한 선언적 형태들을 찾아가야함. 난 그 중 하나를 Props라고 추가로 만들었음. 또한 Vanilla Extract의 styleVariant나 PandaCSS의 Slot Recipe라는 클래스/레시피에 대한 변종함수도 어정쩡히 있는데, 난 css.variant()와 rules.variant()로 만들어서 깔끔하게 제공해버릴 예정. 이러면 동형성은 지켜지면서 API 표면적을 줄여버릴수 있음. ㅇㅇ 뭐 이래저래 생각보다 여러가지 방안들을 두고 설계하는 중임. 이러니까 평소에 스타일링에 불만이 많았지 ㅋㅋㅋ
11월까지 숨참는다 - dc App
아 기대됩니다. CSS-IN-JS에서 내가 애매모호했던 개념들 (정확히 말하면 배경지식이 없어서 뭐가 가려운지 몰랐던 부분들)을 알아가는 것 같아서 기쁨.
아직 설명을 100% 이해한건 아니지만, RFC보면서 따라가봐야겠네. 화이팅~~
ㄷㄷ
대승 게이야
잘만들었는데 있는걸 왜만들었노
따흐흑 ㅜ 이걸로 차트 라이브러리 만들거
왜 기를 죽여요
그나저나 dev.to 에 소개글 써서 레딧(flutter, javascript)과 해커뉴스에 올려보는건 어떰?
마침 긱뉴스에도 올라갔겠다 트래픽은 한번에 땅겨보시죠
그래야 깃헙 트렌드에도 올라갈 가능성이 높고 유명한걸로 유명해질 기회를 얻을 수 있음
제가 예전에 홍보했던 썰 (하루만에 500스타)
https://www.tumblr.com/black7375/653140399088631808/
깃헙갤에
자주 보였던 Samchon님도 추천하는 방법임
https://okky.kr/articles/1454133
삼촌 글은 여기가 더 상세히 적혀있네
https://m.clien.net/service/board/cm_app/18158449
헉 ㄱㅅㄱㅅ 가즈아 - dc App
상부상조하자구요 dev.to에 글 올리시고 알려주면 저도 하트한번 눌러드림
https://dev.to/moondaeseung/introducing-flitter-bringing-flutters-power-to-web-based-data-visualization-4o27
ㅋㅋ
바로조짐
뭐임 웰케빠름 ㅋㅋㅋㅋ
ㅋㅋㅋㅋ claude 3.5 소넷에다가 내 라이브러리 문서 다 임베딩해서 작성해달라고함
캬 근데 공많이들였네..
따봉해주면 포트폴리오제출하면서 자랑할려는건가요?
어라? 이거 이거 기억나네. ERD그리는 사이트 이거말고 비슷한거 엣날에 한번 쓴적잇는데 3년전에. 그때 그건 아니겟지
난
https://dbdiagram.io/d
에서 비슷한거 써본적 있음
이거 Flutter 처럼 UI 짜는건가
바로누름