타입스크립트 연산자, 이넘, 클래스 활용방법 간단 정리

타입스크립트🔵 연산자를 이용한 타입 정의Union Type ('|')- 한가지 이상 타입을 쓰고 싶을 때 사용 (파이프 '|' 연산자 활용)- 내부적으로 타입들을 구분할 수 있음 (타입가드에 활용)* 타입가드 : 특정 타입으로 타입의 범위를 좁혀나가는(필터링) 과정- 타입스크립트 관점에선 어떤 값이 들어올 지 모르기 때문에 공통의 보장된 속성만 사용 가능 (1) 타입가드의 역할function logAge(value: string | number) { console.log(value); // 타입가드 (number) if (typeof value === 'number') { // 이 스코프에서는 자연스럽게 number로 인식된다 console.log(typeof value); // n..

• format_list_bulleted Typescript
• · 2024. 3. 12.
• textsms

인덱싱 패턴과 딕셔너리 패턴

인덱싱 패턴과 딕셔너리 패턴안녕하세요. 오늘은 타입스크립트 카테고리에 올리기는 하지만 사실 타입스크립트에만 국한되는 개념이 아닌 인덱싱과 딕셔너리 패턴에 대해 정리해보겠습니다. 인덱싱 패턴과 딕셔너리 패턴 특징 및 차이점 - 두 패턴 모두 타입스크립트에만 국한되는 개념이 아니다- 차이점으로는 접근 방식에서 있다.- 또한 각각 데이터 구조가 다르다.근데 내 생각엔 걍 비슷한 것 같다 ㅠ 모가몬지🔵 인덱싱 패턴- '배열'을 기반으로 데이터를 저장한다.- 인덱스를 사용하여 각 요소에 접근한다.- 즉, 순서가 있는 컬렉션 (1) 인터페이스 정의interface Indexing { [index: number]: string;}- number타입의 index와 string을 반환하는 인터페이스 (2) 해당 인터..

• format_list_bulleted Typescript
• · 2024. 3. 9.
• textsms

타입스크립트 인터페이스와 타입별칭 특징과 차이점

인터페이스와 타입별칭안녕하세요. 김테이입니다. 오늘은 타입스크립트의 인터페이스와 타입별칭에 대해서 정리해보겠습니다. 타입스크립트를 사용하면 반드시 사용하게 되는 개념이라 잘 알아두면 좋을 것 같습니다. 😁 🔵 타입스크립트 인터페이스- 타입스크립트에서의 인터페이스는 객체와 함수의 스펙을 정의할 수 있다.- 객체의 스펙으로는 속성과 속성의 타입을 정의한다.- 함수의 스펙으로는 파라미터와 반환 타입을 정의한다. 인터페이스 기본 문법interface 인터페이스_이름 { 속성?: 타입;}- 인터페이스의 이름, 속성과 타입을 만들어두고 사용한다.인터페이스 정의interface User { age: number; name: string;}- 스펙 정의로 인해 속성과 속성의 타입이 기본 문법 토대로 정의..

• format_list_bulleted Typescript
• · 2024. 3. 6.
• textsms

타입스크립트 특징, 사용하는 이유, 타입별 간단한 선언 방법

안녕하세요. 테이입니다. 최근에 회사에서 타입스크립트를 쓰게 되어서 뒤늦게 타입스크립트를 배우는 중이에요 :)공부를 하면서 배운 내용들을 Typescript 카테고리에 정리를 해보려고 합니다.타입스크립트를 써보면서 느꼈던 게 개발 시작을 자바로 해서 그런지 타입 검사를 하는 게 낯설지는 않고 오히려 자바스크립트할 때 불안했던 부분들이 해소되는 느낌이라 좋네요.타입스크립트🔵 특징- 자바스크립트에 타입을 부여한 언어- 자바스크립트의 확장된 언어- 자바스크립트와 다르게 브라우저에서 실행하려면 파일을 한번 변환해줘야함 (컴파일)  🔵 쓰는 이유function sum(a: number, b: number): number { return a + b;}// 1. 에러 사정 방지sum(10, '20'); // 에..

• format_list_bulleted Typescript
• · 2024. 3. 3.
• textsms

[강의리뷰] 캡틴판교 Vue2 시리즈 강의 후기 | 인프런

캡틴판교 Vue2 시리즈 강의 후기캡틴판교(이름)님의 vue2에 대한 강의 시리즈다.강의별 길이와 구성은 아래와 같다. 1. Vue.js 시작하기 - Age of Vue.js (5시간 25분)뷰 간단 소개, 기본 인스턴스, 컴포넌트 간 통신방법, 라우터, axios 등 기본 사용법 학습 2. Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex (6시간 50) 투두앱 실습, vuex, 헬퍼 사용법 학습 3. Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념 (10시간 23)컴포넌트 재활용 방법, 비동기, Netlify 등 학습 4. Vue.js 끝장내기 - 실무에 필요한 모든 것 (8시간 22분)몽고DB 연동하기, 포맷팅, 네비게이션가드, 테스팅도구 등 기본 ..

• format_list_bulleted 강의
• · 2024. 2. 29.
• textsms