우리 회사에서는 IntelliJ, Git lab, HTTP 전용 서버, 내부망 환경에서 개발 작업을 진행한다. 지난주까지 잘 작업했는데 오늘 출근했더니 갑자기 IntelliJ에서 gitlab 계정 로그인 창이 반복해서 뜨면서 로그인이 되지 않는 것이었다.두 시간 동안 씨름해 해결한 IntelliJ Git 연동 로그인 실패 오류 해결 방법을 정리해본다. 문제 상황 1 : 로그인 창에서 token 인증 실패 기존에 사용하던 (만료기간 많이 남은) token을 입력해도 fail, gitlab에서 모든 권한 추가한 토큰을 새로 생성해 입력해도 fail이 떴다. 문제 상황 2 : fetch, push 실패 나는 보통 IntelliJ의 GUI를 통해 commit, push 및 fetch를 진행하는데fetc..
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..
자바스크립트로 사용자 브라우저 체크하기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") > ..
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..

