typescript에서 여러 개의 type을 붙이고 싶다면
Intersection Types를 쓰면 된다.
Recent posts
React에서 object를 useState로 관리할 때 주의할 점
React에서 object를 useState로 관리한다면, setState를 할 때 반드시 새로 object를 만들어서 넣어라.
typescript keyof typeof
typescript에서 object의 모든 key값을 기준으로 무언가 작업(object 비교)를 할 때, type 때문에 골치아파진다. object의 type은 정해져 있는데, Object.keys() api를 사용하면 key가 string type으로 뽑혀 나온다. string ...
react useEffect는 dependency에 같은 값(?)이 들어오면 동작할까?
React 개발하다가 생각난 거. Object destructing으로 받아온 string값이 useEffect의 dependency로 들어있을 경우, object는 바뀌되 그 안의 string property의 값은 변경되지 않으면, useEffect는 동작할까? 검증을 위해 몇...
javascript Set 자료형이 object를 element로 한다면?
javascript Set 자료형에 object를 element로 넣는다면, 각 element가 unique한지 어떻게 구별하는 기준은 무엇일까? object 안의 property value까지 비교할까?
node_modules의 구조와 유령 의존성(phantom dependency)
node_modules의 구조
react에서 iframe contentWindow가 null일 때
iframe.contentWindow.postMessage(msg, '*');
npm audit fix –force 주의점
npm audit fix --force 를 하면 node module의 버전을 낮추기도 한다. 보안취약점이 발생하지 않는 버전을 찾기 때문.
웹팩으로 다른 프로젝트에서 번들링 한 파일을 가져다 쓰기
다른 프로젝트에서 번들링 한 output 파일을 react 등 다른 frontend framework에서 가져다 쓸 수 있을까? 물론 이런 걸 하기 위해 모듈화를 하는 거지만, 간혹 레거시와 함께 해야 할 필요가 있을 때가 있다. craco를 쓰면 간단하다.
awk 예제
xargs는 리눅스에서 파이프라인 이전 단계를 standard input으로 하여 다음 명령을 실행하는 기능을 한다.
AWS CodeDeploy에서 LastModified가 30일 지난 파일들을 삭제하는 bash script
AWS S3에 예전 배포 파일들이 쌓여있으면 관리하기 어렵다. 배포를 자주 할 수록 더욱 그렇다. 그러니 파일 변경일을 기준으로 30일 이상 지난 파일을 삭제해보자.
AWS CodeDeploy build artifact 남기기
‘*/’ 로 설정해야 하위 디렉토리의 파일까지 재귀적으로 artifact에 포함된다. AWS 문서에도 나와 있기는 한데… 다소 애매하게 설명하고 있어서 놓치기 쉽다.
AWS CloudFront error page 설정에서 주의할 점
CloudFront(이하 CF)에서 error page redirection은 1회의 request에서 1회만 가능하다. 2회 이상 동작하지 않는다. 예를 들어보자.
AWS codeBuild에서 build artifact와 source artifact
build artifact는 codeBuild가 build를 마친 후, 그 결과물을 저장한 파일. 나중에 auto scaling 할 때 쓰인다 source artifact는 codeBuild가 build를 하기 위해 소스코드를 가져온 파일
CSSOM 과 inline-style
html parser가 inline style을 만나면 CSSOM을 만들기 위해 parser 동작을 일시 중지할까? cssom은 javascript가 css style을 조작하기 위한 모델이다 cssom은 외부 css를 받아오든, style tag를 만나든, inline styl...
create-react-app에서 npm run eject 두 번은 못한다고?
create-react-app으로 react 개발을 하다가, webpack 설정이 궁금해서 npm run eject를 해봤다. 설정을 훑어보고 git checkout -f 로 원복했는데… 다시는 npm run eject를 할 수 없었다.
CloudFront에 HTTP request를 보낼 때, 존재하지 않는 method(HTTP Verb)로 보내면 어떻게 될까?
CloudFront(이하 CF)에 HTTP request를 보낼 때, 존재하지 않는 method(HTTP Verb)로 보내면 어떻게 될까?
x-cache error from cloudfront
CloudFront의 Custom Error Page은 오로지 redirection을 할 뿐이지, 어떠한 side effect도 없다. AWS 엔지니어에게 확인받음. 그러니 response header에 x-cache: error from cloudfront 가 떠도 의도한 바라면...
on transition cancel
진행 중인 transition이 취소되면? transitionEnd event가 발생하지 않는다. 이렇게 되면 transitionEnd를 기준으로 event를 발생시키는 javascript 앱에 오류가 발생한다.