sy_develop_note

Casting 캐스팅(Casting)은 변수 또는 값을 특정한 타입으로 강제로 변환하는 과정을 말합니다. 이는 변수의 타입을 컴파일러에게 알려주는 방법입니다. Casting은 실제 구동하는 코드에서 아무런 의미를 갖지 않습니다. JavaScript에서는 존재하지 않는 개념입니다. TypeScript에서 사용합니다. TypeScript에서는 이를 명시적 캐스팅과 암시적 캐스팅으로 나눌 수 있습니다. 명시적 캐스팅(Explicit Casting) 명시적으로 타입을 변환하는 것을 의미합니다. 일반적으로 'as' 키워드를 사용하여 수행됩니다. // 명시적 캐스팅 let someValue: any = "this is a string"; let strLength: number = (someValue as strin..

타입 유추(Type Interface) 개발자가 명시적으로 타입을 지정하지 않아도 TypeScript가 코드를 분석하여 변수 및 함수에 대한 타입을 유추하는 것을 말합니다. 이를 통해 코드 작성 시 타입을 명시적으로 선언하지 않더라도 타입 안정성을 유지할 수 있습니다. 예를 들어 보겠습니다. let을 사용하여 string 데이터를 넣어보겠습니다. 그리고 마우스 커서를 stringType위에 올려보겠습니다. 이렇게 직접적으로 작성하지 않았는데도 string 타입이라고 정확하게 나오는 것을 확인할 수 있습니다. boolean과 number 도 이렇게 잘 추론이 됩니다. 초기화할 때 값을 정확하게 넣어주면 타입으로 잘 추론된다는 것을 확인할 수 있습니다. 위의 booleanType을 boolean 타입으로 변..

Enum 타입은 굉장히 많은 언어에서 존재하는 타입입니다. 다른 언어를 아시는 분들은 이미 알고 계실 테지만 JavaScript에는 Enum 타입이 존재하지 않습니다. 이 기능을 활성화해 주는 게 TypeScript입니다. Enum Enum 타입은 숫자 또는 문자열의 집합에 대한 열거형 값을 정의할 수 있는 타입입니다. Enum은 관련된 상수 값의 집합을 정의하는데 유용하며, 코드를 더 명확하고 읽기 쉽게 만들어줍니다. 예를 들어, 요일을 나타내는 Enum은 다음과 같이 정의할 수 있습니다. enum DayOfWeek { Monday, Tuesday, Wednesday, Thursday, Friday, Saturday, Sunday } 이렇게 정의된 DayOfWeek Enum은 각각의 멤버가 0부터 6까..

사용자 정의 형식을 만들기 위한 도구 Type과 Interface에 대해 알아보겠습니다. Type 새로운 타입을 정의할 때 사용됩니다. 기존에 존재하는 타입들을 조합하거나 별칭을 지어주는 데 사용할 수 있습니다. string, null, number에 대한 타입을 정의할 수 있습니다. 오직 male 또는 female 중 하나의 값만 가질 수 있도록 문자열 리터럴 유니온 타입으로도 정의가 가능합니다. 이렇게 지정한 타입은 아래처럼 사용할 수 있습니다. 지정해 둔 string 값이 아니면 오류가 나타나는 것도 확인할 수 있습니다. object도 type을 쓰면 선언할 수 있습니다. 예를 들어 idoltype을 정의해 보겠습니다. object타입에 string과 number가 존재하도록 선언해 줄 수 있습니다..

TypeScript의 기본타입에 대하여 알아보겠습니다. JavaScript에 존재하는 타입 JavaScript에서는 string 값을 정의한다면 아래와 같이 선언하면 끝이다. let helloText= = 'Hello'; 하지만 TypeScript에서는 우리가 변수명 옆에다가 colon을 넣고 원하는 타입을 입력할 수 있습니다. let helloText: string = 'Hello'; 이렇게 입력하고 나면 helloText라는 변수에는 string 타입만 입력할 수 있습니다. 만약 다른 타입의 값을 입력하면 에러가 나타나는 것을 볼 수 있습니다. 이처럼 TypeScript에서는 type을 지정할 수 있고 명시된 type 외에 다른 type은 저장할 수 없습니다. JavaScript에서의 7개 type을..

TypeScript는 JavaScript의 상위집합으로, 정적 타입을 지원하는 프로그래밍언어입니다. JavaScript에 몇 가지 기능을 추가하여 개발자들이 코드를 더 잘 관리하고 유지보수 할 수 있도록 도와줍니다. TypeScript를 사용해야 하는 이유에 대해 알아보겠습니다. JavaScript는 dynamically typed 언어 JavaScript는 dynamically typed 언어입니다. 이는 변수의 타입을 선언할 필요가 없고, 실행 중에 타입이 자동으로 결정되는 것을 의미합니다. 우리가 맨날 작성하는 코드나 메서드에 대해서 항상 기억을 가지고 있는 것은 힘든 일입니다. 예제를 보면서 분석해 보겠습니다. function add(num1, num2) { return num1 + num2; }..

typescript 환경 설정해 보겠습니다. 먼저 아래의 링크에 접속해 주세요. https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위와 같이 환경에 따라 다운로드할 수 있는 버튼을 확인할 수 있습니다. LTS(Long Time Support) 버전 LTS 버전은 장기적인 안정성을 보장하기 위해 선택되는 버전입니다. 일반적으로 안정적이며 장기적인 지원을 받을 수 있습니다. 대규모 엔터프라이즈 애플리케이션을 개발하거나 안정성을 우선시하는 경우에는 이 버전을 선택하는 것이 좋습니다. Current(최신) 버전 Current 버전은 가장 최신의 기능과 개선 사..