# styled component

6개의 포스트

[TIL] calc(), styled component 기초

styled component TIL 1) styled component는 이름 그대로 component이다. 따라서 부모의 값을 받을 때 props를 사용한다. 2) scss 처럼 자기자신을 받을 때는 & 기호를 사용한다 3) 다른 컴포넌트를 사용할땐 $기호를 사

2020년 6월 12일
·
0개의 댓글
post-thumbnail

ssr 삽질기 - styled-component가 잘 렌더링되지 않아요!

찰나의 시간동안 스타일이 전혀 입혀지지 않은 plain text들이 화면에 표시되는 것이 문제였습니다. SSR과 코드스프리팅의 특성상 첫 화면을 렌더링하고 동적임포트 한 chunk된 javascript들이 hydrate 되는데요, hydrate 되기 이전에 첫 렌더링

2020년 5월 17일
·
0개의 댓글

styled된 스타일 override

리린이는 급하게 video.js 에서 자막파일도 없이 화면에 문자열을 overlay 하라는 명을 받았다. createDialog 사용했더니 스타일이 맞지 않아서 오버라이드 필요했음.

2020년 3월 25일
·
0개의 댓글

[TIL] 34. Styled Component

자바스크립트 파일 안에 스타일을 선언하는 방식이다.그렇기 때문에 .css또는 .scss 파일을 따로 만들지 않아도 되는 장점이 있다.설치한 디렉토리로 이동 후, package.json 파일에 dependencies 중 styled-components 이 설치되었는지 확

2020년 3월 11일
·
0개의 댓글

[Project 02] 1. 초기 세팅

👩🏻‍💻 Vibe App Clone Coding >1주차 : 초기세팅, 이벤트 메인페이지, 상품 상세페이지 2주차 : 주문서 페이지, 주문내역 페이지, API Test ✔️ 초기 세팅 1. CRA Install 설치과정 자세히 보기 2. Router Ins

2020년 3월 11일
·
0개의 댓글

템플릿 리터럴(Template Literal)과 스타일드 컴포넌트(styled-component)

styled-component scss도, less도 스타일 파일이 분리되어 있는게 난잡하고 불편하다고 느껴질 시점에 styled-component를 접하게 되었다. styled-component는 클래스에 비해서 작명하기도 간단했고, 한 파일안에서 전부 처리할 수 있다는 장점이 너무 마음에 들어 진행하던 리액트 프로젝트에 바로 styled-componen...

2019년 8월 14일
·
0개의 댓글