하이브리드 너구리

조만간 이거 계폭하고 새로 만들던가 해야지

아 블스는 블언블이라는 게 안 되니 쓰으으읍

이 닉네임으로는 너무 오랜만인데

리뷰.. 받았고... 나름 괜찮다....

힘들 때의 도피처가 되어주오 블스여...ㅠ

얘 존재 완전 잊고 있었네

츠이타 또 아프니?

Notion – The all-in-one workspace for your notes, tasks, wikis, and databases. A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

[Panda CSS 문서 번역 - 왜 Panda일까?]

안녕하세요..

번역이라 하고 사실은 번역기 돌려서 어색한 부분들 바로 잡고, 사전 찾아가면서 정리해간 내용이지만..

그래도 좋은 건 같이 보는 게 좋을 것 같아서, 이 방식으로 Panda 문서를 앞으로도 계속 번역하고 또 공유해보고자 합니다.

당연히 어색한 점이 많을 수 있는 점 미리 양해 부탁드립니다!

https://develop-neoguri.notion.site/2023-07-07-Panda-Panda-2a6d58f22e934768bb5f8e7049484968

혼자서 가벼운 프로젝트 건들기 전에 다뤄보는 Panda CSS 정리

JSX 관련 설정 봤는데 이거 하려면.. 역시 'use client' 붙여야하려나?

https://panda-css.com/docs/concepts/style-props

오...!! 접근성!

오.. 로딩중이냐 작동중이냐 저렇게 붙이기도 하는구나...

음음.. 주요한... 대충 이런게 있다.. ㅇㅋㅇㅋ....
이거 플레이스홀더나, 파일 뿐만 아니라 링크 같은것도 적용 가능해보이는데.. 아닌가.. 아무튼 다양하네..

컨디션 설정 독특하다, 그냥 호버로 하는게 아니라 몇 개 더 붙여서 확실하게 올려서 포커싱이 될 때! 에만 적용한다!! 이런 식으로도 가능하다는거네?

미디어쿼리 관련 애니메이션은 모션 어찌고로 가능하고, 다크모드는 현 os 상태가 light냐 dark냐로 설정 가능하고 고대비, 저대비 모드랑 가로세로 상태까지도 체크해주는게 지원되는구나 와...

타입스크립트 선언이나 이런 건 알겠고..

기본적인 사용법은 알겠다 오호오호..?

아 이거 재밌닼ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
저렇게 해서 예전 styled-components 방식이 저랬던거 같은데 class 이름 되게 가려서 쓰도록 해주는구나

여기서 가리키는 머징의 의미가 그건가?
위에서 변수로 만든 styles랑 params에 있는 className을 결합하겠다는 거 같은데

와 신세계네..

아 아니네.. 변수 선언은 CSS 자체에서 해야하네..

defineGlobalStyles()를 이용해서 전역 CSS 설정이 가능.
물론 layer base 를 통해서 CSS 내에서 전역 설정하는 것도 가능함...

변수 설정... :root 같은 거도 이걸로 가능하려나?

아, 그래도 밑줄 after 같은 방식이네..

네녀석이 기존 css나 styled-components에 익숙하다면 네스팅을 해도 되지만, 그게 아니라면 옆의 방식으로도 묶어줄 수 있단다

근데 그러면 before / after 연산자는 어떠려나

숫자 지원 안해주니까 반드시 문자로 쓰라고 협박하네...

오히려 조아

타입 안정성 추구라...
니가 어떤 값을 넣지 않더라도 자동으로 색상을 지원해줄게인 거 같네.. 실제로 빈 값으로 넣어보니까 검은색으로 칠해짐

거기에 매번 번거롭게 쓰지 말라고 줄여서 쓰라고도 기능을 지원해주네..

우선 빵다는 원할 경우 utilities를 통해서 tailwind CSS처럼 클래스로 유틸리티를 만드는 게 가능함.

자급자족 순풍 CSS 가능(?)

잇츠 팡다 CSS 살펴보는 타래

아니 여기는 해시태그가 없던데 대체제가 있나

타임라인에 잇츠미 하시는 분들이나 언급하시는 분들은 팔로 안 드리거나 블언블하고 있다.

되도록이면 평생 안 보고 싶다.

JS 프레임워크나 라이브러리로 코드 짜는 사람을 뭔가 믓찌게 부를 수 있는 단어가 있을까... Vue는.. Vuer...? React는.. Reactor......?

뭔 상황인가 했더니 여기도 사람들이 불타고 있네