하이브리드 너구리
banner
drunkenneoguri.bsky.social
하이브리드 너구리
@drunkenneoguri.bsky.social
매일 술에 절어있는 1년차 웹프론트엔드 개발자 aka twit @develop_neoguri
JSX 관련 설정 봤는데 이거 하려면.. 역시 'use client' 붙여야하려나?

https://panda-css.com/docs/concepts/style-props
July 4, 2023 at 2:01 PM
오...!! 접근성!
July 4, 2023 at 1:59 PM
오.. 로딩중이냐 작동중이냐 저렇게 붙이기도 하는구나...
July 4, 2023 at 1:58 PM
음음.. 주요한... 대충 이런게 있다.. ㅇㅋㅇㅋ....
이거 플레이스홀더나, 파일 뿐만 아니라 링크 같은것도 적용 가능해보이는데.. 아닌가.. 아무튼 다양하네..
July 4, 2023 at 1:57 PM
컨디션 설정 독특하다, 그냥 호버로 하는게 아니라 몇 개 더 붙여서 확실하게 올려서 포커싱이 될 때! 에만 적용한다!! 이런 식으로도 가능하다는거네?
July 4, 2023 at 1:56 PM
미디어쿼리 관련 애니메이션은 모션 어찌고로 가능하고, 다크모드는 현 os 상태가 light냐 dark냐로 설정 가능하고 고대비, 저대비 모드랑 가로세로 상태까지도 체크해주는게 지원되는구나 와...
July 4, 2023 at 1:53 PM
타입스크립트 선언이나 이런 건 알겠고..

기본적인 사용법은 알겠다 오호오호..?
July 4, 2023 at 1:50 PM
아 이거 재밌닼ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
저렇게 해서 예전 styled-components 방식이 저랬던거 같은데 class 이름 되게 가려서 쓰도록 해주는구나
July 4, 2023 at 1:49 PM
여기서 가리키는 머징의 의미가 그건가?
위에서 변수로 만든 styles랑 params에 있는 className을 결합하겠다는 거 같은데

와 신세계네..
July 4, 2023 at 1:48 PM
아 아니네.. 변수 선언은 CSS 자체에서 해야하네..
July 4, 2023 at 1:29 PM
defineGlobalStyles()를 이용해서 전역 CSS 설정이 가능.
물론 layer base 를 통해서 CSS 내에서 전역 설정하는 것도 가능함...

변수 설정... :root 같은 거도 이걸로 가능하려나?
July 4, 2023 at 1:27 PM
아, 그래도 밑줄 after 같은 방식이네..
July 4, 2023 at 1:25 PM
네녀석이 기존 css나 styled-components에 익숙하다면 네스팅을 해도 되지만, 그게 아니라면 옆의 방식으로도 묶어줄 수 있단다

근데 그러면 before / after 연산자는 어떠려나
July 4, 2023 at 1:25 PM
숫자 지원 안해주니까 반드시 문자로 쓰라고 협박하네...

오히려 조아
July 4, 2023 at 1:21 PM
타입 안정성 추구라...
니가 어떤 값을 넣지 않더라도 자동으로 색상을 지원해줄게인 거 같네.. 실제로 빈 값으로 넣어보니까 검은색으로 칠해짐
July 4, 2023 at 1:20 PM
거기에 매번 번거롭게 쓰지 말라고 줄여서 쓰라고도 기능을 지원해주네..
July 4, 2023 at 1:17 PM
우선 빵다는 원할 경우 utilities를 통해서 tailwind CSS처럼 클래스로 유틸리티를 만드는 게 가능함.

자급자족 순풍 CSS 가능(?)
July 4, 2023 at 1:17 PM