formulous

주니어 개발자의 개발 지식 공유 블로그입니다.

JS & TS 4

[TypeScript] Type 스크립트의 기본형에 대해 알아봅시다.

안녕하세요. 오늘은 typescript 8가지 기본 타입에 대해 알아보겠습니다. 오늘 포스팅은 여기를 참고하여 만들어졌습니다. 필요한 타입 개념에 대해 알아가실 수 있길 바랍니다. 1. 불리언 (Boolean) true / false 값을 나타냅니다. 아래와 같이 변수를 선언할 수 있습니다. let isConnected: boolean = false; 2. 숫자 (Number) TypeScript의 모든 숫자는 부동 소수 값입니다. TypeScript에서는 2진수, 8진수, 10진수, 16진수를 제공합니다. let decimal: number = 10; let hex: number = 0xf00d; let binary: number = 0b1010; let octal: number = 0o744; 3. ..

JS & TS 2023.03.14

[javascript] 배열 검사를 한번에, every와 some함수를 알아봅시다.

안녕하세요. 오늘은 업무 중 사용했던 유용한 배열 메서드에 대해 소개드리겠습니다. 그 주인공은 바로 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 (con..

JS & TS 2022.12.09

[javascript] Java Script 의 비동기 처리에 대해 알아봅시다

안녕하세요. 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가 아닌 ..

JS & TS 2022.12.05

[javascript] 배열 비구조화 할당에 대해 아시나요?

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

JS & TS 2022.12.05