해당 포스트는 러닝 타입스크립트 10장을 읽고 정리한 포스트입니다.책의 모든 내용을 작성하는 것이 아닌 주관적인 기준에 따라 필요한 정보만 정리했습니다. 제네릭: 타입간의 관계 제네릭 타입 매개변수: 타입으로 받을 수 있는 변수들 타입 인수: 각 인스턴스 내에서 일관성있게 유지되는 타입 🪔 제네릭 함수 제네릭이란 타입 자체를 ...

해당 프로젝트는 Next.js + TypeScript를 기반으로 만드는 인스타그램 클론 개인 프로젝트입니다. AWS-S3를 이용한 이미지 업로드 로직에 대한 정리 포스트입니다. ( + presignedURL ) 타입과 코드들을 각각 모두 파일을 분리해서 작성했기 때문에 일부분만 가져온 간소화된 코드입니다. 🫗 이미지 업로드 ...

해당 프로젝트는 Next.js + TypeScript를 기반으로 만드는 인스타그램 클론 개인 프로젝트입니다.프로젝트를 진행하면서 만났고 해결한 간단한 경고와 에러에 대한 부분을 작성하는 포스트입니다. 🎛️ Next.js 13 Link와 styled-components 사용 문제 13 버전 이전의 Link는 <a>를 이용했지만, 13...

해당 프로젝트는 Next.js + TypeScript를 기반으로 만드는 인스타그램 클론 개인 프로젝트입니다. 해당 포스트는 프로젝트에서 react-query를 사용한 몇 가지 방법에 대해 정리하는 포스트입니다.개발을 진행하면서 작성된 내용이 수정될 수 있습니다. 🦴 세팅 react-query를 사용하기 위해 provider를 등록하면...

해당 프로젝트는 Next.js + TypeScript를 기반으로 만드는 인스타그램 클론 개인 프로젝트입니다. 📤 FE 프론트 영역의 컴포넌트 부분에서는 특별하게 설명할 부분이 없어서 넘어가겠습니다. react-query를 이용해서 데이터를 송/수신하고 react-tostify를 토스트 메시지를 보여주는 부분에 대해 작성하겠습니다. 0️⃣ ...

해당 프로젝트는 Next.js + TypeScript를 기반으로 만드는 인스타그램 클론 개인 프로젝트입니다. 📤 FE 0️⃣ react-hook-form 회원가입만이 아니라 해당 프로젝트에서 사용하는 form을 관리하기 위해서 선택한 라이브러리입니다. form에서 사용할 타입만 정의하고 정해진 방식대로 속성만 넣어준다면, form에 대한 데...

해당 포스트는 러닝 타입스크립트 9장을 읽고 정리한 포스트입니다.책의 모든 내용을 작성하는 것이 아닌 주관적인 기준에 따라 필요한 정보만 정리했습니다. 🗼 top 타입 top 타입은 시스템에서 가능한 모든 값을 나타내는 타입입니다. unknown은 top 타입이고 any도 top 타입이라고 볼 수 있습니다. 0️⃣ any 다시보기 any ...

해당 포스트는 러닝 타입스크립트 8장을 읽고 정리한 포스트입니다.책의 모든 내용을 작성하는 것이 아닌 주관적인 기준에 따라 필요한 정보만 정리했습니다. 클래스의 키워드 작성 순서는 접근성 / static / readonly 순서로 작성해야 합니다.( protected static readonly age: number = 20; ) 🔱...

해당 포스트는 러닝 타입스크립트 7장을 읽고 정리한 포스트입니다.책의 모든 내용을 작성하는 것이 아닌 주관적인 기준에 따라 필요한 정보만 정리했습니다. 🍻 타입 별칭 vs 인터페이스 인터페이스와 타입 별칭은 거의 동일하게 동작합니다. 하지만 미묘한 차이가 있고 그 차이를 이해하고 상황에 맞게 사용하는 것이 중요합니다. 인터페이스의 특징...

해당 포스트는 러닝 타입스크립트 6장을 읽고 정리한 포스트입니다.책의 모든 내용을 작성하는 것이 아닌 주관적인 기준에 따라 필요한 정보만 정리했습니다. 📇 배열 타입 배열은 초깃값을 기반으로 타입을 추론합니다. const arr1 = [1, 2]; // number[] const arr2 = [1, "2"]; // (number | stri...