July 13, 2024 • ☕️ 3 min read
focus-visible
:focus
와 달리, 요소에 키보드로 접근 시에만 이펙트를 주고 싶을 때 사용한다.isolation
Ref
예시
color
canvastext
background-color
transparent
초깃값으로 지정하기
initial
키워드를 사용해 명시적으로 초깃값을 지정할 수 있다.
pnpm catalog
모노레포의 dependency를 고정해준다.
# pnpm-workspace.yaml
packages:
- packages/*
# Define a catalog of version ranges.
catalog:
react: ^18.3.1
redux: ^5.0.1
pnpm --filter
pnpm --filter ...foo test
foo
와 foo
에 의존하는 패키지들의 test 실행pnpm --filter "...^foo" test
foo
에 의존하는 패키지들의 test 실행//
)e.g. @import url(//atelier-assets.baemin.com/font/css/SpoqaHanSansNeo.css)
현재 페이지의 프로토콜에 따라 폰트 파일을 가져온다.
언제 쓸까?
언제 안쓸까?
getCount()
는 그룹화된 쿼리(groupBy()
, having()
등)에서는 예상치 못한 결과를 반환할 수 있다.<form>
태그의 id
와 <button>
태그의 form
을 연결하여 <form>
밖에 <button>
이 있더라도 submit button을 연결할 수 있다…
장마가 지나가는 듯 했더니 바로 폭염주의보다. 초복을 앞두고 삼계탕을 먹었는데, 닭과 함께 나도 쪄지고 있다.
그리고 다음주는 다시 장마다!
비가 쏟아지기 전 덥지만 고즈넉했던 삼청동에서 7월의 마지막이 될지 모르는 데이트를 즐기며… 🫠