jineecode

developer.mozilla.org/ko/docs/Web/HTML/Element/datalist - HTML: Hypertext Markup Language | MDN 아래 목록에서 브라우저를 선택하세요: BCD tables only load in the browserdatalist-polyfill을 추가해 구형 브라우저에서 지원을 추가하세요. developer.mozilla.org HTML 요소는 다른 컨트롤에서 고를 수 있는 가능한, 혹은 추천하는 선택지를 나타내는 요소 여럿을 담습니다 Plain HTML search 이 태그는 자동완성 입력을 가능하게 해준다. input 에 list 속성을 넣어주고, 그에 맞추어 datalist의 id에도 같은 값을 넣어주면 가능! See the Pen qBRw..

텍스트를 작업하다보면 텍스트가 view-port에 따라 잘리거나 넘쳐서 ui가 이상하게 변하는 모습을 종종 볼 수 있다. 이럴 때 css를 이용하는 방법은 word-break 속성이다. word-break developer.mozilla.org/ko/docs/Web/CSS/word-break word-break - CSS: Cascading Style Sheets | MDN word-break CSS word-break 속성은 텍스트가 자신의 콘텐츠 박스 밖으로 오버플로 할 때 줄을 바꿀 지 지정합니다. The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the inte..

1. 네트워크 로딩 체크 (3초 이내) 2. image 크기 압축. imagecompressor.com/ Online Image Сompressor Optimizilla is the ultimate image optimizer to compress your images in JPEG and PNG formats to the minimum possible size. imagecompressor.com www.iloveimg.com/resize-image Resize multiple images at once! Resize multiple JPG, PNG, SVG or GIF images in seconds for free. Bulk resize by defining pixels or percentages...

API로 이미지를 불러오는 도중 이미지가 깨져 에러가 띄워지는 문제 발생. 슬라이드가 깨져버렸다. 해당 사이트로 가서 확인해보니 이미지를 못 불러오는 건 매한가지. 이럴 때 이미지 태그에 에러가 띄워졌을 때 대체 이미지를 부여해준다. 아래는 제이쿼리로 조건문을 나누어 대체 이미지를 적용한 참조 블로그 itblog.bcafe75.com/entry/img-%ED%83%9C%EA%B7%B8-404-Error%EC%8B%9C%EC%97%90-%EB%8C%80%EC%B2%B4-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%9D%84%EC%9A%B0%EA%B8%B0 ✈ img 태그 404 Error시에 대체 이미지 띄우기 img 태그 404 Error가 발생하면 대체 이미지를 띄우는 것은 쉽다. 아니 처..

loop : 반복 autoplay: 반복 재생 muted: 음소거