formulous

안녕하세요. 오늘은 업무 중 사용했던 유용한 배열 메서드에 대해 소개드리겠습니다. 그 주인공은 바로 every() 함수와 some() 함수입니다. 정말 유용한 함수니 꼭 기억해서 써먹으시길 바랍니다! 자, 바로 코드 예시를 봅시다. const arr1 = [10, 20, 30, 40, ..., 9999990, 10000000]; // 100만개의 데이터 여러분들은 위의 코드 arr1의 모든 요소에 대해서 10으로 나눴을 때 나머지가 0인지 확인하려면 어떤 코드를 사용하실 건가요? 혹시 머릿속으로 아래 코드처럼 for문을 떠올리셨나요? const arr1 = [10, 20, 30, 40, ..., 9999990, 10000000]; // 100만개의 데이터let result = true;for (const..

안녕하세요. 오늘은 API 요청이 왔을 때 request의 URL 유효성 검사를 Middleware에서 하는 방법을 알아보겠습니다. 이번 업무 중에 제 프로젝트 관련한 요청받은 것이 하나 있었습니다. 그것은 바로 '유효성 검사를 Middleware 단에서 처리하도록 정리해달라' 에요. 서비스 단이나 컨트롤러 단에 여기저기 흩뿌려져 있던 유효성 검사 코드가 지저분해 보였던 것이죠... 여차저차 코드 정리를 마무리하던 와중 제 기준 머리 아픈 문제가 발생했는데요. 그것은 바로 다른 유효성 검증과 다르게 API 요청으로 들어온 URL의 유효성은 어떻게 middleware에서 구현하느냐입니다. 여기서 제가 발견한 해결책은 Guard의 canActivate() function에서 request 정보에 들어있는 U..

안녕하세요. javascript 를 사용해보신 분이라면 거의 대부분의 사람들이 익숙하지 않고 어려움을 겪는 건 역시 비동기 처리일텐데요. 오늘은 악명 높은 Promise와 async, await을 사용한 비동기 처리에 대해 간단히 정리해보는 시간을 가져봅시다. async와 await javascript의 asycn, await은 예상외로 이해하기 쉽고 사용법도 어렵지 않습니다. 우선은 async 키워드입니다. async는 function 앞에 위치하도록 작성하게 됩니다. async function add(a, b) { return a + b; } function 앞에 async를 붙이면 해당 함수는 항상 Promise를 반환하게 됩니다. 명시적으로 Promise를 작성하지 않아도, Promise가 아닌 ..

안녕하세요.  오늘은 업무 중에 배열 비구조화 할당이라는 좋은 방법을 알게 되어 소개하고자 합니다.  배열 비구조화 할당이란, 공식적인 표현으로는 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. 쉽게 말하자면, 배열의 내용을 한번에 여러 개의 변수에  할당시키는 편리한 방법이라고 생각하시면 됩니다. 예시를 한번 볼까요?const [a, b, ...rest] = [10, 20, 30, 40, 50];console.log(a);// expected output: 10console.log(b);// expected output: 20console.log(rest);// expected output: Array [30,40,50] 위의 예시와 같이 활용..