본문 바로가기

타입스크립트4

[React + TS] 대한민국 지역 선택(시, 군, 구) Select Box 만들기 프로젝트에 들어갈 지역 선택 select box를 만들어야 했다.다른 방법들은 복잡한거 같아 무식하지만 확실한 방법을 선택했다. 그냥 냅다  지역을 배열로 구현하였다.export const area = [ { name: "서울", subArea: [ "강남구", "강동구", "강북구", "강서구", "관악구", "광진구", "구로구", "금천구", "노원구", "도봉구", "동대문구", "동작구", "마포구", "서대문구", "서초구", "성동구", "성북구", "송파구", "양천구", "영등포구", "용산.. 2024. 8. 16.
[TS] type VS interface 차이점 타입스크립트에서 타입을 선언할 때 type 키워드와 interface 키워드를 사용할 수 있다. 이 두가지 키워드의 공통점으로는 둘 다 객체의 모양을 특정하여 타입스크립트에게 알려주기 위해 사용한다는 것이다. 일반적으로 type은 자료형을 만들 때 사용하고 interface는 객체의 형태를 작성할 때 사용하는 것으로 보는 것이 바람직하다. type 객체의 타입을 string, boolean 등과 같은 concrete 타입이 아닌 특정 값으로 한정지을 때 아래와 같이 사용할 수 있다. type Color = 'red' | 'blue' | 'green' type 키워드의 일반적인 사용 type Player = { nickname: string, healthBar: number } const Lee: Play.. 2023. 11. 1.
[TS] 타입스크립트 데이터 타입의 종류 let myname:string = "lee"; 위의 코드처럼 타입스크립트는 변수 선언 시 데이터 타입을 지정한다. 이렇게 하면 타입스크립트를 자바스크립트로 컴파일 할 때 데이터 타입에 다른 값이 할당되려 할 때 오류를 발생시켜 개발자에게 알려준다. 이를 통해 코딩할 때 버그를 잡을 수 있다. 타입스크립트 데이터 타입 종류 기본 데이터 타입 number: 숫자 타입으로, 정수와 실수를 포함 string: 문자열 타입 boolean: 참(true)과 거짓(false)을 나타내는 불리언 타입 null: 값이 없음을 나타내는 타입 undefined: 값이 할당되지 않은 변수의 기본값인 타입 사용 예시) //number 타입 let age:number = 30; //string 타입 let car:string .. 2023. 10. 30.
[TS] 타입스크립트를 사용하는 이유 TypeScript? 타입스크립트는 자바스크립트의 기본적인 틀을 가져가면서 거기에 타입 지정이라는 옵션을 얹은 것이라고 생각하면 된다. 초창기의 웹페이지는 지금의 웹페이지처럼 사용자와 인터랙티브한 기능이 많지 않았고, 도서관에서 책을 꺼내보듯이 인터넷 생태계에 많은 양의 정보를 저장해두고 꺼내보는 형식이었다. 그래서 자바스크립트는 견고한 구조를 짜기보다는 빠르게 어떤 기능을 만들기 위해 개발된 언어였다. 그러나 복잡한 웹앱들이 등장하고 프론트 쪽에서 할 일이 많아짐에 따라 견고한 프로그램이 만들어질 필요성이 요구되자 다른 정적 타입 언어들처럼 자바스크립트에도 견고하게 만들 수 있는 언어의 기능이 필요해졌다. 그래서 등장한 것이 타입스크립트이다. 자바스크립트(Javascript) VS 타입스크립트(Type.. 2023. 10. 30.

티스토리툴바