Next/Image에 대해 얼만큼 알아?

그렇다면 img 태그와 다른 점이 무엇인지, 그리고 어떻게 활용할 수 있을지를 알아봅시다. Loader을 통해서 url을 커스터마이징할 수 있습니다. 자동으로 Lazy Loading을 통해 이미지 최적화를 지원해주지만, pre loading을 원하는 경우 취소를 할 수 있습니다. next.config.js를 통해 지정된 곳에서만 이미지를 받아오며 악의적인 유저로부터 앱을 보호할 수 있습니다....

next/imageCSSnextnext.jsReactstyledemotion이미지최적화imageCSS

How to target child tag w/styled-components

styled-components로 구현 중 nth-child() 타케팅이 안된다. class 이름으로 .name:nth-child() 타겟팅은 무척이나 쉬운데 ... 본글은 styled-components 기본 지식을 가짐을 전제로 작성한다. 일단 아래는 html styled-components 컴포넌트를 만든다. item을 타겟팅 해본다. class="item" .item:first-chi...

styledselectorreact selectornth-childstyled componentsnth-child

styled emotion simple import

emotion 을 사용해봤는데 너무 편리하다. 하지만 import 하려고 보면 안 편리하다. 편한 이유는 이렇게 스타일 시트에서 바로 라이브러리의 태그를 불러와서 스타일을 줄 수 있기 때문이다. 불편한 이유는 이걸 쓸 때도 스타일 파일에서 저렇게 하나하나 export 해서 사용할 파일에서도 하나하나 다 import 해야했기 때문이다. 뭐 대강 이런식이고, 지금 열 몇 줄 나왔는데 이건 짧은 ...

styledimportemotionemotion