javascript

[javascript] hoisting, scope, closure

이번 포스트는 호이스팅(hosting), 스코프(scope), 클로저(closure)에 대한 개념을 다루도록 하겠습니다. 호이스팅(hoisting) 스코프(scope) 클로저(closure) 위의 세 가지는 es5 spec에서 발생하는 이슈들이며, es6에서 이것을 어떻게 해결하였는지를 기준으로 다루도록 하겠습니다. 호이스팅(hoisting) 네이버 사전에 hoisting이라는 …

20180808 / 디지텍 / 레이어 팝업 심화

Native Javascript Layer Popup <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>Document</title> <style type=”text/css”> * {margin: 0;padding: 0;} ul, li { list-style: none } .layer { display:none; justify-content:center; align-items:center; position:absolute; …

20180808 / 디지텍 / 슬라이드 심화

<html lang=”en”> <head> <meta charset=”UTF-8″> <title>Document</title> <style type=”text/css”> * { margin:0; padding:0; } ul, li { list-style:none; } .slide { width:1200px;margin:20px auto;height:400px; position:relative;overflow:hidden;} .slide ul{height:400px;position:relative;} .slide li{height:400px;} .slide li:nth-child(1){background:#faa;} .slide …

20180807 / 디지텍 / 슬라이드 고도화

<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>Document</title> <style type=”text/css”> * { margin:0; padding:0; } ul, li { list-style:none; } .slide { width:1200px;margin:20px auto;height:400px; position:relative;overflow:hidden;} .slide ul{height:400px;position:relative;} .slide li{height:400px;} .slide …