.env 환경변수 파일 원격저장소에서 삭제시키기 ❓상황 .env 환경변수 파일이 원격저장소에 올라갔다는 몽고DB에서 이메일을 받게되었다. 🔎 원인 파악 .env 환경변수 파일에는 중요한 정보가 저장되어있기 때문에 보안문제가 발생할 수 있다. ✨ 해결 방법 server 폴더안의 .env파일을 삭제한다는 뜻이다. Root 폴더 경로에서 명령어를 실행해야한다. 안그러면 오류 메시지를 발생시킨다. git filter-branch -f --index-filter "git rm --cached --ignore-unmatch server/.env" --prune-empty -- --all 삭제 후, 원격저장소에 강제 push를 해야한다. git push origin dev -f 깃허브에 commit 기록도 삭제된다...

react-router-dom 라이브러리의 Link 컴포넌트( = useNavigate or redirect)를 사용할때, 작동이 제대로 되지 않는 상황 ❓상황 react-router-dom의 dynamic route를 이용하여 id param을 부여하여 URL을 생성하는 Route를 만들었다. dynamic route가 아닌 정적 route에서 URL이 다를 경우에는 Link 컴포넌트가 잘 작동했지만, id param을 가진 URL에서, 다른 id param을 가진 URL로 이동할때, Link 컴포넌트가 작동하지 않는다. 또한, useNavigate hooks와 redirect 함수도 마찬가지로 작동하지 않는다. 🔎 원인 파악 Route 컴포넌트를 이용하여 같은 컴포넌트를 렌더링 할 경우, React는..

'변수명' is defined but never used. eslint(@typescript-eslint/no-unused-vars)' ❓상황 처음 eslint 설정할때, 사용되지 않는 변수명이 있다면 typescript 파일 컴파일시 에러를 띄워주도록 했으나, 불가피하게 사용되지 않는 변수명이 있더라도 에러를 띄우지 않도록 @typescript-eslint/no-unused-vars의 값을 0으로 설정했음에도 에러가 발생했다. 🔎 원인 파악 알고보니 eslint 뿐만아니라, tsconfig.ts 파일에도 사용되지 않는 변수가 있다면 에러를 띄우도록 설정을 했다는 것을 뒤늦게 알게 되었다. ✨ 해결 방법 noUnusedLocals를 false로 변경 noUnusedLocals를 false로 변경하니 오류..

타입스크립트 유틸리티 타입 정리 ❓상황 타입스크립트 기본 개념 중 하나인 유틸리티 타입 정리 📖 유틸리티 타입이란? 기존의 type alias를 쉽게 변환할 수 있게 도와주는 타입을 뜻한다. 쉽게, 하나의 함수라고 생각하면 편하다. 🧮 정리 Partial : Type 타입의 모든 속성이 옵셔널로 변경된 타입을 반환 : 깊은 접근은 안되어 1차 깊이에만 적용된다. 모든 속성을 옵셔널로 바꾸는 것 보단, 일부 속성만 옵셔널로 바꾸는 때가 많아서, Partial 유틸리티 타입은 잘 사용되지 않는다. type Type = { a: string, b: string } /* type newType = { a?: string | undefined, b?: string | undefined } */ type newTy..

타입스크립트 맵드 타입 정리 ❓상황 타입스크립트 기본 개념 중 하나인 mapped type 정리 📖 맵드 타입이란? 기존에 정의되어 있던 타입을, 새로운 타입으로 변환해주는 문법이다. 아래는 변환 예시이다. // 기존 타입 type userType = { name: string, email: string } // 새로운 타입 type newUserType = { name: number, email: number } 🧮 정리 개요 위의 변환 예시를 보면, 기존 타입의 key는 동일하나, value는 달라진것을 알 수 있다. 이것을 변환하는 방법을 이해하기 위해서는 typeof, keyof, in 키워드를 알고 있어야한다. typeof 자바스크립트에 typeof 키워드가 존재하는데, 자바스크립트의 typeo..