# styled components

sangheon1646

이미지 사용이 필요할 때 <img> 대신 gatsby-image-plugin 사용

seob

항상 nth-child(숫자)만 사용하세요?? div > div === div > div:nth-child(n + 1)왜 같은지 알아보고 다른 유용한 문법도 알아갑시다. 🤓

gparkkii

사용자 경험을 최상으로 이끌어주는 디자인 트렌드 다크모드 UI.애플, 구글, 인스타그램, 페이스북 등 세계적인 브랜드들이 이 다크모드 기능을 애용하기 시작하며 UI/UX에 필수적인 기능 중 하나가 됐습니다. Web frontend 개발자로써 다크모드 기능을 구현하는 것

delilah

goalstyled-components로 css 구성하기효용 : 스타일을 입히는 것 + 동시에 + 해당 스타일을 가진 컴포넌트를 만들 수 있다. ex) div 스타일링 : styled.div ex) input 스타일링 : styled.input

0viii0viii

게시판 프로젝트를 진행할때 사용할

leedy

React에서 CSS 활용하기

eunjeong

노마드코더로 리액트를 공부하다가 리액트에 스타일을 적용하는 다양한 방법들을 정리해두면 좋을 것 같아서 포스팅합니다. (이 강의는 멤버십으로 유료강의입니다.)style.css와 같은 파일들을 만들어서 컴포넌트에 아래와 같이 추가합니다.css가 global로 동작하기 때문

passion10377

리엑트에서 리엑트 요소(엘리먼트, DOM요소 라고도 할 수 있음)를 꾸며주는 방법에는 여러가지가 있다.

ziyoonee

넥스트에서 css-in-js 방식인 styled-component를 이용하려면몇가지 설정이 필요하다.ssr시에 실행되는 파일인 \_documents.js에styled-components의 스타일 코드를 추출하는 로직을 추가한다.공식문서를 참고해서 아래와 같이 getIn

qmasem

매일 배운 것을 정리하며 기록합니다. stye-components에 대해 공부하였습니다.컴포넌트 스타일링의 패러다임 중 하나자바스크립트 파일 안에 스타일을 선언하기에 .css, .scss 파일을 따로 만들지 않아도 되는 장점이 있음CSS-in-JS 대표적인 라이브러리에

swanious

React styled-components로 css 작업을 하는 도중 자동완성이 안돼서 오류도 계속나서 구글링의 결과 아주 쉽게 고칠 수 있었다 ㅎ이 익스텐션만 설치하면 해결된다.다시 개발 총총..

h986680

2차 프로젝트 + 리팩토링 후기

cush_wa

TIL

yiyb0603

안녕하세요 오늘은 TypeScript + React에서 무한스크롤을 구현하는 방법에 대해서 알아보도록 하겠습니다.

jsi06138

Carousel 컴포넌트를 CSS-in-JS를 사용해 구현해본다.

lucid

내가 보려고 만든 코로나 상황판 Today Corona 2주 개발 회고

yiyb0603

안녕하세요! 오늘은 TypeScript React를 이용한 간단한 이미지 슬라이더를 만들어 볼 것입니다.

lets_gojae

react-native init projectnamecd ProjectNamenpm install --save styled-components

juno7803

LuckyPear 스터디에서 진행하고 있는 소규모 프로젝트에서 배워온 것들을 활용하여, 여태까지 주먹구구식으로 짰던 방향에서 좀 더 실무에 가깝고 효율적인 방향으로 짤 수 있도록 고민하고 있습니다.오늘 소개하고자 하는 것은 Styled-components를 활용한 재사

yjs3819

styled-components wrapper컴포넌트 내에 여러개의 styled-components 컴포넌트들이 존재하는데 이 컴포넌트들에게 동일한 selected라는 props가 전달된다.딱봐도 리팩토링 하고싶어지는 코드이다.사실 처음에는 어느정도 문제있다라는 생각은