haileyjpark

axios를 사용해 서버 간 통신을 하는 모듈에서 socket hang up 에러가 발생하는 경우가 종종 있었습니다. 기존의 동일 프로덕트 내 다른 서비스에서 동료 개발자 분이 개발해두신 재시도 로직과 여러 블로그들을 참고하여 socket hang up 에러로 인해 요청이 실패했을 때 재시도하는 방법을 알아보았습니다. axios란? axios는 JavaScript로 작성된 HTTP 클라이언트 라이브러리입니다. 브라우저와 Node.js 환경에서 모두 사용할 수 있으며, Promise를 사용하여 비동기적으로 HTTP 요청을 처리합니다. axios의 특징 Promise 기반: 비동기적으로 데이터를 요청하고 응답을 받아 처리할 수 있습니다. 요청과 응답의 중간에 interceptor를 사용하여 요청/응답의 전처..

javascript의 역사와 변화된 과정에 대하여 이해하고 javascript에서 자주 사용하는 라이브러리나 기술, 용어들의 개념에 대해서 정리해 보았습니다. 1. JavaScript의 탄생: 🌟 동적인 웹 페이지의 필요성 1994년 출시된 Netscape는 페이지와 페이지에 링크를 걸어서 페이지 이동만 가능한 정적인 웹사이트만 가능했습니다. 그래서 넷스케이프의 설립자 Marc는 계속 “어떻게 하면 동적인 웹사이트를 만들 수 있을까?”를 고민했고, 이미 사용자에게 보여지는 웹사이트 안에서 DOM 요소들을 조작하면서 다이나믹한 요소들을 만들기 위해 새로운 Scripting 언어를 추가하기로 했습니다. 그 때 한창 뜨고 있던 JAVA언어는 웹사이트를 주로 개발하던 개발자들이 쓰기엔 무거웠고, 그래서 기존에 ..

과제 프로젝트를 진행하면서, callback과 promise의 개념은 한번씩만 읽어 보고 계속 async/await 를 사용해왔다. async 함수에서는 await를 걸어 ‘기다려!’라고 표시해주어서 작업이 끝나면 그것을 반환해주고 다음 작업을 실행하는 것으로, 비동기 코드를 동기처럼 보이게 하는 것이라고 이해하고 사용했었다. 비동기와 callback, promist, async/await를 명확하게 이해하지 못한 채로 사용하다보니, 정말 너무 바보같은 의문에 빠지게 되었다. 너무 바보같은 의문이라서 부끄러웠기 때문에 다른 주제로 글을 쓰고 싶었지만 (이틀 동안 자괴감의 늪에 빠져 헤어나오지 못했다는 정현 인턴의 슬픈 전설...) 그래도 이번에 비동기를 좀 더 이해하게 된 것 같아서 공유해보려고 한다! ..

버전별 문법의 차이 ES5(2009) Array helpers (forEach, map, filter, reduce, some, every와 같은 메서드) 지원 Object에 대한 getter / setter 지원 자바스크립트 strict 모드 지원 JSON 지원 (과거 XML 사용) ES 2015 (ES6) let, const 키워드 추가 iterator / generator 추가 ES Modules (import / export) 추가 (node에서는 현재까지 미지원) Promise 지원 Template strings: 백틱으로 처리된 문자열 Fat arrow function: () => {} 형태의 함수 정의 Enhanced object literals: 객체 멤버의 key/value가 동일하면 축..

Script언어란? 스크립트 언어는 연극 용어 script에서 따온 말이다. 프로그래밍의 스크립트 언어는 인터프리터 방식에 사용하기 위해 나온 것으로, 기존에 이미 존재하는 소프트웨어를 제어하기 위한 용도로 쓰이는 언어이다. 연극에서의 스크립트가 극 안의 상황에서 배우가 어떻게 행동할 것인지 지시해놓은 것처럼, 스크립트 언어도 소프트웨어를 어떻게 실행할 지 제어한다. (새로운 프로그램을 만들기보다는 기존의 프로그램을 제어하기 위해 쓰인다) 일반적으로 스크립트 언어는 매우 빠르게 작성된 코드를 실행하기 위해 고안되었으며, 상대적으로 단순한 구문과 의미를 내포한다. 컴파일 언어? 인터프리터 언어? - Build 방식에 따른 분류 개발자가 만든 소스코드를 기계어(machine code)로 번역하여 실행 가능한..