틈

떡볶이 순대 오뎅 튀김 떡볶이 select에서 option 값을 가져오는 방법은 value 로만 알고 있었는데, 이렇게 텍스트를 가져올 수 있네요. multiple 옵션의 경우에는 값을 가져올 때 배열로 받아서 처리하니 간편합니다. with. 윤인성(유니코딩) _ 혼자공부하는 자바스크립트

div를 textarea처럼 사용가능합니다. HTML 삽입 미리보기할 수 없는 소스 여기 편집 가능

count 숫자가 커지는 애니메이션 $('선택자').prop('counter',0).animate({ counter : 12982372958 },{ duration:1000, easing:'swing', step: function(now){ now = Number(Math.ceil(now)).toLocaleString('en'); $(this).text(now); } })

razy loading은 json으로만 구현이 가능하다는 생각이 바꼈다! var $btn = $('.btn'), $tableList = $('table tbody tr'), showCount = 10, listLength = $tableList.length; $tableList.hide(); $tableList.slice(0, numShow).show(); $btn.on('click',function(){ var showing = tableList.filter(':visible').length; $tableList.slice(showing - 1, showing + showCount).fadeIn(); var nowShowing = $tableList.filter(':visible').length; if..

1. display:grid,inline-grid 2.grid-template-rows,grid-template-rows (-ms-grid-rows, -ms-grid-columns, 그리드 사이즈 관련) : none : grid 시스템 없음. auto : 사이즈를 정한 부분을 제외한 나머지 부분을 채운다. max-content : 각 row 에서 가장 큰 item을 기준 min-content : 각 row에서 가장 작은 item 기준 fr(단위) : 1fr,1.5fr,2fr.... 등으로 응용하며 fr로 지정된 모든 단위를 더한뒤 각 fr의 숫자만큼 비율적으로 너비를 부여 repeat() : repeat(3,1fr) 등으로 사용. 1fr 3번 반복.repeat(3, 1fr 2fr 3fr) 으로도 사용 가..

iphone-x는 M자 탈모로 유명한데, 이 화면에서는 위/아래 자동 마진값이 잡혀 화면 대응이 어려울 수 있다. 전체 화면을 원한다면 해당 조치가 필요하다. (네비게이션, 혹은 header menu 영역과 겹치지 않게 조치할 수 있다.) 1. viewport 추가 2. env() 적용 - 해당 코드는 iphone-x에서만 대응합니다. .wrap { padding-top:calc(constant(safe-area-inset-top) + 15px); padding-bottom:calc(constant(safe-area-inset-bottom) + 15px) } https://wit.nts-corp.com/2019/10/24/5731 아이폰X 안전영역(Safe Area) 대응 사례 | WIT블로그 Safe ..