리렌더링 여부를 편하게 확인 할 수 있는 크롬 확장 프로그램 중 하나인 React Developer Tools 사용법에 대해 정리했다.설치chrome extention에서 react develop tools을 설치한다. React Developer Tools - Chrome 웹 스토어Adds React debugging tools to the Chrome Developer Tools. Created from revision ccb20cb88b on 7/3/2024.chromewebstore.google.com 설정확장 프로그램에서 React Developer Tools 세부 정보에 들어간다,세부 정보에서 사이트 액세스와 파일 URL에 대한 액세스 허용 설정하고, 시크릿 모드에서도 개발테스트를 허용한다면 ..

개인 블로그에 있는 내용 중 project 페이지에서 사용될 이미지는 AWS S3에 저장 후 페이지로 가져오는 방법을 선택해 해당 방법에 대해 정리해보았다.AWS SDK 사용법S3 서비스만 필요함으로 @aws-sdk/client-s3를 설치했다.개별 서비스 클래스를 바로 import 하면 메모리를 절약할 수 있다는 장점이 있다. npm @aws-sdk/client-s3AWS SDK for JavaScript S3 Client for Node.js, Browser and React Native. Latest version: 3.645.0, last published: 5 days ago. Start using @aws-sdk/client-s3 in your project by running `npm i @..

타입스크립트 사용 중 declare에 대해 숙지가 잘 되지 않아 정리하게 되었다.declaredeclare란 컴파일러에게 declare로 선언된 변수 또는 함수들을 이미 존재한다고 알리는 것이다. (타입 재 정의도 가능하다.) 컴파일러는 해당 선언문을 다른 코드의 정적 타입 확인을 위해 사용할 뿐 javascript로 컴파일 하지 않는다. 기본 사용법declare var foo: number; 사용 예시//age.jslet age = 20;//index.tsdeclare let age:number;console.log(age)   참고 Documentation - Declaration ReferenceHow to create a d.ts file for a modulewww.typescriptlang.org