#1 호이스팅에 관련된 문제. var x = "global"; (function(){ console.log(x); var x = '11'; }()); 이 거와 아래와 차이점? var x = "global"; (function(){ console.log(x); }()); EC 와 관련된 Hoisting 된 거의 차이점이라 보면 되는건가? 즉시 function 의 var x 가 hoisting 되면서 위는 undefined , 아래는 보통 global로 나옴 하나더 let x = "global"; (function(){ console.log(x); let x = '11'; }()); 이러면 let으로 선언되면 undefined 가 아니 throw Exception 을 내보냄.. Uncaught Referen..

Template String - 자바스크립트 내 여러줄 형태로 넣기위한 String 형태 숫자 1키옆에 있는 ` 문자로 시작 끝에도 ` 문자를 넣어주며 해당 Template 내 변수 값을 넣을 시 ${ 형태로 넣는다. ---- 변수 primitive typereference typeliteral type - 문자열 자체가 type이 되는 경우 ??? let 과 const var - ES5 기준 호이스팅 가능 호이스팅이란?? 실행되는 context는 되는 과정을 말하는 건가? 실행되는 단계? 아무튼 실제 변수 선언을 아래에 해도 순서가 맞춰지는 ?? 흠.... 자바스크립트 실행시점 EC (Excute Context) 만들어 짐.. 대표적인게 Hoisting 실행순서 1. 활성화 객체 생성 2. argume..

Object.assign 의 위험성. 다음 object in object 복제는 안된다는.. 일명 shallow Copy 와 Deep Copy Shallow Copy 를 피하려고 Object.assign 을 사용하였으나 이중적인 object in object 구조시 shallow copy 가 되어버린.. 일반적인 방식은 다음과 같다.let obj = { a: 1, b: 2, }; let objCopy = Object.assign({}, obj);console.log(objCopy); // result - { a: 1, b: 2 } objCopy.b = 80; console.log(objCopy); // result - { a: 1, b: 80 } console.log(obj); // result - { ..

matchFieldWidth : ture || false 다음 속성을 true로 주면 됨

SVG를 이용한 Timer 를 간단히 만들어 봄시간은 10초 /// html ------------------------------------------------------------------------------------------------------------------------------------------------ ///css .progress-ring__circle2 { transform: rotate(-90deg); transform-origin: 50% 50%; stroke-dashoffset: 0%; stroke-dasharray: 51; animation: dash2 10s linear infinite;} @keyframes dash2 { from { stroke-dashof..

columns: { defaults :{ menuDisabled: true, sortable: false},items:[{ xtype:'actioncolumn',width:40,items:[{ tooltip:'다운로드',cls:'videoclip',glyph: 'e930@icomoon', dataIndex: 'fileurl', handler: function(view, rowIndex, colIndex, item, e, record, row) { this.fireEvent('onProgramDownload', view, rowIndex, colIndex, item, e, record, row); }}]}, { text: '파일', dataIndex: 'fileurl',hidden:true }, { tex..