creamymood의 개발 공부 발자취 💭

처음 볼 때 보다, 복습하며 하나 하나 익히니까, 그래도 조금은 눈에 익네..익숙해지자, 타입스크립트야 객체(Object)자바스크립트에서 객체는 여러 개의 값을 **이름(키)**과 값의 쌍으로 저장하는 자료형.const person = { name: "Jane", age: 25}; 타입스크립트에서의 객체 정의 방법타입스크립트에서는 두가지 방법으로 객체를 정의할 수 있는데(1) 첫번째는 객체를 직접 나열해서 할 수 있는 일반적인 방법이 있고, (2) 정확하게 타입 지정을 하기 위해 또는 예외를 다루기 위한 조금 독특한 방법으로, 객체 속성(Properties)에 대해 개별적으로 직접 정의할 수 있는 방법이 있다. (1) 객체 리터럴 방법 (기본 문법)let person: { name: string..

자바스크립트와 크게 다르지 않은 타입스크립트의 배열, 그리고 그 배열과 정말 유사한 타입스크립트만의 타입인 튜플.두 타입에 대해서 알아보자. 배열먼저 배열은 여러 개의 값을 하나의 변수에 담을 수 있는 자료형let fruits = ["apple", "banana", "orange"]; ❶ TS에서의 배열 타입 정의 방법배열을 정의 하는 방법에는 두가지 방법이 있는데,// (1) 문자열만 가지는 배열let fruits: string[] = ['Apple', 'Banana', 'Mango']// Or (2)let fruits: Array = ['Apple', 'Banana', 'Mango']// 숫자만 가지는 배열let oneToSeven: number[] = [1, 2, 3, 4, 5, 6, 7]// Or..

타입 스크립트의 중요도를 깨닫고,,갈 수록 헷갈려지는 멘탈을 다 잡고,,처음부터 다시 세세히 꼼꼼히 공부중 ! 화잇팅타입 지정 (Type Annotation) (=문법)일반 변수, 매개 변수, 객체 속성 등에 :TYPE 과 같은 형태로 타입을 지정해줄 수 있다.let name: string = "Jane";let age: number = 25;let isHappy: boolean = true;여기서 : string, : number 같은 부분이다. function someFunc(a: TYPE_A, b: TYPE_B): TYPE_RETURN { return a + b}let some: TYPE_SOME = someFunc(1, 2)이런 식으로 지정해줄 수 있고,function add(a: number,..

타입스크립트의 등장 배경자바스크립트는 동적 타입 시스템으로 다소 자유롭고 유연한 타입 시스템을 가진 프로그래밍 언어다.초기에 단순한 종류의 상호작용을 위해 개발되었기 때문에, 그다지 엄격성이 요구되진 않았다.유연한 장점 중 하나는, 우리가 직접 변수의 타입을 직접 정의하진 않아도 되는 편리함이 있다. 하지만 그러한 유연함이 단점이 될 때가 있는데,자유로운 만큼 오류나 버그 같은 비안정성인 문제가 있고, 이에 타입 스크립트가 등장했다. 타입 스크립트는 자바스크립트에 타입 검사가 실시된 자바스크립트의 확장판이라고 생각하면 쉽다.완전히 다른 문법이 아닌, 자바스크립트에서 타입을 직접 지정해주는 여러가지 문법이 추가 된 것이다. 타입 스크립트는 그렇다고 너무 엄격한 언어는 아니다. 정적 타입 시스템과 동적 타입..