# styled

16개의 포스트
post-thumbnail

조금조금 REACT, CSS in JS

JS의 문법체계에서 CSS를 제어한다는 것은 어떤 것일까? 정적으로 기록되었던 CSS를 동적으로 조작이 가능하게 된다는 말이 아닐까?

2023년 3월 3일
·
0개의 댓글
·

Emotion

어제 이거 때문에 개고생했다.위 처럼 적으면, Chrome devtools 에서 다음처럼 변하였다... 이유는 emotion 은 React.createElement 대신에 jsx 함수를 사용하기 때문에 babel 설정이 이루어져야 한다해당부분에 대해서는 JSX 에서 C

2023년 1월 10일
·
0개의 댓글
·
post-thumbnail

Styled-Components 사용법

다른 파일에서 styled-components을 사용하여 import하는 방식 입니다.

2022년 11월 3일
·
0개의 댓글
·
post-thumbnail

[Let U Win] Material UI

네이버 블로그에서 이전, 원글 작성일시 : 2021.10.03.23:48Riot API, React, Express 를 이용해서 진행 중인 Let U Win 프로젝트.이름만 들어도 대충 어떤 것인지 이해는 되리라 생각한다.프로젝트 진행 중, "React를 쓰는 건 OK

2022년 10월 13일
·
0개의 댓글
·

styled-components

npm install --save styled-componentsimport styled from 'styled-components'const Button = styled.button\`\`참고 사이트https://styled-components.com/

2022년 9월 21일
·
0개의 댓글
·

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개의 댓글
·