몽상실현개발주의

웹 개발을 하다 보면 다양한 HTTP 메소드들을 사용하게 됩니다. 그중 `OPTIONS` 메소드는 특별한 역할을 수행하는데, 이 글에서는 `OPTIONS` 메소드와 관련된 CORS에서의 preflight 요청에 대해 자세히 알아보겠습니다. # HTTP OPTIONS 메소드란? HTTP `OPTIONS` 메소드는 클라이언트가 웹 서버에게 특정 리소스에 대해 어떤 HTTP 메소드가 허용되는지 물어보는 용도로 사용됩니다. 이는 서버가 지원하는 메소드를 확인하기 위한 요청으로, 예를 들어 `OPTIONS /index.html HTTP/1.1`과 같은 형태로 사용됩니다. 서버는 이에 대해 `GET`, `POST` 등 자신이 해당 리소스에 대해 지원하는 메소드 목록을 응답으로 보냅니다. # CORS와 Preflig..

AWS Lambda 함수에서 여러 파일에 걸쳐 있는 함수들이 작동 중 발생하는 에러를 중앙에서 관리하고 추적하는 방법은 여러가지가 있지만, 여기서는 공유 모듈을 사용하는 방법에 대해 설명하겠습니다. 이 접근 방식은 특히 각 함수가 서로 다른 파일에 분리되어 있을 때 유용합니다. 공유 모듈을 생성하여 해당 모듈 내에서 상태를 관리하고, 필요한 모든 파일에서 이 모듈을 import하여 사용합니다. # 공유 에러 핸들러 모듈 생성 먼저, 에러 데이터 리스트를 관리하고, 에러를 추가하는 함수를 제공하는 errorHandler.js라는 공유 모듈을 만듭니다. // errorHandler.js // 에러 데이터 리스트를 관리할 배열 초기화 const errorDataList = []; // 에러 데이터를 리스트에 ..

언젠가는 글로써 마무리 지어야지... 했더니 벌써 해가 바뀌어 버렸다. 더 늦기전에 부랴부랴 늦게나마 정리하는 2023 회고를 하려한다. 1. Life 합정으로의 출퇴근 생활을 끝내고, 다시 강남으로 출퇴근을 하였다가 지금은 서초로 출퇴근 중이다. 주변 구성원들 몇몇이 달라진것 빼곤 일상에 변화는 크게 없었으며, 항상 시도하였지만 실패를 거듭하였던 웨이트를 병행하기 시작하였다. 웨이트와 길어진 근무시간과 출퇴근 덕분에 저녁시간이 많이 줄어들어 작년 초 포부와는 다르게 개인 발전 시간을 거의 갖지 못했다. 여전히 잔잔한 생활을 즐기고 있었고 연말에는 모든게 다 즐겁다는 생각도 들었다. 2. Turnover 합정에서 고군분투 하며 꾸려오던 스타트업 생활을 마무리하고, HR 솔루션을 개발하는 곳으로 이직하였다..

호이스팅 런타임(프로그램 동작 할 때) 환경에서 선언과 할당의 분리 코드 작성 -> 스코프 예상 런타임에서는 예상되로 동작하지 않음 그 대표적인 예가 호이스팅 현상 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 ..