닭발에서 개발까지

웹페이지 쿠키를 이용하여 시간설정으로 팝업을 노출시키지 않게 할 수 있다 또 예약시간 예 : 보지않기 버튼 클릭시 24시간 및 시간단위로 노출시키지않는 방법과 00시가 기준으로 초기화 하는 방법이 있다. 상황에 맞는 방법으로 사용하면 될 것 같다. 팝업창을 만들 때 해당 팝업에 name을 지정 후 해당 name으로 쿠키값을 셋팅 후 name으로 해당 팝업을 찾아서 팝업을 노출, 비노출 시키는 방법으로 제각하였다. 또 팝업이 여러개일 경우 name값으로 쿠키를 설정하기에 각기 다른 name으로 지정 후 해당 name값에 쿠키를 설정하는 방법으로 하였다. 1. 팝업창이 하나일경우 팝업창 입니다 x 오늘만 이 창을 열지 않음 2. 팝업창이 여려개일 경우 팝업창1 입니다 x 오늘만 이 창을 열지 않음 팝업창2 ..

Study/각종모음 및 팁 2023. 2. 15. 18:28

z-index가 먹지 않을 때 z-index가 먹지 않을 때 position: relative를 줘보자 (상위부모나 자기자신에게). overflow-hidden 이 걸려있는지 확인(해당섹션에 높이값이 걸려있을 수 있음) 배경 고정시키는 법 background-attachment:fixed; 이미지 중앙 정렬 Image는 왼쪽, 오른쪽 margin을 auto로 설정하고 display: block; 으로 설정하면 된다. img {display: block; margin:0 auto; width: 50%;} swiper slider IE에서 작동하지않을 때 제작사에서 더이상 ie는 지원하지 않는다고 함 -구버전을 적용하면 작동됨. // CSS link // JavaScript ScrollTo 스크롤 앵커기능이..

Study/각종모음 및 팁 2021. 3. 15. 10:15

material treme -vscode 테마 컬러 세팅. Material icon theme -vscode 파일 아이콘 변경 Prettier -코드 포멧팅해줌 bracket pair colorizer 괄호에 컬러를 넣어줌 Indent-rainbow 들여쓰기 색넣어줌 Auto rename tag -html파일 안에서 태그변경시 자동으로 바꿔줌 CSS PEEK -html 안에서 css파일 위치를 따라갈 수 있다. TML CSS SUPPORT -html 안에서 css 자동완성기능 Live server -저장하면 f5누를 필요없이 바로 반영

Study/각종모음 및 팁 2021. 2. 21. 15:55

하이픈으로 구분 된 문자열 사용 자바 스크립트를 많이 작성하면 camel case의 경우 변수(variables)를 쓰는 것이 일반적입니다. var redBox = document.getElementById('...') 좋다~, 맞지? 문제는이 형식의 명명이 CSS에 적합하지 않다는 것입니다. 이것을하지 마십시오 : .redBox { border: 1px solid red; } 대신 다음을 수행하십시오. .red-box { border: 1px solid red; 이것은 꽤 일반적인 CSS 명명 규칙입니다. 틀림없이 더 읽기 쉽습니다. 또한 CSS 속성 이름과 일치합니다 속성 추가에 따른 작성법 .stick-man__head { } .stick-man__arms { } .stick-man__feet { ..

Study/각종모음 및 팁 2021. 2. 5. 17:06