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

Junvely 개발일기

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

Junvely 개발일기

검색하기 폼
  • 분류 전체보기 (142)
    • 웹(Web) (11)
    • HTML (3)
    • JavaScript (40)
      • 모던 자바스크립트(Deep Dive) (4)
      • 드림코딩 (5)
      • React (11)
      • TypeScript (6)
      • Next.js (5)
    • Git & GitHub (11)
      • Git 입문 (7)
    • Project (2)
      • 향수프로젝트 (2)
    • 항해99 (70)
      • 사전 스터디 (5)
      • 온보딩 스터디 (13)
      • 프로젝트 (19)
      • 실전 WIL | TIL (25)
      • 기술면접 (8)
    • 알고리즘 (5)
    • TIL (0)
  • 방명록

react (1)
[TIL-011] Styled-component 동적으로 활용하기, 기술 면접 스터디 발표

Today목표 : 4/21일 Styled-component 동적으로 활용하기, 기술 면접 스터디 발표 알게된 점, Styled-component 파일 구조✅ src/ components/ Button/ index.js Button.styles.js Card/ index.js Card.styles.js 위 파일 구조를 참고하여 모듈화하여 styled-component를 사용하는 연습을 해야 할 것 같다. Styled-component 동적으로 활용하기✅ Styled-component에서 동적으로 style을 변경하고 싶어 구글링을 하면서 여러가지 방법을 찾아보았다. 하지만 보통 inline 방식이거나, switch문을 사용한다거나, 삼항 연산자나 && 연산자 등 내가 원하는 답을 찾기가 너무 어려웠다. 예..

항해99/실전 WIL | TIL 2023. 4. 22. 03:03
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • github
  • URL
  • MongoDB
  • Til
  • 항해99
  • 리액트
  • 깃헙
  • 타입스크립트
  • import
  • 깃 협업
  • 호이스팅
  • 깃허브
  • 중첩 라우팅
  • 드림코딩
  • 리액트 라우터
  • http란 무엇인가
  • 미니 프로젝트
  • 항해 프로젝트
  • 자바스크립트
  • require와 import 차이
  • Flask
  • 깃사용법
  • Python
  • 깃
  • 항해
  • useState와 useRef 차이
  • 리액트 페이지네이션
  • flask 서버
  • 서버
  • git
more
«   2026/03   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바