해당 포스트는 AWS-EC2, nginx, certbot을 이용한 배포 방법에 대한 포스트입니다. 깊은 이해도를 갖고 설명하기 보다는 구글링을 통해서 찾은 방법들을 한곳에 모아서 정리하는 포스트입니다.( nginx, certbot, ssl이 무엇인지는 이후에 공부하고 따로 포스팅할 예정입니다… 🥲 ) 🐊 AWS-EC2 무료로 사용하기...

해당 포스트는 웹에서 @font-face를 이용해 폰트 및 굵기 적용 방법에 대한 포스트입니다. 폰트는 시작하는 시점에 메인, 서브, 특수 폰트 세 가지 정도를 정하고 사용하는 것이 좋은 것 같습니다.개발 도중에 적용하면 레이아웃이 달라지거나 굵기가 원하는 대로 적용이 안 되는 경우가 발생합니다 🥲 ❓ 작성 이유 최근에 blegram...

해당 포스트는 blegram이라는 솔로 프로젝트를 만들면서 사용했던 Next.js 13의 SSR과 Fetch API에 대한 내용을 기록하는 포스트입니다. 아직 Next.js 13에 대해 공부가 부족한 부분이 많아서 잘못된 내용이 포함되어있을 확률이 높습니다…🥲지금 기록해두지 않으면 나중에 지금의 경험을 잊을 것 같아서 기록하는 용도로 작...

해당 포스트는 blegram이라는 솔로 프로젝트를 만들면서 사용했던 react-query에 대한 내용을 기록하는 포스트입니다. 🧨 옵션 값 아래의 옵션 값들은 공통적으로 사용할 수 있는 옵션 값이고, 구체적인 요청에서 다시 설정할 수 있습니다. ( ChatGPT가 번역한 설명 ) cacheTime: 데이터가 캐시되어 유지되는 시간을 결...

해당 포스트는 러닝 타입스크립트 15장을 읽고 정리한 포스트입니다.책의 모든 내용을 작성하는 것이 아닌 주관적인 기준에 따라 필요한 정보만 정리했습니다. 🧩 매핑된 타입 매핑된 타입은 키 집합의 각 키에 대한 새로운 속성을 만들어 새로운 타입을 생성하는 것을 의미합니다. 인덱스 시그니처([i: string])와 유사하지만 :대신 in을 사용합...

해당 포스트는 러닝 타입스크립트 14장을 읽고 정리한 포스트입니다.책의 모든 내용을 작성하는 것이 아닌 주관적인 기준에 따라 필요한 정보만 정리했습니다. JavaScript의 구문을 확장한 TypeScript만의 구문에 대한 내용입니다. 구문 확장은 기존 언어와 충돌될 수 있기 때문에 나쁜 사례로 간주합니다. 🥚 클래스 매개변수 속성 매개변...

해당 프로젝트는 Next.js + TypeScript를 기반으로 만드는 인스타그램 클론 개인 프로젝트입니다. AWS-S3를 이용한 게시글의 여러 이미지를 업로드하는 로직에 대한 포스터입니다.자세한 부분은 이미지 업로드 - (4)를 참고해주세요! 타입과 코드들을 각각 모두 파일을 분리해서 작성했기 때문에 일부분만 가져온 간소화된 ...

해당 프로젝트는 Next.js + TypeScript를 기반으로 만드는 인스타그램 클론 개인 프로젝트입니다.프로젝트를 진행하면서 겪은 간단하지만 기록하고 싶은 부분을 작성하는 포스트입니다. 🎠 Carousel 컴포넌트 react-slick을 이용해서 만든 이미지 캐루셀입니다. styled-components와 같이 사용해서 커스터마이징했으며...

해당 프로젝트는 Next.js + TypeScript를 기반으로 만드는 인스타그램 클론 개인 프로젝트입니다. react-query와 InterectionObserver API를 이용한 게시글 무한 스크롤링에 대한 포스트입니다. 타입과 코드들을 각각 모두 파일을 분리해서 작성했기 때문에 일부분만 가져온 간소화된 코드입니다. 📃...

해당 포스트는 러닝 타입스크립트 11장을 읽고 정리한 포스트입니다.책의 모든 내용을 작성하는 것이 아닌 주관적인 기준에 따라 필요한 정보만 정리했습니다. 🧤 선언 파일 선언 파일은 앰비언트 컨텍스트라는 코드 영역에 생성됩니다. .d.ts 파일은 런타임 코드를 포함할 수 없는 선언 파일입니다. // person.d.ts export...