aws-sdk (S3 가져오기)
·
Dev
개인 블로그에 있는 내용 중 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
·
Typescript
타입스크립트 사용 중 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
next.config.js 정리
·
Next.js
Next.js로 프로젝트를 진행하다 보면 next.config.js의 설정을 바꿔야 할 때가 있다.자주 사용하는 설정에 대해 정리하고자 한다. reactStrictModeapplication 내에서 문제가 일어날 수 있는 부분에 대한 경고를 알려주는 기능이다.Nextjs 문서에서는 strict mode를 활성화하는 것을 추천한다./** @type {import('next').NextConfig} */const nextConfig = { reactStrictMode: true,};module.exports = nextConfig; swcMiniftyswcMinifty이란 Terser와 비슷한 역할을 한다. 필요 없는 공백이나, 주석을 삭제하여 용량을 줄이고, 해당 스크립트를 해석할 수 없도록 암호화 하는..
minsun309