일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- useQueryClient
- 함수형프로그래밍
- vite
- tailwindCSS
- CustomHook
- BFC
- parent padding
- 부모요소의 패딩 무시
- DOM
- BlockFormattingContext
- 화살표2개
- ignore padding
- Carousel
- 제어컴포넌트
- 리액트
- react
- 조건부스타일
- 문제해결
- twoarrow
- 부모패딩
- 이즐 #ezl #욕나오는 #교통카드
- ?? #null병합연산자
- 서초구보건소 #무료CPR교육
- alias설정
- transition
- debouncing
- es6
- createPortal
- QueryClient
- accordian
Archives
- Today
- Total
목록개발 공부/HTML (3)
프론트엔드 첫걸음
select-option과 datalist의 차이
datalist와 option의 차이 datalist는 추천하는 선택지를 나타내는 option 여러개를 보여줄 수 있으면서 input으로 자유롭게 입력할 수 있다. datalist 사용방법 datalist에 id 주고, 그 id를 input의 list속성에 value로 제공한다. img1 img2 img3 예시 See the Pen html datalist by JEONG (@cona) on CodePen.
개발 공부/HTML
2023. 1. 1. 09:30
HTML에 video 추가하기
죄송합니다 이 브라우저는 해당 비디오를 지원하지 않습니다. 소개영상 source 파일형식을 여러개 준비하면 상단의 source부터 재생시킨다. 안되면 차례로 밑에 있는 source를 재생시키므로, 브라우저 간 호환성을 확보할 수 있다. 맨 밑에 알림 메시지를 넣으면 비디오가 재생되지 않을때 메시지도 안내할 수 있다. 용량이 적은 source를 상단에 올려서 용량이 적은 video를 우선 재생하게 할 수 있다. width - 비디오의 출력 너비 (px) height - 비디오의 출력 높이 (px) control - 재생바 autoplay muted - 자동재생 + 뮤트 , 자동재생 하려면 muted 와 같이 넣어야한다. preload - 페이지 로드시 비디오 파일의 로딩 정도 auto(페이지 로드시 비디오..
개발 공부/HTML
2022. 7. 12. 15:16