# styled components

97개의 포스트
post-thumbnail

[Gatsby] Gatsby-image-plugin

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

약 6시간 전
·
0개의 댓글
post-thumbnail

[CSS] 알아두면 유용한 nth-child 정복하기 😎(feat. nth-of-type)

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

2일 전
·
0개의 댓글
post-thumbnail

리액트 다크모드 구현하기 feat. styled-components & context API

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

5일 전
·
0개의 댓글

[css] styled-components

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

6일 전
·
0개의 댓글
post-thumbnail

Styled-Components

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

7일 전
·
0개의 댓글
post-thumbnail

CSS/SCSS/styled-components

React에서 CSS 활용하기

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

React Style 적용하기

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

2021년 4월 2일
·
0개의 댓글

React_core // 꾸미기

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

2021년 3월 27일
·
0개의 댓글

Next.js에서 styled-components 사용하기

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

2021년 3월 20일
·
0개의 댓글
post-thumbnail

TIL - styled-components

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

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

[react] styled-components 자동완성

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

2021년 3월 9일
·
0개의 댓글
post-thumbnail

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

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

2021년 3월 1일
·
0개의 댓글
post-thumbnail

React에서 무한스크롤 구현하기 📑

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

2021년 2월 22일
·
1개의 댓글
post-thumbnail

🔮 Airbnb 숙소 페이지 클론 코딩: CSS-in-JS 사용기

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

2021년 2월 20일
·
0개의 댓글
post-thumbnail

[Today Corona] 내가 보려고 만든 코로나 상황판 😷

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

2021년 2월 20일
·
2개의 댓글
post-thumbnail

TypeScript React를 이용한 간단한 이미지 슬라이더 만들기 📑

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

2021년 2월 9일
·
0개의 댓글

React native 프로젝트 준비(typescript, styled-components, babel-plugin-root-import)

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

2021년 2월 8일
·
0개의 댓글
post-thumbnail

styled-components 재사용 가능한 컴포넌트 만들기

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

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

styled-components wrapper 컴포넌트에서 자식컴포넌트로 props 전달하기

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

2021년 2월 1일
·
0개의 댓글