이번에 다루어볼 내용은, 타입 별칭(Type alias)라는 것이다. 타입 별칭을 이용하면, 마치 변수를 통해 값을 저장하는 것 처럼 특정 타입을 저장하고 하용할 수 있다. 타입 별칭(type alias) type A = string; const str: A = 'hello'; 지금은 간단한 에시로, A라는 새 타입을 정하고 string 타입으...

자바스크립트와 달리, 타입스크립트에서만 존재하는 타입과 연산자가 있다. 바로 Union Type 을 지정할 때 사용하는 연산자인 |(파이프 연산자)인데, 이번엔 이들에 대해 알아보자. Union Type(유니온 타입) 이란? 유니온 타입은 하나의 변수가 여러 타입을 가질 수 있는 가능성을 표시한다. 말 보다는 코드로 보도록 하자. let strO...

이전에 타입스크립트를 통해 타입을 지정하고, 보다 편리하게 추론하는 것까지 알아보았다. 이번엔 객체와 배열의 타입을 지정할 때 알면 좋은 것을 간단히 짚고 넘어가보도록 하자. 객체의 타입을 지정할 때 const obj = { name: 'zero' }; // const obj: { name: string } const arr = [1, 3, 'fi...

TypeScript 를 짤막하게 배웠지만, 제대로 써먹지는 못하고 있다. 그래서 사실 타입 지정을 거의 하지 않고 JS 를 쓰는 것 같은 기분이랄까..! 이전에 타입이 필요한 이유에 대해서는 여기에 작성을 한 적이 있다. 천천히 복습해보자. 본 글의 내용은 타입스크립트 교과서의 내용을 보고 작성했다. 타입은 어떤 값에 지정할까? 기본적으로는, ...

유닛 테스트란? 유닛 테스트(Unit Test)는 말 그대로 Unit 의 기능에 대한 Test 를 진행하는 것이다. 자세히 말하자면, 소프트웨어 / 애플리케이션을 구성하는 가장 작은 단위(함수, 메서드, 클래스 등)가 예상대로 작동하는지 확인하기 위해 수행하는 테스트 기법이다. 왜 필요한가? 품질 향상: 작은 단위부터 오류를 빠르게 식별하고...

JWT 란? JWT(JSON Web Token)는 웹에서 인증과 권한 부여(인가)에 널리 사용되는 방식으로, 서버와 클라이언트가 인증 정보를 주고받을 때 사용되는 JSON 기반의 토큰이다. 보통 인증이 필요한 웹 서비스에서 사용자 정보를 안전하게 교환하기 위해 이용되며, 토큰 자체에 서명(signature)을 포함해 위변조 여부를 쉽게 식별할 수 있...

인턴 과제를 위해 Vite 로 프로젝트 셋업이 필요한 상황이다. Vite 로는 몇 번 해본 적이 없어, 간단히 정리해보도록 하자. Vite 로 프로젝트 생성하기 아래는 JavaScript 기반 React 프로젝트 셋업 방법이다. $ npm create vite@latest my-vue-app -- --template react 이외에도 다른 ...