왓누씨의 개발일기
close
프로필 배경
프로필 로고

왓누씨의 개발일기

  • 분류 전체보기 (60)
    • DEVELOPMENT (58)
      • HTML & CSS (1)
      • JavaScript (18)
      • React.js (14)
      • Typescript (11)
      • Next.js (2)
      • Node.js (1)
      • PROJECT NOTES (9)
      • PROJECTS (2)
    • 일상 (0)
      • 생각나누기 (0)
    • ...기타 (2)
      • BOOK CLIP (0)
      • REVIEW (2)
  • 홈
  • 태그
  • 방명록
[TS] 타입 계층과 변환 개념 (업캐스팅, 다운캐스팅, unknown, never)

[TS] 타입 계층과 변환 개념 (업캐스팅, 다운캐스팅, unknown, never)

01타입스크립트에서 타입이란?타입스크립트에서 타입(Type)이란 값이 가질 수 있는 형태나 범위를 제한하는 것입니다.예를 들어, 숫자만 들어갈 수 있는 변수를 만들 수도 있고, 글자(문자열)만 들어갈 수 있는 변수를 만들 수도 있어요. 이를 통해 코드의 안정성을 높이고, 버그를 줄일 수 있습니다. 1. 타입의 기본 개념✅ 타입은 비슷한 성질을 가진 여러 개의 값(데이터)을 묶어둔 개념(집합)✅ 비슷한 속성을 가진 값들을 하나로 묶어 타입을 형성✅ 예를 들어, 숫자들은 number 타입, 글자들은 string 타입let num: number = 10; // 숫자 타입 (10, 20, -5 같은 숫자만 가능)let str: string = "hello"; // 문자열 타입 ("hello", "world..

  • format_list_bulleted Typescript
  • · 2025. 2. 25.
  • textsms
[TS] 타입스크립트 모든 타입 한 번에 정리

[TS] 타입스크립트 모든 타입 한 번에 정리

타입스크립트에는 다양한 타입들이 존재합니다.이번 글에서는 타입스크립트에서 지원하는 주요 타입을 정리해 볼게요. 🙂01원시 타입 (Primitive Type)동시에 하나의 값만 저장하는 타입입니다.📌 타입 주석 (Type Annotation): 변수명 뒤에 :을 붙여 타입을 지정하는 문법입니다.1. 숫자 타입 (number)타입스크립트에서 숫자를 다루는 모든 값은 number 타입으로 정의됩니다.let num1: number = 123;let num2: number = -123;let num3: number = 0.123;let num4: number = -0.123;let num5: number = Infinity;let num6: number = -Infinity;let num7: number = ..

  • format_list_bulleted Typescript
  • · 2025. 2. 25.
  • textsms
[TS] "Hello TypeScript World!"

[TS] "Hello TypeScript World!"

01TypeScript 란 프로그래밍을 하다 보면, 변수에 어떤 타입이 들어가야 하는지 헷갈릴 때가 많지요? 예를 들어, 숫자를 넣어야 하는데 실수로 문자열을 넣으면 에러가 날 수도 있고, 함수가 예상치 못한 값을 반환하면 디버깅하느라 시간 낭비하게 되죠. 이런 문제를 미리 잡아주는 게 바로 타입스크립트(TypeScript)입니다!1. 타입스크립트는 무엇인가요?타입스크립트는 마이크로소프트에서 만든 자바스크립트의 상위 확장 언어입니다. 쉽게 말하면, 자바스크립트에 "타입" 개념을 추가해서 코드 작성할 때 더 안전하게 만들 수 있도록 도와주는 언어죠.  자바스크립트처럼 동작하지만, 변수나 함수에 타입을 미리 정해두면 잘못된 타입을 사용할 경우 컴파일 시점에서 오류를 잡아줍니다.그리고 타입스크립트 코드는 바로..

  • format_list_bulleted Typescript
  • · 2025. 2. 25.
  • textsms
  • navigate_before
  • 1
  • 2
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (60)
    • DEVELOPMENT (58)
      • HTML & CSS (1)
      • JavaScript (18)
      • React.js (14)
      • Typescript (11)
      • Next.js (2)
      • Node.js (1)
      • PROJECT NOTES (9)
      • PROJECTS (2)
    • 일상 (0)
      • 생각나누기 (0)
    • ...기타 (2)
      • BOOK CLIP (0)
      • REVIEW (2)
최근 글
인기 글
최근 댓글
태그
  • #page router
  • #TypeScript
  • #React
  • #Promise
  • #실습예제
  • #JavaScript
  • #한입챌린지
  • #html
  • #css
  • #모던자바스크립트 deep dive
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.