# styled

10개의 포스트

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

글을 쓰게된 계기 최근 next.js를 공부하면서 직접 구현해보며 깊이 이해한 부분이 있어 글로 남겨보고자 합니다. 아무래도 이미지를 화면에 출력하게 되는데 next.js에서는 이미지를 최적화시켜 주어 따로 처리하지 않아도 되도록 해줍니다 (이런 편리한 기능이 많기 때

2022년 4월 16일
·
0개의 댓글
post-thumbnail

📋 읽을 거리-3

sass/scss styled-components mui tailwind

2022년 4월 13일
·
0개의 댓글
post-thumbnail

React Material UI - Styled 컴포넌트

공식문서에 의하면 custom MUI 컴포넌트를 만들기 위해 필요한 도구이다. 즉, 다시말해 모든 MUI 컴포넌트는 default로 styled 컴포넌트에 기반하여 만들어졌다.styled컴포넌트와 sx prop을 함께 쓰면 완전 독립적인 커스텀 MUI 컴포넌트를 만들

2022년 2월 28일
·
0개의 댓글

How to target child tag w/styled-components

styled-components로 구현 중 nth-child() 타케팅이 안된다.class 이름으로 .name:nth-child() 타겟팅은 무척이나 쉬운데 ...본글은 styled-components 기본 지식을 가짐을 전제로 작성한다.일단 아래는 html style

2022년 2월 6일
·
0개의 댓글

이미지 슬라이드

이미지 슬라이드를 구현 설계styled-components를 사용해야한다

2022년 1월 3일
·
0개의 댓글

styled emotion simple import

emotion 을 사용해봤는데 너무 편리하다.하지만 import 하려고 보면 안 편리하다.편한 이유는 이렇게 스타일 시트에서 바로 라이브러리의 태그를 불러와서 스타일을 줄 수 있기 때문이다. 불편한 이유는 이걸 쓸 때도 스타일 파일에서 저렇게 하나하나 export 해서

2021년 11월 10일
·
0개의 댓글
post-thumbnail

Codecamp 1일차...

코드캠프와 나, 우리 오늘부터 1일! 정말 첫날부터 마음에 든다. 오늘은 next.js를 설치하고 emotion을 설치하여 스타일드 컴포넌트로 css in Js를 연습해봤다. 리액트의 최신 라이브러리 next.js를 알기쉽게 가르쳐주는데, 잘 안 될 때마다 설치가이드가

2021년 8월 30일
·
0개의 댓글

code splitting and emotion

code splitting emotion in react

2021년 5월 6일
·
0개의 댓글
post-thumbnail

TIL. css파일이 필요가 없나봐... styled-component

지금까지 우리는 특정 부분에 스타일을 줄때 인라인 style 이나 css파일을 분리해 className을 통해 style을 부여했습니다.그런데 css파일을 따로 만들지 않고 className을 주지 않고 style을 주는 방법이 또 있습니다.바로 styled-compo

2020년 9월 13일
·
0개의 댓글

[next.js] styled components 스타일이 적용전에 렌더가 되는 문제 해결법

styled components 스타일이 적용전에 렌더가 되는 문제 해결법 Install next.js Add styled-components add babel plugin and .bablerc file 루트 파일에 .babelrc 파일 만들기 .babelrc Create the _document.js file pages 폴더 아래에 _doc...

2019년 11월 2일
·
0개의 댓글