본문 바로가기

JiSoo's Devlog

검색하기
JiSoo's Devlog
프로필사진 지숭숭숭

  • 분류 전체보기 (177)
    • 코테준비 (91)
    • Frontend (64)
      • JS (5)
      • React (37)
      • Typescript (14)
      • Redux (4)
      • Next.js (4)
    • Backend (5)
      • Node.js (5)
    • App (16)
      • Dart (4)
      • React Native (12)
    • GraphQL (0)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2024/02   »
일 월 화 수 목 금 토
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
Tags
  • react
  • nextjs
  • Python
  • Frontend
  • 코테
  • 백준
  • 스크롤구현
  • CSS
  • react native
  • dart
  • 파이썬
  • ContextAPI
  • TypeScript
  • VanilaJS
  • HTML
  • 주소창해시
  • Redux
  • router
  • JavaScript
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록2024/02/12 (1)

JiSoo's Devlog

[React JS 마스터클래스] Styled Components

리액트에 CSS 적용하는 3가지 방법1. CSS 파일 만들어서 import2. style prop으로 자바스크립트 객체로 스타일 코드 넣어주기 style={{ }}3. CSS 모듈 사용하기 ~~.module.cssCSS 모듈 방식은 className을 랜덤하게 만들어 줘서 이름이 겹칠 걱정 필요 X   styled componentsstyled components는 다크 모드, 라이트 모드같은 걸 엄청 쉬운 방식으로 만들 수 있게 도와준다npm i styled-components 백틱(``) 안에 css 코드 쓰기const Father = styled.div`` styled를 import 하고 HTML 태그 사용하기import styled from "styled-components";const Fathe..

Frontend/React 2024. 2. 12. 23:00
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바