typescript keyof typeof
In typescript, when you want to do something (like comparing objects) based on all of an object’s keys, the type becomes a headache. The object’s type is fix...
Recent posts
react useEffect는 dependency에 같은 값(?)이 들어오면 동작할까?
React 개발하다가 생각난 거. Object destructing으로 받아온 string값이 useEffect의 dependency로 들어있을 경우, object는 바뀌되 그 안의 string property의 값은 변경되지 않으면, useEffect는 동작할까? 검증을 위해 몇...
Does react useEffect run when the dependency receives the same value(?)
Something that came to mind while working on React. When a string value obtained through object destructuring is in a useEffect’s dependency, if the object c...
javascript Set 자료형이 object를 element로 한다면?
javascript Set 자료형에 object를 element로 넣는다면, 각 element가 unique한지 어떻게 구별하는 기준은 무엇일까? object 안의 property value까지 비교할까?
What if a JavaScript Set holds objects as elements?
If you put objects as elements into a JavaScript Set, what is the criterion for deciding whether each element is unique? Does it compare even the property va...
What to do when npm audit finds security vulnerabilities
The Situation
node_modules의 구조와 유령 의존성(phantom dependency)
node_modules의 구조
The Structure of node_modules and Phantom Dependency
The Structure of node_modules
react에서 iframe contentWindow가 null일 때
iframe.contentWindow.postMessage(msg, '*');
When iframe contentWindow is null in React
iframe.contentWindow.postMessage(msg, '*');
npm audit fix –force 주의점
npm audit fix --force 를 하면 node module의 버전을 낮추기도 한다. 보안취약점이 발생하지 않는 버전을 찾기 때문.
Things to Watch Out for with npm audit fix –force
Running npm audit fix --force can also downgrade the version of a node module. That’s because it looks for a version where the security vulnerability doesn’t...
웹팩으로 다른 프로젝트에서 번들링 한 파일을 가져다 쓰기
다른 프로젝트에서 번들링 한 output 파일을 react 등 다른 frontend framework에서 가져다 쓸 수 있을까? 물론 이런 걸 하기 위해 모듈화를 하는 거지만, 간혹 레거시와 함께 해야 할 필요가 있을 때가 있다. craco를 쓰면 간단하다.
Using a bundled file from another project with webpack
Can you take an output file bundled in another project and use it in a different frontend framework such as React? Of course, the whole point of modularizati...
awk 예제
xargs는 리눅스에서 파이프라인 이전 단계를 standard input으로 하여 다음 명령을 실행하는 기능을 한다.
awk examples
On Linux, xargs takes the output of the previous stage in a pipeline as standard input and uses it to run the next command.
AWS CodeDeploy에서 LastModified가 30일 지난 파일들을 삭제하는 bash script
AWS S3에 예전 배포 파일들이 쌓여있으면 관리하기 어렵다. 배포를 자주 할 수록 더욱 그렇다. 그러니 파일 변경일을 기준으로 30일 이상 지난 파일을 삭제해보자.
A bash script to delete files in AWS CodeDeploy whose LastModified is more than 30 days old
When old deployment files pile up in AWS S3, they become hard to manage. The more frequently you deploy, the worse it gets. So let’s delete files that are 30...
AWS CodeDeploy build artifact 남기기
‘*/’ 로 설정해야 하위 디렉토리의 파일까지 재귀적으로 artifact에 포함된다. AWS 문서에도 나와 있기는 한데… 다소 애매하게 설명하고 있어서 놓치기 쉽다.