일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- accordian
- ?? #null병합연산자
- QueryClient
- Carousel
- useQueryClient
- 화살표2개
- vite
- createPortal
- es6
- DOM
- 함수형프로그래밍
- react
- twoarrow
- debouncing
- 조건부스타일
- alias설정
- 리액트
- 제어컴포넌트
- tailwindCSS
- BFC
- parent padding
- ignore padding
- 부모패딩
- CustomHook
- BlockFormattingContext
- 문제해결
- transition
- 부모요소의 패딩 무시
- 서초구보건소 #무료CPR교육
- ㅡ
Archives
- Today
- Total
목록리액트 (1)
프론트엔드 첫걸음
조건부 스타일 설정
isValid는 setState로 설정한 state 변수이다. state 에 따라서 style을 다르게 적용시키려고 할 때 인라인 방식으로 스타일을 설정하거나 class로 설정할 수 있다. isValid = true 일 때 줄 스타일 invalid 설정 /*form-control과 invalid 클래스가 동시에 있을 때 .form-control.invalid 내부의 input 스타일 form-control과 invalid 사이에 띄어쓰기가 없음*/ .form-control.invalid input { border-color: red; background: #ffd7d7; } .form-control.invalid label { color: red; } 1. 동적인 인라인 스타일 설정 Course Goal..
개발 공부/React
2022. 7. 20. 17:12