본문 바로가기 메뉴 바로가기

Dug_House

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Dug_House

검색하기 폼
  • 분류 전체보기 (85)
    • 개발 (57)
      • Frontend (37)
      • DevOps (1)
      • 개발일지 (12)
      • IT 교양 (4)
      • Tools (3)
    • 자기개발 (28)
      • Book (19)
      • 일상 및 생각 (7)
  • 방명록

createGlobalStyle (1)
styled-component로 GlobalStyle 정의하기

장점 기존 css파일에서는 변수(ex)브랜드 컬러를 저장한 변수)를 불러오지 못하는데 GlobalStyle은 확장자가 js이기에 변수를 불러올 수 있다. 1. {이름}.style.js 만들기 2. 그 안에서 아래 사진처럼 원하는 전역 스타일 작성하기 3. 사용할 땐 최상단에서 호출해준다. 실제 사용하는 코드 import { createGlobalStyle } from 'styled-components'; export const GlobalStyle = createGlobalStyle` html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, c..

개발/Frontend 2023. 4. 4. 22:04
이전 1 다음
이전 다음
TAG
  • base64
  • Next.js
  • lazyloading
  • 웹 접근성
  • styled component
  • IP
  • 선언적 프로그래밍
  • SSR
  • CSR
  • 궁금증
  • 철학
  • Typescript
  • 프론트엔드
  • editor
  • 노션
  • s3
  • server
  • Section
  • 도메인
  • NextJS
  • SSG
  • toast
  • HTTP
  • 성능최적화
  • https
  • Next
  • 브라우저
  • Proxy
  • 실용주의 프로그래머
  • React
more
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
글 보관함
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
반응형

Blog is powered by Tistory / Designed by Tistory

티스토리툴바