전체 글 검색 결과

해당 글 231건

[JS] ?? 와 || 연산자 차이

nullish coalescing operator (??)?? 연산자는 null, undefined 인 경우 기본값을 제공하는 연산자입니다.const value = variable ?? "default";variable 값이 null, undefined 인 경우 default 값으로 설정됩니다.logical or operator (||)falsy 값인 경우 기본값을 제공하는 연산자입니다.즉, 개발자의 의도와 맞지 않게 false, 0, '', NaN 과 같은 값에서도 default 값으로 설정될 수 있습니다.const value = 0 || "default"; // defaultconst value = 0 ?? "default"; // 0strictNullChecks 설정tsconfig.json 파일 s..
공유/JavaScript, TypeScript 2024. 10. 22. 18:27

[eslint] 불필요한 타입 단언 (as) 찾기

불필요한 타입 단언, 불필요한 as 찾기TypeScript로 개발 시 as의 사용은 버그를 발생시킬 수 있기 때문에 지양하게 됩니다.그러나 개발하다보면 어쩔 수 없이 as를 사용하게 되는 부분이 있습니다.이때 타입 추론이 되었는데 작성하는 경우도 있습니다.이렇게 불필요하게 작성된 as를 찾아주는 규칙을 알아보겠습니다.{ "rules": { "@typescript-eslint/no-unnecessary-type-assertion": "error" }}no-unnecessary-type-assertion해당 규칙은 타입을 명확히 알고 있음에도 불구하고 as를 이용하여 타입 단언한 경우를 찾아줍니다.const someValue: string = "Hello";const value = someValue..
공유/기타 2024. 10. 22. 18:26

[JS,TS] 문자열에 있는 uuid 제거하기

문자열에 있는 uuid 제거하기window.location.pathname으로 주소창에 있는 데이터를 사용할 일이 있었습니다.이 경우 다이나믹 라우팅을 위해 uuid가 있는 경우, 해당 uuid를 제거하여 보여주어야 했습니다.uuid를 간단하게 제거할 수 있는 함수를 구현해봅시다. const removeUUID = (str: string) => { // UUID 감지 정규식 (8-4-4-4-12) const uuidRegex = /[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}/; return url.replace(uuidRegex, "");}위처럼 정규식을 이용하면 간단하게 uuid를 제거할 수 있습니..
공유/JavaScript, TypeScript 2024. 10. 21. 19:03

[JS,TS] 문자열로 되어 있는 new Date 함수 실행하기

문자열로 되어 있는 new Date 함수 실행하기로그를 이용하여 사용자 행동 패턴 분석을 확인할 수 있는 서비스를 구현하고 있습니다.프론트에서 aggregation 명령어를 작성하여 문자열 그대로 서버에 전송하여, 서버에서 문자열을 파싱하여 제대로 된 aggregation 명령어로 변환 후 실행합니다.이 경우 프론트에서 new Date("날짜") 함수를 작성하게 되면 문자열이기 때문에 서버에서 제대로 처리를 할 수 없습니다.모든 경우가 아래처럼 key, value 형태인 객체로 되어 있습니다.아래 형태가 모두 문자열이라고 가정하고 new Date를 어떻게 실행시킬 수 있을까, 실행하는 방법을 알아보도록 하겠습니다. date: { $gte: new Date("날짜"), $lte: new Date(..
공유/JavaScript, TypeScript 2024. 10. 21. 19:02

[JS,TS] 문자열로 되어 있는 정규식 실행하기

문자열로 되어 있는 정규식 실행하기로그를 이용하여 사용자 행동 패턴 분석을 확인할 수 있는 서비스를 구현하고 있습니다.프론트에서 aggregation 명령어를 작성하여 문자열 그대로 서버에 전송하여, 서버에서 문자열을 파싱하여 제대로 된 aggregation 명령어로 변환 후 실행합니다.이 경우 프론트에서 new RegExp("정규식") 함수를 작성하게 되면 문자열이기 때문에 서버에서 제대로 처리를 할 수 없습니다.모든 경우가 아래처럼 key, value 형태인 객체로 되어 있습니다.아래 형태가 모두 문자열이라고 가정하고 new RegExp 어떻게 실행시킬 수 있을까, 실행하는 방법을 알아보도록 하겠습니다. 코드const regexs = obj[key].match(/new RegExp\((.+?)\)/..
공유/JavaScript, TypeScript 2024. 10. 21. 18:59