본문 바로가기

전체 글

 (137)
js 2022. 11. 18. 17:43
[js]체크박스 동의 후 submit See the Pen Untitled by sangmok-ye (@sangmok-ye) on CodePen. button type="submit"이 아닌 button type="button"으로 변경
js 2022. 11. 15. 09:10
[js]날짜 라이브러리 https://jqueryui.com/datepicker/ $(".datepicker").datepicker({ dateFormat : "yy-mm-dd", firstDay: 0 , // 시작요일 설정 // 0 일요일(디폴트) minDate:0, // 오늘 이전 날짜 선택 불가 // 1은 오늘까지 선택 불가 // 2는 내일까지 선택 불가 beforeShowDay: function(date){ var day = date.getDay(); return [(day != 0 && day != 6)]; }, // 주말 선택 불가 }) 펑션+리드온리
js 2022. 11. 9. 10:43
[js]append 여러개 (자바스크립트) let wrap = document.getElementById("wrap"); let count = 4; for(i=0;i
js 2022. 11. 8. 09:27
[js]스크롤 애니메이션 IntersectionObserver See the Pen Untitled by sangmok-ye (@sangmok-ye) on CodePen. IntersectionObserver는 비동기 intersectionRatio == 0 → isIntersecting : false 0 < intersectionRatio last-child가 보이면 추가해줌 See the Pen IntersectionObserver 무한스크롤 by sangmok-ye (@sangmok-ye) on CodePen. const ul = document.getElementById("container") const options = { threshold: 1, // target이 모두 보이면 실행 } const ioLast = new IntersectionObserve..
js 2022. 11. 3. 11:05
[js]if문 배열로 쓰기 const txt = "naver" if(txt=="naver"){ console.log("네이버") }else if(txt=="daum"){ console.log("다음") }else if(txt=="payco"){ console.log("페이코") }else if(txt=="nate"){ console.log("네이트") }else{ console.log("해당없음") } // ====================================== const array = { "naver":"네이버", "daum":"다음", "payco":"페이코", "nate":"네이트" } function array_name(array_type){ if(array[array_type]){ return array[a..
css 2022. 10. 28. 14:01
[css]가상태그 원화 표시 ::before{content: "\20A9"; }
js 2022. 10. 24. 15:35
[js]chart.js 차트 스크립트 See the Pen chart.js by sangmok-ye (@sangmok-ye) on CodePen. https://www.chartjs.org/docs/latest/ const custom = new Image(); custom.src = "https://cdn-icons-png.flaticon.com/128/4160/4160132.png"; // pointStyle: custom 으로 할경우 해당 url의 이미지로 변경됨 const x_val = ["1월","2월","3월","4월","5월","6월","7월"] const data = { labels: x_val, datasets:[{ label:"데이타셋", data:[10,100,25,80,50,85,15], pointStyle:"circl..
html 2022. 10. 21. 17:09
[html]클래스명 및 변수 네이밍 방법 / css 방법론 스네이크 케이스 name_value 카멜 케이스 nameValue 파스칼 케이스 NameValue *헝가리 어쩌고로 타입을 정해주는것도 있으나 잘안씀 (ex. intNum strName 등) css 방법론 OOCSS - 일반적으로 흔히 사용하는 방법 - 구조와 외형, 컨테이너와 내용을 분리시켜 작성함 ex) .title / .sub_title / .btn / .btn.tel 등 BEM - 클래스만을 하용하며 id는 사용하지않음 - 블록, 엘리먼트, 모디파이어로 나누어서 클래스명을 작성 - 블록__엘리먼트--모디파이어 - 일반적으로 언더바 2개, 하이픈 2개씩 작성하지만 꼭 그렇지는 않은 듯 - 더블클릭시 하이픈은 제대로 선택이 되지않음. 통일성만 가지고가면 좋을듯함 - 컴포넌트 단위로 가이드를 작성할때 ..
top

티스토리툴바