amanda의 공간입니다

env() iOS 브라우저에서 뷰포트 안전 영역에 컨텐츠 배치 위한 4가지 환경변수(아이폰X 이상에서만 동작하며 그 외 디바이스에서는 영향 주지 않음)safe-area-inset-* env(safe-area-inset-left) env(safe-area-inset-right) env(safe-area-inset-top) env(safe-area-inset-bottom) 대체값 사용시 (px, em, rem, vh 모두 가능) env(safe-area-inset-top, 20px); ※ iOS 11.0 버전에서는 아래와 같이 사용 constant(safe-area-inset-left) constant(safe-area-inset-right) constant(safe-area-inset-top) consta..

- 모델명 화면 크기 해상도 (픽셀) pt 해상도 화면 비율 iPhone iPhone 17 Pro Max 6.9" 1320 x 2868 440 x 956 19.5:9 iPhone iPhone 17 Pro 6.3" 1206 x 2622 402 x 874 19.5:9 iPhone iPhone 17 6.3" 1179 x 2556 393 x 852 19.5:9..

자바스크립트로 사용자 브라우저 체크하기navigator.userAgent 사용 indexOf()를 활용하는데 > -1 도 되고 != 1 도 가능 const browserCheck = () => { const userAgent = navigator.userAgent.toLowerCase(); if (userAgent.indexOf("edge") > -1){ return "edge"; } else if (userAgent.indexOf("whale") > -1){ return "whale"; } else if (userAgent.indexOf("chrome") > -1){ return "chrome"; } else if (userAgent.indexOf("firefox") > ..

https://its-easy.tistory.com/27 IntelliJ에서의 Git 사용법 기초 강좌IntelliJ에서 Git을 사용하는 기초적인 방법을 설명하는 글입니다.IntelliJ IDEA 2021.3(Ultimate) 버전을 기준으로 작성되었습니다.이 글에서는 Git 명령어는 사용하지 않고, IntelliJ에서 GUI로 제공하는 기능its-easy.tistory.com

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..