본문 바로가기

As i wish

검색하기
As i wish
프로필사진

  • 분류 전체보기 (243)
    • Develope (14)
    • JavaScript (19)
    • React JS (31)
    • Node JS (4)
    • Angular JS (4)
    • GraphQL (7)
    • Mongo DB (1)
    • Git (10)
    • Design Pattern (15)
    • Algorithm (2)
    • Movie (25)
    • Thinking (10)
    • Wedding (5)
    • Jiu-jitsu (73)
    • Daily (17)
    • Review (1)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
일 월 화 수 목 금 토
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
Tags
  • 영화리뷰
  • 엄티로드
  • 웹개발
  • web
  • 개발
  • 리액트
  • 디자인패턴
  • 프로그래밍
  • 주짓떼라
  • 하프가드
  • Express
  • 노드
  • 자바스크립트
  • JavaScript
  • 주짓떼로
  • 클로즈가드
  • Redux
  • 주짓수
  • 영화
  • 파이썬
  • 개발자
  • nodejs
  • 솔로드릴
  • graphQL
  • git
  • development
  • 드릴
  • REACT
  • 영화감상
  • Node
more
Archives
Today
Total
관리 메뉴
    Okay

목록sass (1)

As i wish

Styled-component 에 props 로 style 적용

styled-component를 쓰면서 가장 큰 장점은 스타일링이 템플릿 리터럴(Template Literal)을 사용하기 때문에 $ (props.isMenu ? '30px' : '')}; background-color: ${(props) => (props.isMenu ? '#8080804d' : 'transparent')}; `; const Number = styled.div` min-width: 20%; margin: auto 0; padding-left: 1%; `; const Content = styled.div` min-width: 40%; margin: auto 0; padding-left: 1%; `; const InputContainer = styled.div` min-width: 38%;..

React JS 2020. 1. 1. 22:41
Prev 1 Next

Blog is powered by Eomttt

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.