개발

1. 타입스크립트(TypeScript) - 타입스크립트(TypeScript)란?

TypeScript 프로그래밍 언어 Strongly Typed (강타입) 프로그래밍 언어 TS의 경우 작성한 코드가 JS로 변환된다 (브라우저가 TS가 아닌 JS를 이해하기 때문) TS가 제공하는 보호장치는 TS코드가 JS로 변환되기 전에 발생한다 TS코드에 에러가 있다면 그 코드는 JS로 컴파일되지 않는다 JS와 똑같이 생겼지만 잘못된 코드를 작성하면 빨간색 밑줄을 통해 오류가 발생할 것을 알려준다 이러한 보호장치가 생기는 이유는 타입 추론 때문이다

0. 타입스크립트(TypeScript) - 타입스크립트(TypeScript) 개요

1. 왜 타입스크립트를 이용하는가? 안정성 때문 (타입 안정성) 타입 안정성 때문에 TS의 장점을 이용할 수 있다 → 코드에 버그가 줄게 된다. 런타임 에러도 줄어든다 결론적으로, 타입 안정성은 TS가 제공하는 최고의 장점 2. JavaScript와 비교 매우 유연한 언어 → 이상한 코드를 작성해도 개발자를 이해하고 도와주려 한다 개발자를 이해하려 하고 에러를 보여주지 않으려고 한다 예시 (배열 + Boolean) [1, 2, 3, 4] + false; >>> '1, 2, 3, 4false' 배열이 사라진다 string으로 바뀐다 → 유효하지 않은 코드지만 JS에서는 허용된다 예시 (함수의 잘못된 입력값) function divide(a, b) { return a / b; }; divide("xxxxxx..

[회고] 종이의 집: 공동경제구역 등장인물 성격테스트 개인회고

종이의 집: 공동경제구역의 공개일에 맞추어 프로젝트를 진행했다. 스페인 드라마 종이의 집을 한국 버전으로 리메이크 한 넷플릭스 드라마이다. 개성있는 캐릭터들이 등장하고, 공개 전부터 반응이 뜨거웠기 때문에 캐릭터 성격을 분석하고 자신과 맞는 캐릭터를 보여주는 사이트를 만들게 되었다. 해당 사이트는 아래 링크를 통해 살펴볼 수 있다. 종이의 집 (moneyheist.co.kr) 종이의 집 moneyheist.co.kr No-Je/Money-Heist: “통일을 앞둔 미래의 한반도. '교수'라 불리는 수수께끼의 인물이 남과 북의 노련한 도둑들을 모아 희대의 인질극을 꾸민다. 이 작전의 목표는 갓 찍어낸 지폐를 훔쳐 탈출하는 것.” (github.com) GitHub - No-Je/Money-Heist: “통..

React에 TypeScript 사용하는 방법

리액트와 TS를 함께 사용하는 방법을 소개한다. 방법에는 새롭게 프로젝트를 시작하는 방법과 기존 프로젝트에 TS를 적용하는 방법이 있다. 1. React + TypeScript로 새로운 프로젝트 시작하기 우선, 프로젝트를 만들고 싶은 디렉토리에서 터미널을 연다. 이후 npx create-react-app 프로젝트이름 --template typescript을 입력하면 된다. 이 방법을 이용하면 기본적으로 React에 TS를 이용할 수 있으며 주의할 점은 TS의 보호를 받기 때문에 Type에 신경써야 한다는 것이다. 또한, TS의 보호를 받고 싶다면 새로운 파일을 만들 때 확장자를 .tsx로 설정해야 한다. 2. 기존 프로젝트에 TypeScript 적용하기 기존 프로젝트에 TS를 적용하고 싶다면 npm in..