Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- HTML
- swipe
- route
- ContextAPI
- Redux
- 공부
- 정렬
- TypeScript
- raspberrypi
- CSS
- Component
- react-query
- useParams
- axios
- localStorage
- IOT
- Ajax
- react
- opencv
- 딥러닝
- useEffect
- nvidia
- DOM
- image
- 자율주행
- Router
- 러닝타입스크립트
- JavaScript
- State
- props
Archives
- Today
- Total
목록전체 글 (22)
개발일지
Javascript 공부 #2
UI 애니메이션 추가할 때 가능한 CSS 만으로 처리하는게 좋음 자바스크립트에게 너무 많은 일을 시키면 성능이 저하되기 때문 one-way UI 애니메이션 만드는 법 A 상태 → B 상태로 바뀌는 일방향 애니메이션 시작스타일 최종스타일 원할 때 최종스타일로 변하라고 코드 짜줌 transition 추가 각각 클래스로 만들어놈 fadeIn, fadeOut 애니메이션 만들기 .black-bg { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.5); z-index: 5; padding: 30px; visibility: hidden; opacity: 0; transition: all 1s; } 위와 같이 visibility 속성 h..
Javascript
2023. 1. 12. 17:09