타입스크립트 (5) 썸네일형 리스트형 [점핏 x 삼성 강남] 쉽게 시작하는 타입스크립트 with 캡틴판교 [점핏 x 삼성 강남] 쉽게 시작하는 타입스크립트 with 캡틴판교 🗓️ 2023.10.24 19:00 - 20:00 점핏에서 진행된 클래스 참여 후 작성한 후기입니다. 🔥 목차 - 타입스크립트 알아보기 - 실전 코드로 배우는 TS 필수 개념 - API 타입 정의 실습 - 타입스크립트를 쓸때 주의할 점 - 타입스크립트 학습 방법 - QnA 📚 클래스 후 정리해본 노션 스터디 노트 Today I Learned, 무엇을 배웠을까? 💬 전체 내용 정리가 아닌, 새롭게 알게 되거나 기록해두고 싶은 부분들을 정리해보았습니다 😊 fay316.notion.site ► 클래스 후기 점핏에서 이런 세미나를 하는줄 몰랐는데, 마침 관심있던 타입스크립트 세미나가 있어서 신청했다. 사실 신청하고 될 줄 모르고 잊고 있었는데,.. 타입스크립트의 Enums(열거형) 타입에 대해 간단하고 빠르게 알아보자 Enum은 C, Java와 같은 다른 언어에서 흔하게 쓰이는 타입으로 이름이 있는 상수들의 집합을 정의할 수 있다. TypeScript에서는 숫자와 문자열 기반 열거형을 제공한다. 열거형은 enum 키워드를 사용해 정의한다. → enum은 특정값만 입력되도록 하고 싶을때, 그 값들이 공통점이 있을때 사용한다. enum Color { Red, Orange, Blue, } 참고로 열거형은 기술적으로는 숫자와 문자를 섞어서 사용할 수 있지만 (이종 열거형: Heterogeneous enums) 굳이 그렇게 할 이유가 없다면 권장하지 않는다. 👾 숫자형 열거형(Enum) 열거형의 디폴트 값으로 숫자형을 사용한다. 각 값은 자동으로 0부터 시작하여 1씩 증가하며, 수동으로 값을 지정할 수도 있다. enum Col.. 타입스크립트 유니온/교차 타입과 리터럴 타입 TypeScript의 타입은 연산자를 이용해 조합해서 사용할 수 있다. 다소 복잡한 타입을 표현하고 싶을 때, 지정한 여러 타입의 합집합을 의미하는 Union 타입과 교집합을 의미하는 Intersection 타입을 사용할 수 있다. Union 타입은 | 연산자를, Intersection 타입은 & 연산자를 사용한다. 👾 Union Types 유니온 타입은 여러 타입 중 하나가 될 수 있는 값으로, 서로 다른 두 개 이상의 타입을 세로 막대 | 로 구분하여 만든다. let value: string | number | boolean; 👩🏻💻 Union type 기본 예시 function printValue(value: number | string): void { if (typeof value === 'nu.. VSCode에서 TypeScript 환경 설정하기 👾 VSCode에서 TypeScript 환경 설정하는 방법 본격적으로 TypeScript 학습을 하기 위해 VSCode에서 환경 설정을 했다. 과정이 마냥 단순한건 아닌것 같아서 정리를 해두기로 했다. 혹시나 다음에 다시 보게될 나를 위해, 혹은 나처럼 처음 타입스크립트를 공부하거나 사용하기 위한 환경 세팅을 하는 누군가를 위해 :) 1. 새로운 프로젝트 생성 (📁 learn-typescript) # learn-typescript 폴더에서 새로운 프로젝트 초기화 npm init -y ✨ OPTION. scripts 명령어로 build와 start 실행하기 위한 package.json 설정 { "name": "learn-typescript", "version": "1.0.0", "description": .. Section4 Unit5 [TypeScript] 기초 - 타입스크립트 시작 Section4 Unit5 [TypeScript] 기초 - 타입스크립트 시작 📌 Chapter1. TypeScript • TypeScript는 JavaScript에 정적타입 검사와 클래스 기반 객체 지향 프로그래밍 등의 기능을 추가하여 개발된 언어로, JavaScript가 발전하면서 생긴 단점을 보완하기 위해 등장하게 되었다. VSCode에서 TypeScript 환경 설정하기 👾 VSCode에서 TypeScript 환경 설정하는 방법 본격적으로 TypeScript 학습을 하기 위해 VSCode에서 환경 설정을 했다. 과정이 마냥 단순한건 아닌것 같아서 정리를 해두기로 했다. 혹시나 다음에 다시 보 fay-story.com 타입스크립트 학습을 위한 VSCode 환경설정 하는 방법을 따로 기록해두었다 :) .. 이전 1 다음
