일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- Python
- BOJ
- web
- php
- Algospot
- BASIC
- greedy
- 백준
- 따배씨
- 생활코딩
- graph
- BFS
- String
- DP
- dfs
- Cleancode
- 정수론
- JavaScript
- Algorithm
- 따라하면서 배우는 C언어
- 인프런
- sorting
- C
- C언어
- server
- udemy
- programmers
- 따라하며 배우는 C언어
- Math
- 종만북
- Today
- Total
목록Language/Javascript (9)
몽상실현개발주의
AWS Lambda 함수에서 여러 파일에 걸쳐 있는 함수들이 작동 중 발생하는 에러를 중앙에서 관리하고 추적하는 방법은 여러가지가 있지만, 여기서는 공유 모듈을 사용하는 방법에 대해 설명하겠습니다. 이 접근 방식은 특히 각 함수가 서로 다른 파일에 분리되어 있을 때 유용합니다. 공유 모듈을 생성하여 해당 모듈 내에서 상태를 관리하고, 필요한 모든 파일에서 이 모듈을 import하여 사용합니다. # 공유 에러 핸들러 모듈 생성 먼저, 에러 데이터 리스트를 관리하고, 에러를 추가하는 함수를 제공하는 errorHandler.js라는 공유 모듈을 만듭니다. // errorHandler.js // 에러 데이터 리스트를 관리할 배열 초기화 const errorDataList = []; // 에러 데이터를 리스트에 ..
호이스팅 런타임(프로그램 동작 할 때) 환경에서 선언과 할당의 분리 코드 작성 -> 스코프 예상 런타임에서는 예상되로 동작하지 않음 그 대표적인 예가 호이스팅 현상 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 & let & const 는 스코프 차이를 가지고 있다. var var global = "전역"; if (global === "전역") { var global = "지역"; console.log(global); // 지역 } console.log(global); // 지역 - var 는 함수단위 scope - 전역 공간의 scope 까지 오염 let let global = "전역"; if (global === "전역") { let global = "지역"; console.log(global); // 지역 } console.log(global); // 전역 - let 은 block scope - 함수가 아닌 block 으로 작성되면 경계가 유지된다. const const global = "전역"; ..
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 등
자바스크립트는 역사적으로 굉장히 많은 변화를 이뤄온 언어 언어를 모두 이해하기 쉽지 않음 특성과 맥락을 파악하면, 향후 단번에 이해할 수 있는 백그라운드를 가질 수 있다. 자바스크립트 특성 몽키패치 몽키패치 : 런타임 중신 프로그램의 내용이 변경되는 행동을 의미 안티패턴 이라고도 함 소스코드가 의도대로 동작하지 않음 문법 Java 와 유사 문자열 / 배열 / 정규표현식 펄과 유사 함수 오크와 유사 클로저 / 스코프 환경 스키마와 유사 프로토타입 셀프와 유사 이벤트 하이퍼토큰과 유사