몽상실현개발주의

호이스팅 런타임(프로그램 동작 할 때) 환경에서 선언과 할당의 분리 코드 작성 -> 스코프 예상 런타임에서는 예상되로 동작하지 않음 그 대표적인 예가 호이스팅 현상 var 로 선언한 변수가 초기화가 제대로 되어있지 않았을 때 최상단에 undefined 로 끌어올려 선언되어 지는 것 호이스팅 예시 var global = 0; function outer() { console.log(global); // undefined var global = 5; function inner() { var global = 10; console.log(global); // 10 } inner(); global = 1; console.log(global); // 1 } outer(); - outer 함수 내부에서 호이스팅 발생 ..

임시 변수 특정 Scope 내부에서 전역변수처럼 활용되는 변수 함수가 커지게 되면, 전역 공간과 다름없는 상황이 발생 임시 객체도 전역 객체처럼 사용 될 수 있음 임시 변수를 어떻게 CRUD 를 할까 고민해야 함 임시 변수의 개선1 function getElements() { const result = {}; result.title = document.querySelector(".title"); result.text = document.querySelector(".text"); result.value = document.querySelector(".value"); return result; } /////////////////////////////////////// function getElements()..

전역공간 최상위 공간 Gobal & Window Browser 환경 - window Node 환경 - Global 전역공간 사용 문제점 var globalVar = "global"; console.log(globalVar); // 런타임 환경 (실행하는 환경) 도 변경 가능 console.log(window.globalVar); var setTimeout = "setTimeout"; function setTimeout() { console.log("function"); } const array = [10, 20, 30]; for (var index = 0; index < array.length; index++) { const element = array[index]; } // 파일을 나눈다고 Scope ..

var 를 사용하지 말고, const 를 사용하자 let & const 은 ES2015 이후에 추가 과거의 코드는 var 로 작성되어 있음 스코프 var 는 함수 스코프 let & const 는 블록 스코프 블록 스코프에서 Temporal Dead Zone 속성도 가질 수 있음 안전한 코드 작성 가능 var console.log(name); // undefined var name = "이름"; var name = "이름2"; var name = "이름3"; var name = "이름3"; var name = "이름3"; console.log(name); // 이름3 - 중복선언 가능 console.log(name); // undefined var name = "이름"; name = "이름2"; name ..

자바스크립트는 굉장히 많은 곳에서 동작 Node js 이후 폭팔적인 성장 Web 이외의 곳에서 사용되게 됨 모바일 / Desktop Application 등

자바스크립트는 굉장히 많은 곳에서 동작 Node js 이후 폭팔적인 성장 Web 이외의 곳에서 사용되게 됨 모바일 / Desktop Application 등

자바스크립트는 역사적으로 굉장히 많은 변화를 이뤄온 언어 언어를 모두 이해하기 쉽지 않음 특성과 맥락을 파악하면, 향후 단번에 이해할 수 있는 백그라운드를 가질 수 있다. 자바스크립트 특성 몽키패치 몽키패치 : 런타임 중신 프로그램의 내용이 변경되는 행동을 의미 안티패턴 이라고도 함 소스코드가 의도대로 동작하지 않음 문법 Java 와 유사 문자열 / 배열 / 정규표현식 펄과 유사 함수 오크와 유사 클로저 / 스코프 환경 스키마와 유사 프로토타입 셀프와 유사 이벤트 하이퍼토큰과 유사

타인이 정의한 답을 의심하자. 타인의 정의한 답을 맹목적으로 따르지 않는다. 다양한 생각과 배움을 포기하지 않는 태도가 중요하다. 구글링만 하고 넘어가는 사례와 같다. 배움에 열린 태도를 가집니다. 나만의 " 디자인 패턴 / 구조 / 라이브러리 / 설계구조 " 에 갖혀있지 말자. 직접 생각하고 또 고민합니다. 항상 의심하고 열린태도로 바라보자. 클린코드가 무엇인지 자바스크립트를 통해 학습합니다. CleanCode for Js Js for CleanCode 자바스크립트가 우선인 강의, 클린코드에 위배될지라도 자바스크립트의 관용적이고 관습적인 패턴을 파악합니다. 흔히 알려진 자바스크립트 코드 스타일에 대한 견해를 탐구합니다. AirBnb, Google, Ecma, Prettier, ESLint, JShint..