개요 C++를 공부하면 포인터에서 숨이 턱 막히듯이, 자바스크립트를 공부하다 보면 넘어야 할 산이 비동기라는 개념입니다. 이 비동기라는 개념이 좀 잡혀있어야, express 라는 웹서버 모듈에서 핸들러를 어떻게 다루어야 할지 감이 오고, Promise 를 어떻게 사용해야 할 지도 조금 감이 생기지 않을까 싶습니다. 이 글은 이벤트 루프 등에 대해서 자세히 다루지 않습니다. 비동기, 논블로킹 IO 등 개념에 […]
[카테고리:] javascript
Promise 작업 시간 초과하면 실패로 간주하기 (feat. setTimeout, Promise.race)
개요 요즘 자바스크립트에서는 Promise 가 많이 쓰입니다. 이른바 비동기 작업이라고도 하죠. 여러가지 시간이 좀 걸리는 작업들을 다룰 때 편하기 때문인데요, 그런데 너무 오래 걸리는 작업을 취소하고 싶지 않나요? 예를 들어 게시글의 댓글을 불러오기 위해 api 서버에 요청을 날렸는데, 2~3초가 지나도 묵묵부답이라면, 이건 api 서버가 잘못되었다고 보고, 작업을 취소하고, 유저에게 “서버로부터 응답이 없습니다. 잠시 후 다시 […]
Node.js Stream 개념을 익혀보자
목표 Stream 에 대한 개념 이해 간단하게 Readable 클래스 확장구현하기 사전지식 Node.js (본 글에 있는 코든 코드는 Node.js 에서 실행합니다. ) 자바스크립트 ES6 문법 클래스 확장/상속 이 글에서 다루지 않는 것 Stream 의 다양한 이벤트 Readable, Writable 생성자에 넘기는 옵션 pipe 함수의 정확한 동작 방식 Writable, Duplex, Transform 직접 만들기 개요 스트림이라는 말을 처음 들어봤을 […]
[Javascript] 비동기, Promise, async, await 확실하게 이해하기
? 2022년 11월 2일 부로 글을 새롭게 리뉴얼했습니다! 많은 관심 바랍니다. 개요 본 글은 자바스크립트에서 Promise 에 대한 개념을 잡기 위해 작성한 글입니다. 자바스크립트의 기본 문법을 먼저 알아야 이 글을 조금 더 수월하게 보실 수 있습니다. 필자는 Node.js 기반에서 실행시키고 있습니다. 이 글에서는 어떻게 자바스크립트 실행 환경을 만드는지에 대해서는 다루지 않습니다. 최대한 차근차근 설명하려고 했기 […]
[javascript] 중첩된 객체에서 원하는 필드를 뽑아오기
개요 본 글에서는 중첩된 객체에서 어떤 값을 가져온다는 간단한 유틸리티 함수를 만듭니다. 하지만 이미 너무나도 유명한 유틸리티 라이브러리인 Lodash 등을 이용해보는 것이, 라이브러리 자체를 익히는 데 시간과 노력이 많이 들 수 있지만, 추후 생산성 측면에서 훨씬 좋아질 수도 있습니다. 동기 중첩된 객체에서 정보들을 한번에 손쉽게 가져오는 방법을 계속 재사용해야 했습니다. 예를 들어 obj 가 뭐가 […]
[Vue 3.0] Popper.js 로 우클릭 메뉴 (Context Menu) 구현하기 (작성중)
개요 우클릭 메뉴(Context Menu)는 상황에 따라서 유용합니다. 모바일같은 경우 꾹 누르면 우클릭 메뉴가 뜨는 것처럼 할 수 있습니다. popper.js 는 가볍고 강력한, 특정 요소에 붙어 있는 팝업 요소(popover)를 만들기 좋은 라이브러리입니다. 이것을 이용해보도록 하겠습니다. 데모링크 : https://ezkorry.gitlab.io/simple-context-menu 소스코드: https://gitlab.com/EzKorry/simple-context-menu 설계 우클릭 메뉴를 설계할 때 고려해야 할 사항은 다음과 같습니다. UI 자체야 더 고급스럽고 사용성 좋게 […]
더블 트러블 – Mocking 으로부터 벗어난 이유 (Double trouble — why we decided against mocking 번역) (작업중)
본글: https://engineering.talkdesk.com/double-trouble-why-we-decided-against-mocking-498c915bbe1c 저자: André CarvalhoFeb 25, 2020 · 9 min read 그래서 목 객체로 한다면? “So what if we mock?” 잘 알려진 과학 조-크가 있다. 한 낙농업자가 우유 생산량이 저조했던 문제를 해결하기 위해 이론 물리학자에게 도움을 요쳥했다. There’s a well-known science joke about a dairy farmer who asks a theoretical physicist to help him solve […]
[javascript] 스크롤에 따라 부드러운 애니메이션 구현하기
들어가기 전에 영감을 받은 사이트는 애플의 iPhone SE 를 소개하는 페이지였습니다. 저 부드러운 텍스트를 꼭 구현해보고 싶다!! 그런 생각을 했습니다. 하지만 정확한 스크롤 위치에 따른 부드러운 애니메이션을 구현하는 라이브러리는 찾기가 힘들었지요. 스크롤 애니메이션과 관련된 것들은 스크롤 하면서 콘텐츠가 화면상에 나타날 때 부드럽게 서서히 나타나도록 하는 애니메이션(AOS)이 주를 이루었지만 그게 원하는 것은 아니었지요. 그래서 직접 만들기로 […]