전체 글 (137) js 2023. 8. 7. 16:27 [js]한줄씩 나타나는 텍스트 gsap See the Pen Untitled by sangmok-ye (@sangmok-ye) on CodePen. css 2023. 7. 31. 15:04 [css]실제로 써봤던 scss ㄴㅊㄴㄴ 파일명에 _(언더바) 붙이기 - 각종 변수 저장에 활용 @import "_mixin"; 색상 밝기 조절 - 퍼센트가 커질수록 흰색이 됨 - darken도 있음 - #123456 = hsl(210,65%, 20%) > lighten(#123456, 10) = hsl(210,65%, 30%) $main : #123456; $main-lighten : lighten($main, 10%); // lighten($main, 10); 과 동일 $main-saturate : saturate($main, 50%); flex 변수 저장 - @include flex(); @include flex(bet); @include flex(cen); 등으로 활용 @mixin flex($j:""){ display: flex; ali.. css 2023. 7. 28. 13:09 [css]grid columns, align 그리드 속성 See the Pen grid by sangmok-ye (@sangmok-ye) on CodePen. 일반적인 gird-column : 1/2 의 경우 1번에서 2번까지 영역을 차지하는 거라면 gird-column : span 2 는 현재 위치한 영역에서 2칸을 차지한다는 의미 See the Pen gird-align by sangmok-ye (@sangmok-ye) on CodePen. items의 경우 n등분으로 나눈 영역에서 start / center / end로 정렬됨 content는 gird 전체 영역에서 정렬 justify-items, justify-content도 동일 align은 세로 정렬, justify는 가로 정렬 * items끼리 place-items로 작성 가능 * align-sel.. css 2023. 7. 24. 11:44 [css]스크롤 체이닝 막기 overscroll-behavior: contain; See the Pen Untitled by sangmok-ye (@sangmok-ye) on CodePen. html 2023. 7. 5. 10:26 [html]input readonly 드래그 불가 설정 See the Pen input readonly drag by sangmok-ye (@sangmok-ye) on CodePen. html 2023. 6. 26. 17:55 [html]잘 안 써서 헷갈리는 에밋(emmet) 기록 원하는 결과물 → 01일부터 31일까지 나타내기 (tr>td{$$일}+td*12)*30 ↓ 01일 ~ 31일 1일,2일 ~ 31일까지 나타내기 span{$일}*30 or span*30{$일} ↓ 1일 2일 ~ 30일 {$$일}*30 ↓ 01일 02일 ~ 30일 html 2023. 5. 4. 15:17 [html]inputmode 인풋 input 키보드 설정 모바일로 확인 가능 See the Pen inputmode by sangmok-ye (@sangmok-ye) on CodePen. js 2023. 4. 18. 13:13 [js]Web Share API 웹페이지 공유하기 공유하기 const sharePage = { title:"제목", text:"내용", // 카톡에 링크와 함께 띄워짐 url:"" // url:""빈값 or window.location.href // 현재페이지 // 혹은 "https://yesm1230.tistory.com/m/108"도 가능 } document.querySelector(".btn").addEventListener("click",function(){ if(navigator.share){ // navigator를 지원 할 경우 navigator .share(sharePage) .then(()=>{ alert("성공") }) .catch((error)=>{ alert("취소") }) }else{ alert("공유하기 지원 안됨") } }) .. 이전 1 2 3 4 5 6 7 8 ··· 18 다음