monorepo에서 테스트 작성하기

jest, yarn workspace, next.js 기준으로 작성되었습니다.Organizing tests with jest projects - 🚀 Jakub Homolyroot의 jest.config.js에서 jest의 projects옵션을 사용하여 root에서 t

2021년 9월 15일
·
0개의 댓글

node에서 path를 주면 하위 모든 directory의 file 찾기

next.js에서 소스맵 파일을 생성했다.sourcemap 파일만을 가진 디렉토리를 설정하기에는,1\. 모니터링툴에 sourcemap 올릴때 대응하는 js 파일의 path를 찾는 것2\. sourcemap 파일을 찾는 것이렇게 두가지의 로직을 작성해야해서, 한꺼번에 처

2021년 7월 30일
·
0개의 댓글

Next.js에서 sourcemap 생성하기

Next.js에서 sourcemap을 생성하는 방법production 빌드에도 소스맵을 추출할 수 있는 옵션이기 때문에, production 배포시에 반드시 sourcemap파일이 배포되지 않도록 처리해주어야한다.참고 : https://nextjs.org/do

2021년 7월 30일
·
0개의 댓글

node script

node script 작성시 유용했던 packagescript에서 받은 arg를 한땀한땀 파싱하지 않고 minimist를 이용하면 좀더 편리하게 파싱할 수 있다.file globbing for node.js. speedy and powerful alternative t

2021년 7월 29일
·
0개의 댓글

[Git] git revert

롤백해야한다.침착침착침착master 브랜치에는 rebase merge되어 있다.돌아가고픈 commit 에서 브랜치 생성 -> master로 PR날려보니 변경사항이 없다고 뜬다. 이 방법 탈락 아... 급 명령어가 생각안난다... 급한대로 노가다 리버트 시작..

2021년 2월 23일
·
0개의 댓글
post-thumbnail

AWS 컨테이너

VM: 하드웨어 추상화ec2Container: OS 추상화elastic container service, elastic kubernetes serviceServerless: Programming language 런타임 추상화AWS lambda필요시 올리고 내릴 수 있어

2020년 11월 25일
·
0개의 댓글

[fp_in_js] Applicative, Map, Bind

parallelsequencereference

2020년 11월 20일
·
0개의 댓글

[fn_in_js] 함수형 프로그래밍

다인자 함수를 단인자 함수로 변경해주는 것Partial Application의 일종함수를 인자로 받는 함수c, cpp, java는 함수를 값으로 받지 않아서 다른 방법을 사용해야한다. LISP 계열의 언어들은 가능하다.함수, 클래스 등으로 추상화OOP에서는 Animal

2020년 11월 17일
·
0개의 댓글

[fn_in_js] Haskell 타입 표기법

tshaskellhaskell에서는 소문자 a를 type으로 본다. ts에서 제네릭 T처럼..함수를 일급객체로 다루면, 함수와 변수를 구분하지 않는다. 변수는 항상 같은 값을 리턴하는 함수로 볼 수도 있다.인자를 2개 받는 함수에 인자의 위치를 바꾸는 함수.reduce

2020년 11월 13일
·
0개의 댓글

[Git] interactive rebase

git 을 사용하다 보면,이미 커밋한 히스토리를 변경하거나 또는 삭제하거나,내용을 추가해야하는 상황이 자주 발생합니다.이때 사용할수 있는 명령이 바로 $git rebase -i 입니다.\-i 는 --interactive의 약어로 말 그대로 git rebase 명령어를

2020년 11월 9일
·
0개의 댓글

[yarn] yarn workspace를 이용한 monorepo 구성

하나의 repository에 여러 프로젝트, 패키지를 가진 것을 의미한다.eslint, prettier, babel루트에서의 package.jsonpackages directory 하위에 각 패키기지를 위치시키고, apps 하위 복수개의 프로젝트에서 접근해서 사용할 수

2020년 11월 9일
·
0개의 댓글

AWS 인프라 실습

public 서브넷 - igwprivate 서브넷 - nat gateway (proxy이다. outbound용 통신을 중계해준다. 외부 데이터, s3 파일 등.. 을 가져올 필요가 있을 경우 설정해서 routing을 설정해주면 데이터를 가져올 수 있다.)vpn에 명시적

2020년 10월 21일
·
0개의 댓글

AWS 기본 인프라

가용영역 (Accessibility Zone) : web서버를 이중화 해서 독립적으로 운영EC2에서 cpu, gpu, ram 설정물리 서버에 붙어있는 Instance Store(-) 휘발성, VM이 중지 및 재시작이되면 잃어버린다.(+) 로컬이라서 속도는 빠르다.EBS

2020년 10월 21일
·
0개의 댓글

[React Component] Controlled vs Uncontrolled Component

1\. 제어 컴포넌트폼 데이터는 React 컴포넌트에서 다루어진다.2\. 비제어 컴포넌트DOM 자체에서 폼 데이터가 다루어진다.초기값 지정 이후의 업데이트에는 제어하지 않는 것이 좋다. defaultValue를 사용한다.3\. Hooks Form 라이브러리react-h

2020년 10월 12일
·
0개의 댓글

[React hooks] useReducer

reducer란 무엇인가요?Re(act State Pro)ducer => Reducerreducer의 정의 정리다시말해, 리듀서라고 불리는 이유는 리듀서가 reduce()함수에서 사용하는 콜백함수이기때문에 리듀서라고 불립니다.(state, action) => newSt

2020년 9월 1일
·
0개의 댓글

[React hooks] useContext

React에서 nested한 Children Component에게 props를 전달해야할 경우, props를 계속해서 넘겨줘야하고, 변경 점이 생기면 모두 수정해줘야하는 상황이 발생한다.이때, React Context를 통해 global로 state를 관리할 수 있다.

2020년 8월 31일
·
0개의 댓글

[ssh] ssh key passphrase 재설정

ssh key의 passphrase 그냥 enter를 눌러 대충 만든 경우 업데이트가 필요할 때 아래와 같이 진행한다.아래 command로 현재 passphrase를 확인한다.$ ssh-keygen -y -f ~/.ssh/id_rsa_fileEnter passphras

2020년 8월 31일
·
0개의 댓글

[React hooks] useEffect

react의 Component Class 방식을 사용하다가 react hook을 알게 되니 신세계이다.state의 변경사항을 구독하고, 해제하는 code가 예를 들면 componentDidMount, componentDidUpdate 등.. 으로 파편화 되어 있고, 확

2020년 8월 28일
·
0개의 댓글

[ssh] github계정 여러개 사용하기

회사에서 발급받은 github 계정과 개인 github 계정을 ssh 설정을 통해 커밋시에 원하는 계정으로 커밋 로그 author가 남도록 설정하는데, 나는 GitKraken이라는 git client 툴을 사용하면서 겪은 삽질을 기록 ㅠㅠ한다.1)에서 복사한 ssh p

2020년 8월 23일
·
0개의 댓글

[Git] Submodule

git에서 여러 repository에서 공용으로 사용해야하는 로직을 모아둔 모듈을 만들고 각 레포에서 사용할 때, git submodule을 사용한다.submodule을 추가하는 명령어. path는 옵션.명령어를 실행하면 아래와 같이 나온다.gitmodules 파일과

2020년 8월 23일
·
0개의 댓글