분류 전체보기50 식별할 수 있는 문자열(문자열 리터럴) 확인하는 방법 string extends T를 추가로 검사하면 string은 문자열 리터럴 타입을 상속하지 않으므로 string과 문자열 리터럴 타입을 구분할 수 있게 된다. 이것을 활용하여 다음과 같은 유틸리티를 만들었다. HTML 삽입 미리보기할 수 없는 소스 const categoryListPath = routerPaths.categoryList({ userName: 'gururu' }) // => '/gururu/category' 이러면 routeMatch에 경로에 해당하는 문자열만 추가해주면 알아서 routerPaths에 해당하는 generator 함수가 만들어진다. 2022. 4. 22. 컴포넌트 내의 모든 이미지 렌더링 된 이후 감지하는 훅 wrapper 내의 컴포넌트에서 img들을 전부 불러왔는지 체크하는 훅을 만들어보았다. 특정 범위 내의 이미지가 전부 렌더링 된 후 처리를 해야하는 경우 유용하다. (나의 경우엔 이미지 전부 로드된 후 스크롤 시키는 작업을 함) 이미지가 캐싱된 케이스를 고려해 이미 로드가 된 채로 온 경우와 에러났을 경우의 예외처리를 하였다. HTML 삽입 미리보기할 수 없는 소스 이렇게 사용하면 된다. 2022. 3. 28. live template 작성 모음 jetbrains사 제품들에 사용되는 유용할만한 live template을 만드려 보려 한다. jetbrains사 제품을 쓰는 사람들은 알겠지만, 매크로와 같은 기능을 한다. 생산성 향상에 직접적으로 큰 도움이 된다. 1. 네이밍 const $NAME$ = () => { $END$ } - variables NAME: groovyScript("return \"${_1}\".replaceAll(\"[._-]([a-z])\", { it[1].toUpperCase() })", regularExpression(filePath(), "\\/.+?([^\\/]+)?(?:\\/index)?(?:\\.[^.]+)$", "$1")) regularExpression으로 filePath에서 index파일인 경우 상위 폴더, .. 2022. 2. 16. 글귀 감명 깊은 글귀 모음 2021. 10. 18. 이전 1 2 3 4 5 6 ··· 13 다음
