본문 바로가기

뉴히의 개발 로그

검색하기
뉴히의 개발 로그
프로필사진 뉴히

  • 분류 전체보기 (144)
    • 개발일지 (101)
      • TIL (85)
      • WIL (15)
      • KPT (1)
    • HTML&CSS (0)
    • Javascript (5)
    • React (4)
    • Redux Tookit (1)
    • Supabase (4)
    • Git (6)
    • Style (1)
    • CS (6)
    • Algorithm (6)
    • TIP (8)
Guestbook
«   2025/07   »
일 월 화 수 목 금 토
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 31
Archives
Today
Total
Recent Posts
Recent Comments
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록styledcomponent (1)

뉴히의 개발 로그

[TIL] 20230622 - React Styled Components로 React 스타일 컴포넌트 만들기(가변스타일링) / 데이터 비교(일치 연산자)

React Styled Components CSS-in-JS 라이브러리 Styled Components를 사용해서 컴포넌트 만들기 CSS in JS는 스타일 정의를 CSS 파일이 아닌 JavaScript로 작성된 컴포넌트에 바로 삽입하는 스타일 기법 기본사용 방법을 다룬글도 있긴한데 https://newheee.tistory.com/41 오늘은 props에 따라 다른 스타일 적용이 가능한 가변 스타일링에 대해 공부한 내용을 기록하려한다 const StButton = styled.button` align-items: center; background-color: ${(props) => props.bgColor || '#fff'}; border: ${(props) => props.stBorder || 'no..

개발일지/TIL 2023. 6. 22. 22:00
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바