amanda의 공간입니다

HTML (radio button) 라디오 1-1 라디오 1-2 라디오 1-3 라디오 1-4 HTML (checkbox) 선택 선택 선택 선택 CSSul{list-style: none;}.radio_wrap, .check_wrap{position: r..

HTML CSS.menu-wrap .menu{flex-wrap: nowrap;}.menu-wrap .menu .item{width: calc((100% - 18px)/4);margin-left: 0;margin-top: 0;}.menu-wrap .menu .item ~ .item{margin-top: 0;}.menu-wrap .menu .item a + a{margin-top: 6px;} javaScriptif( $('.swiper-menu .swiper-slide').length > 1 ) { $('.s..

HTML tab1 tab2 tab 1 content tab 2 content CSS.tab_cnt{display: none;} javaScript// tab event const tabMenu = document.querySelectorAll(".tabs li"); const tabBtn = document.querySelectorAll(".tab_link"); const tabCont = document.querySelectorAll(".tab_cnt"); tabBtn.forEach(function (e) { e.addE..

자바스크립트로 셀렉트박스 만들기여러개 만들어 공통 소스 사용하고 클래스와 data 값으로 구분 ㅇㅇㅇ님 select1 select2 Default selectA selectB selectC let orderBrand = null;function initSelectLabel(){ const label = document.querySelectorAll('.label'); label.forEach(function(e){ lb.addEventListener('click', e => { let selectList = lb.nextElementSibling; let selectI..

회사에서 git을 사용하다가오래전 stash 해둔 내역을 git stash apply 했다가 깃이 충돌했다 아래와 같이 뜸committing is not possible because you have unmerged files 충돌 원인은 원격(remote)에는 이미 삭제하고 없는 파일이git stash로 불러와졌기 때문 파일 삭제도 안되고 커밋도 안되고 아무것도 안되는 상황이 되었다 먼저 git status 로 충돌 내역 확인 unmerged paths 이렇게 뜨면 깃이 충돌된 것,, 나의 경우 아래와 같이 떴다unmerged paths:use "git add/rm ..." as appropriate to mark resolutionuse "git restore --staged ..." to un..

.tab_cnt{display: none;}.tab_cnt.active{display: block;}const tabMenu = document.querySelectorAll('.tabs li'); const tabBtn = document.querySelectorAll('.tab_link') const tabCont = document.querySelectorAll('.tab_cnt'); tabBtn.forEach(function(e){ e.addEventListener('click', () => { const dataTab = e.dataset.tab; tabMenu.forEach(function(i){ ..

.thumb{overflow: hidden;position: relative;}.thumb img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;min-height: 100%;object-fit: cover;}

https://codepen.io/jimmybreeze/pen/VwXZReJ Swiper Grid...codepen.io slidesPerColumn, slidesPerGroup 활용해서 grid swiper 만들기 Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Slide 8 Slide 9 Slide 10 Slide 11 Slide 12 Slide 13 Slide 14 Slide 15 Slide 16 Slide 17 Slide 18 Slide 19 Slide 20 body { background: #eee; font-family..