post-thumbnail

클로저문제 해결

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

6일 전
·
0개의 댓글
post-thumbnail

정적스코프(렉시컬)

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

6일 전
·
0개의 댓글
post-thumbnail

클로저문제 해결

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

7일 전
·
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개의 댓글
post-thumbnail

javascript 예제1) 야구게임

출처 : https://www.zerocho.com/category/JavaScript/post/5734572a9def49170022bd96(제로초님 사이트)함수사용(참고링크)https://www.codingfactory.net/10422 (splic

2020년 5월 28일
·
0개의 댓글
post-thumbnail

img 태그 alt="" 의 대하여

퍼블리셔로 취준을 준비하는 중에는 접근성에대해 전혀 고려하지 않았다.하지만, 실제 회사에선 접근성사이트가 아니어도 접근성을 항상 고려하며 작업하고있었다.오늘은 img 태그의 alt="" 속성이 어떻게 쓰이는지에 대해 간단한 코드로 기록하려한다.먼저 alt는 스크린리더기

2020년 5월 28일
·
0개의 댓글
post-thumbnail

4개월차 신입 퍼블리셔 실무 내용 정리

2020년 2월부터 회사에 입사한지 어느 덧 4개월차가 되었다.4개월동안 일을 하면서 그동안 몰랐던 것들을 많이 배우게 되었다.그리고 학원에서 배우지 않았던 것들이 실제 실무에서 많이 활용되는것도 있었다.그래서 지금까지 배운것들을 하나씩 나열해 보며, 정리하는 시간을

2020년 5월 28일
·
0개의 댓글