post-thumbnail

쿠키팝업

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

2021년 4월 14일
·
0개의 댓글
post-thumbnail

fullpage.js 사용 시 발생하는 이슈

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

2021년 3월 31일
·
0개의 댓글
post-thumbnail

return 이해하기

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

2021년 3월 24일
·
0개의 댓글
post-thumbnail

git err: ./git/index.lock: File exists.

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

2021년 3월 24일
·
0개의 댓글
post-thumbnail

PDF 변환 출력

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

2021년 2월 22일
·
0개의 댓글
post-thumbnail

z-index가 동작하지않는 이유 4가지

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

2020년 10월 22일
·
0개의 댓글

프론트앤드 추천 자료 모음

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

2020년 7월 14일
·
0개의 댓글
post-thumbnail

얕은복사 깊은복사

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

2020년 7월 14일
·
0개의 댓글
post-thumbnail

클로저문제 해결

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

2020년 7월 1일
·
0개의 댓글
post-thumbnail

정적스코프(렉시컬)

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

2020년 7월 1일
·
0개의 댓글
post-thumbnail

클로저문제 해결

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

2020년 6월 30일
·
0개의 댓글
post-thumbnail

e.currentTarget VS e.target

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

2020년 6월 24일
·
0개의 댓글
post-thumbnail

getElementsByClassName VS querySelectorAll

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

2020년 6월 24일
·
0개의 댓글
post-thumbnail

글자 길이가 길어져도 안깨지는 메뉴 구현

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

2020년 6월 22일
·
0개의 댓글
post-thumbnail

javascript 예제2 lotto

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

2020년 6월 17일
·
0개의 댓글
post-thumbnail

javascript 기본문법 예제

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

2020년 6월 11일
·
0개의 댓글
post-thumbnail

sass, @MIXIN 모음

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

2020년 6월 10일
·
0개의 댓글
post-thumbnail

매개변수활용

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

2020년 6월 10일
·
0개의 댓글
post-thumbnail

label 명시적, 암시적표현

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

2020년 6월 8일
·
0개의 댓글
post-thumbnail

css 수직중앙정렬 방법

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

2020년 6월 2일
·
0개의 댓글