checkbox를 체크하고 닫았다면 쿠키에 팝업데이터가 있기 때문에 작동순서 2번 에 의해 보이지 팝업이 보이지 않게된다.반면 사용자가 그냥 닫기를 클릭했다면 쿠키에 팝업데이터가 생성되지 않기 때문에 다시 팝업은 사용자에게 보이게 된다.예제 link : http&#x3

fullpage.js 사용법 사용법은 관련 자료가 많아 이곳 을 참고하면 된다. 발생되는문제 fullpage.js를 사용하게 되면 발생하는 문제가 2가지 있다. fullpage.js 버전, fullpage.js의 버전은

함수내부에서 실행된 return값을 함수를 호출한곳으로 전달(반환)한다.말 그대로 함수결과값 -> 함수호출 로 return(되돌리다) 하는것을 의미한다.함수선언문에서 return값을 적어주지 않았기 때문에 함수호출에 return되는 값은 undefined가 된다.따라서

깃을 잘 사용하고 있다가 문제가 생겼다.번역해보면, "다른 git 프로세스가이 저장소에서 실행중인 것 같습니다" 라고 나오는데,어떤 git명령어도 사용되지 않아서 어떻게 해야할지 감을 못잡고 있던 중 해결법을 블로그를 통해 찾게 되었다.위 명령어를 git bash에 입

HTML문서를 PDF로 다운로드 할 수 있는 방법에 대해 알아보았다. 필요라이브러리 html2canvas.js jsPDF.js 방법 html2canvas.js를 이용해 현재 화면을 canvas 이미지로 추출 jsPDF.js를 이용해 추출한 canvas 이미지를 PD

같은 쌓임 맥락(stacking context)의 요소들은 순서대로 표시된다.이 상태에서 요소들이 겹쳐진다면 요소1위에 요소2가 겹치고 요소2 위에 요소3이 겹쳐질 것이다. 즉, 요소3만 보이게된다.요소들에 z-index가 설정되지 않아도 stacking order에

https://velog.io/@ansrjsdn/프론트엔드-추천-자료-모음

변수 복사를 바꿔도 배열 값은 바뀌지 않음.변수 복사를 바꾸면 배열값도 바뀜(참조관계)참조관계를 끊고 싶은 경우,얕은복사의 경우 1단계까지만 복사가 됨.만약 {a : 1, b : 2, c : {3, 4}} 의 경우, 객체안에 객체가 있는걸 확인 할 수 있다.만약 얕은복

클로저 : 전역범위와 함수와의관계가 클로저 관계이다.비동기와 반복문을 같이쓸 때 클로저 문제가 자주 발생한다.문제위 코드에서 만들고 싶었던 내용은 0,1,2,3,4,5 ... 99가 찍히는 것이었다.하지만 100,100,100,100 ... 100 이 찍히는 현상이 일

log()의 실행값은 'zero' 이다.'스코프체인을 따라 변수나 함수는 한단계씩 올라가며 찾는다.'자칫 wrapper함수 안에 있는 log();를 console.log(name)으로 착각하게 되면, name = 'nero'로 읽는 오류를 범할 수 있다.코드는 코드자체

var close = document.getElementsByClassName('close'); var i; for(i = 0; i < close.length; i++){ (function click(j){ closej.addEvent

e.target은 jquery에서도 많이 쓰이는 것이라 자세히는 아니어도 사용방법은 알고 있었다.javascript를 공부하는중에 e.currentTarget이라는 것을 알게되었다.어떤 차이점이 있을까 알아보았다.e.currentTarget === EventListen

querySelectorAll 은 NodeList 객체반환getElementsByClassName 은 HTMLCollection 객체반환둘다, 유사배열이다.querySelectorAll 은 new_item이 NodeList에 포함되지 않기 때문에 li를 넣어주지 않는다

오늘은 팝업에 있는 메뉴들을 보다가 글씨가 많아졌을때, 그만큼 높이값이 커지지 않아 문제가 되는 상황을 맞았다.이방법, 저방법 해보다가 결국 1시간만에 유동적이게 바뀌었고, 왜 헤맸는지 모를만큼 쉬웠다.. ㅠㅠ 그래도 나중에 또 헤맬수 있으니 적어본다.바뀌기 전 hml

정렬하는 매서드 = sort() ※주의 : 사전순으로 정렬이 됨.따라서 자릿수가 바뀌면 정렬이 제대로 되지 않는다.result) 10, 20, 30, 40, 7일반함수 sort(function(p,c)){}화살표 함수 sort((p, c) =>{}본 코드에선 화살표함수

최근 javascript를 공부하면서, 초급 단계에서 잊어버리면 안될 만한 것들만 모아적어보았다. 앞으로 또 기억할만한것들이 생기면 예제로 작성해 다양한 문법들을 채워나가보자.

SASS에 대해 다른 프로젝트들을 뜯어보니, 대개 사용하는 MIXIN도 정해져있는 것 같다. 앞으로 사용할 만한것, 쓸만한 MIXIN들을 모아 두자

요즘 javascript를 공부중이다. 전에 봤던 매개변수 정의에 대해서 다시한번 공부하는 시간을 가졌다.그리고 매개변수는 다른 변수들의 영향을 가질까? 의문이 들어 실행해보았다.매개변수는 글로벌 변수와 같은 이름으로 작성해도 괜찮다.매개변수는 글로벌 변수의 영향을 받

입사한지 2주차쯤 됬을때 실무에서 label과 input태그를 쓸 상황이 와서 쓰게되었는데당시 검수를 맞던 중 명시적표현과 암시적표현에 대해 배우게 되었다.당시 프로젝트는 접근성페이지가 아니었지만 그래도 항상 접근성을 고려해 사용하는 습관을 들이라고 설명해주셔서 찾아보

실무에서 작업을 하다보면 의외로 수직중앙정렬을 사용할 때가 많았다.하지만, 제대로 이해를 하고있지 않으면 꽤 어렵다고 생각하기 때문에 다시한번 정리하는 시간을 가졌다.여러 블로그를 돌아다녔지만, 내가 생각했을때 가장 많이 쓰일 것 같은 코드들로만 정리했다.display