creamymood의 개발 공부 발자취 💭

union이랑 intersection은 합집합과 교집합으로 이해 하면 된다! Union : 합집합 union 하나하나 내부의 속성이 다있는게 합집합이 아니라..A에도 속할 수 있고, B에도 속할 수 있고, 둘 다 에도 속할 수 있는 모든게 union.처음에 혼자 공부할 때는, (...)let union1: Union1 = { // ✅ name: "", color: "",};let union2: Union1 = { // ✅ name: "", language: "",};let union3: Union1 = { // ✅ name: "", color: "", language: "",};let union4: Union1 = { // ❌ name: "",};이게 이해가 잘 안됐다.. 둘 다 포함..

TypeScript 공부하기 - 타입 스크립트 등장 배경과 타입스크립트의 장점, 타입 스크립트의 동작 원타입스크립트의 등장 배경자바스크립트는 동적 타입 시스템으로 다소 자유롭고 유연한 타입 시스템을 가진 프로그래밍 언어다.초기에 단순한 종류의 상호작용을 위해 개발되었기 때문에, 그다creamymood.tistory.com타입스크립트의 등장 배경은 다음과 같았다. 타입스크립트는 타입 검사를 해주는 똑똑한 자바스크립트고, 보다 본격적으로 타입스크립트 문법을 살펴보기 전에.핵심인 이 "타입"들에 대해서 또 한번 짚어볼 개념이 있다. 앞서 살펴본 여러가지 타입들.. 이 타입들은 결국 모두 집합이다. 이 말은, 타입끼리 서로 관계와 연관성이 있다. (예를 들어, 숫자 타입에는 1, -10, 100 이러한 많은 숫..

몇가지 타입들을 익혔으니 눈으로 보기보다 익숙해지기 위해서직접 코드 치면서 연습해보기 ~1. 제일 쉬운. 숫자 카운터 만들기 연습부터. 리액트때 조금 단련이 되어 있어서 역시나 문법은 어렵진 않았고(1) useState나 (2) Props에 타입을 정해주는 부분을 배웠다. (1) useState에 타입 지정해주기 const [count, setCount] = useState(0);import { useState } from "react";function Counter() { const [count, setCount] = useState(0); //이부분! const handleIncrease = () => { setCount(count + 1 ) } const handl..