type Operator = 'add' | 'substract' | 'multiply' | 'divide' | 'remainder'; function calculate(operator: Operator, num1: number, num2: number): number { switch (operator) { case 'add': return num1 + num2; case 'substract': return num1 - num2; case 'multiply': return num1 * num2; case 'divide': return num1 / num2; case 'remainder': return num1 % num2; default: throw new Error('에러다옹'); } } Union Ty..

🌊 타입 추론 타입 추론 (Type Inference) let num = 59; num = 'ogu'; // Type 'string' is not assignable to type 'number'. // num = 'ogu'; 변수 num은 타입이 지정되지 않았지만 숫자열을 할당 할당했기 때문에 자동으로 number type으로 유추하기 때문에 다른 타입으로 재 할당하면 오류가 발생한다. 문맥상의 타이핑 (Contextual Typing) 표현식의 context를 사용하여 그 표현식에 대한 유형을 추론하는 것을 의미하는데, 이 기능은 함수의 매개변수, 표현식, 타입이 명시적으로 주어지지 않는 상황에서 유용하게 사용됩니다. type Animal = { name: string; age: number; } c..

🌊 Union type, Intersection Type Union Type Union Type은 자바스크립트 논리연산자 ||와 같은 의미다. type ValueType = number | string | boolean; function formatValue(value: ValueType): string { return String(value); } union type으로 만들어진 ValueType 덕분에 formatValue함수는 number, string, boolean를 안전하게 전달받을 수 있어 안정성을 제공할 수 있다. // any type 사용 function addPrefixAny(prefix: string, value: any) { return prefix + value.toString..

🌊 TIL : 2023년 5월 28일 오늘 한 것 타입스크립트 입문! 타입에 대해 공부하였다. 잘한 점 상황 다음 주부터 부트캠프에서 타입스크립트를 배우는데 동기분과 단 둘이 타입스크립트 스터디를 진행하였다. 액션 자바스크립트와 다른 점은 무엇일까 🧐 고민하며 공부하였다. 칭찬 아직은 쉬운 부분이라 그런 지 이해는 잘 되었다.. 배운 점 배움 스스로 꼬리질문을 하며 이것과 다른 점은 무엇일까? 고민하며 공부하였다. 🐻 [Type Script] 기본 타입 🌊 기본 타입 타입스크립트 첫 시작이다 뿌셔뿌셔 Boolean Number String Object Array → 자바스크립트에선 Object인데 타입스크립트에선 Array가 따로 있다. Tuple Enum Any Void Null Undefined Ne..

🌊 기본 타입 타입스크립트 첫 시작이다 뿌셔뿌셔 Boolean Number String Object Array → 자바스크립트에선 Object인데 타입스크립트에선 Array가 따로 있다. Tuple Enum Any Void Null Undefined Never :을 통해 자바스크립트 코드에 타입을 표기(Type Annotation)할 수 있다. String let name: string = 'Ogu'; Number 16진수, 10진수 외에도 ES6에서 도입된 2진수와 8진수를 지원한다. let age: number = 59; Boolean let isLoading: boolean = false; Undefined let name: undefined; // 이렇게 쓰는 경우는 거의 없으며 let name..

🌊 5월 그로잉데이 코드스테이츠 5월 그로잉데이에 참가하였습니다. 4월 그로잉데이도 너무 즐겁게 보냈기 때문에 5월 그로잉데이 소식만을 기다리고 있었는데 5월 그로잉데이 소식을 듣고 정말 기절할 뻔했습니다. 저는 사실 부트캠프를 시작하기 전에 퍼블리셔로 1년 2개월간 근무한 이력이 있는데요. 웹디자인을 배우며 코딩을 처음 접하였고, 그때가 바로 21년도였습니다. 그러다 '내 트리를 꾸며줘!'가 친구들 사이에서 유행하기 시작하였고 저도 정말 재밌게 롤링페이퍼를 작성했었어요. 그때 개발자들이 모여서 이런 프로젝트를 만들어 사람들한테 기쁨을 줄 수 있구나..하고 알게 됐고 그때부터 저도 개발자의 꿈을 키워왔던 것 같아요. 이건 제 트리 사진인데요 ㅎ 2021년 트리 사진은 없지만 2022년 사진이 남아있어 들..

🌊 TIL : 2023년 5월 27일 오늘 한 것 오늘은 코드스테이츠 그로잉데이에 참여하였다. 후기 코드스테이츠 5월 그로잉데이 🌊 5월 그로잉데이 코드스테이츠 5월 그로잉데이에 참가하였습니다. 4월 그로잉데이도 너무 즐겁게 보냈기 때문에 5월 그로잉데이 소식만을 기다리고 있었는데 5월 그로잉데이 소식을 듣고 정 dreamogu59.tistory.com

🌊 TIL : 2023년 5월 26일 오늘 한 것 스터디모임 참여하기 TanStack Query 사용해보기 잘한 점 상황 스터디 모임에서 TanStack Query에 대해 발표하였다. 액션 이전에 부트캠프 솔로프로젝트를 제작하며 Redux에서 데이터를 받아오는 비동기 작업을 수행하는 것이 굉장히 번거롭다고 느껴졌다. 코드가 클라이언트 상태 관리와 데이터를 받는 일을 같은 곳에서 하다보니 로직도 복잡해보였고 구분하기 어려웠다. 그점 때문에 TanStack Query를 스터디분들께 소개하고자 하여 정리하여 발표하였는데, 내가 솔로프로젝트 코드리뷰를 받았을 때 크루님께서 라이브러리를 선택 할 때 이 라이브러리를 사용해야하는 근거를 잘 설득해야 한다고 말씀해주셨는데, 그 기억을 되살려 TanStack Query..