Frontend

React Router v6

react-router-dom은 v6으로 업그레이드 React Router v6는 2021년 11월 2일에 공식적으로 출시되었다.React Hooks와 더 나은 통합을 제공하며, 번들 크기가 줄어드는 등의 장점이 있다.npm install react-router-dom@latest // v6.2.2npm install --save-dev @types/react-router-dom // 타입 정의 패키지  useNavigate() 훅을 도입해 useHistory()를 대체했다.useHistory가 navigation과 통합되어 사라졌다.하지만 useNavigate를 사용하여 동일한 기능을 수행 할 수 있다.API가 간소화되었다.가 로 대체되었다.또한 exact 속성이 삭제되어 경로 매칭이 더 간단해졌다. ..

메일 주소의 유효성을 검사하기 위한 정규 표현식(Regex) 패턴을 제공하는 사이트

Email PatternJavaScripthttps://emailregex.com//^(([^()\\[\\]\\\\.,;:\\s@"]+(\\.[^()\\[\\]\\\\.,;:\\s@"]+)*)|(".+"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/이 정규식은 이메일 주소의 다양한 형식을 매우 엄격하게 검사한다.이메일 로컬 부분에서는 특수 문자 (),;:\\[] 및 공백을 허용하지 않으며, 큰 따옴표(")로 감싸인 텍스트를 허용한다.도메인 부분에서는 IP 주소 형식(123.123.123.123)이나 도메인 네임 형식을 허용한다.도메인의 최상위 도메인은 2글자 이상이어야 한다.이..

Node.js 환경에서 파일과 디렉터리를 재귀적으로 삭제할 수 있게 해주는 유틸리티

Node를 위한 UNIX 명령 rm -rf이다. (폴더 삭제)Cross-Platform 방식은 rimraf라는 것을 사용한다.https://www.npmjs.com/package/rimraf  rimraf는 Node.js 환경에서 파일과 디렉터리를 재귀적으로 삭제할 수 있게 해주는 유틸리티이다. 특히, Windows와 같이 파일 시스템 잠금 이슈가 있는 플랫폼에서도 문제없이 동작하도록 설계되어 있다.rimraf는 npm에서 설치할 수 있는 패키지로, 명령어 하나로 모든 하위 디렉터리와 파일을 강제적으로 삭제할 수 있게 해 준다. 이를 통해 rm -rf와 비슷한 동작을 Node.js에서 쉽게 사용할 수 있다.설치npm install rimraf  사용 예시rimraf('path/to/directory', ..

GraphQL Code Generator, 타입스크립트 정의 자동 생성

GraphQL Code Generator 주요 기능:GraphQL 쿼리로부터 타입스크립트 타입 생성Apollo Client, React Hooks와 통합 지원GraphQL 스키마 및 쿼리 자동 생성  설치, Apollo와 함께 사용할 GraphQL Code Generator 플러그인을 설치https://the-guild.dev/graphql/codegen/docs/getting-started/installationnpm i graphqlnpm i -D typescript @graphql-codegen/clinpm i-D @graphql-codegen/typescript-operations @graphql-codegen/typescript // codegen.tsimport type { CodegenCon..