본문 바로가기

IT215

IDE - intellij 중복 코드 찾아내기 jetbrain에서 제공해주는 모든 IDE는 같은 방법으로 가능합니다. 1. Inspect Code Code > Inspect Code 선택 2. scope 추가 Custom scope > 더보기 선택 중복코드를 확인할 파일 확장명 선택 3. Analyze 선택 결과 확인 중복된 코드는 발견되진 않았지만.. 이렇게 하면 된다. 다른것도 알려주니 오히려 좋네요ㅎㅎ https://www.jetbrains.com/help/idea/analyzing-duplicates.html Analyze duplicates | IntelliJ IDEA www.jetbrains.com 2023. 7. 4.
JS - replaceAll vs regex replace replaceAll() 메소드와 regex 이용하여 replace() 중 어느것이 더 빠른지 알아보겠습니다. 테스트 전 확인 String.prototype.replaceAll = function(search, replacement) { var target = this; return target.replace(new RegExp(search, 'g'), replacement); }; 테스트 //regex replace "this is it".replace(/ /g, "+"); //replaceAll "this is it".replaceAll(" ", "+"); 결과 replace regex가 3배정도 더 빠르게 나왔습니다. 이유는 예상으로 replaceAll 메소드 내부에서 RegExp instance를 .. 2023. 7. 4.
Web - Passive Event Listener() aka addEventListener() 개념 Touch, Wheel 이벤트 리스너는 사용자 액션을 추척하면서 다양한 scrolling 경험을 주기위해 유용한 함수입니다. 하지만 이 함수들은 사용자가 스크롤링 시 버벅이는 현상을 초래할 수 있다. 이유는 현 브라우저는 해당 이벤트 리스너가 scrolling을 방해하는지 알 수 없기 때문에, scrolling 되기 전에 callback 함수 내의 모든 코드가 실행 될 때 까지 항상 기다려야 하기 때문인데요. passive를 설정하면, 기다리지 않고 바로 scrolling해서 해결 할 수 있습니다. 즉, passive 설정한다는 의미는 preventDefault() 함수를 사용하지 않았으니 기다릴 필요 없다고 브라우저에게 알려준다고 보면 될거 같습니다. 특징 - passive: true인데 prev.. 2023. 7. 2.
TS - 5.0 New features Decorators 실험적인 기능으로 제공되었었지만, ECMAScript (Stage 3) 스펙에 맞게 업데이트 됨 개념 class, method, accessor, property, parameter에 함수를 붙여 기능을 확장하는 함수 차이점 decorator 함수를 만들 때 기존과 다른 파라미터를 넘겨 받는다. 5.0으로 마이그레이션을 해야한다면 꼭 유의해야 한다. nestjs에서 TS 5.0을 지원하는지 확인해야겠죠? // v4.9.5 function loggedMethod(target: any, propertyKey: string, descriptor: PropertyDescriptor){ console.log("target: ", target); console.log("propertyKey: ".. 2023. 7. 1.
node.js - 'digital envelope routines' 에러 시 해결 방법 원인 사용했던 Node 버전보다 높아서 아래와 같은 에러가 발생 Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:crypto:133:10) at module.exports (C:\Users\USER\IdeaProjects\todo2\node_modules\webpack\lib\util\createHash.js:135:53) at NormalModule._initBuildHash (C:\Users\USER\IdeaProjects\todo2\node_modules\webpack\lib\NormalModule.js:417.. 2023. 6. 29.
TS - unknown vs any 개념 unknown, any 타입을 지정하기 애매할 때 사용 unknown 타입이 뭔지 모르겠으니 개발자가 타입을 정확히 지정주어야 한다. typeof, instanceof 등 타입을 확인하여 적절한 타입 주입시켜 사용한다. Example code reference: https://docs.nestjs.com/exception-filters#catch-everything @Catch() export class AllExceptionsFilter implements ExceptionFilter { constructor(private readonly httpAdapterHost: HttpAdapterHost) {} catch(exception: unknown, host: ArgumentsHost): void.. 2023. 6. 27.

티스토리툴바