profile
Front-end Developer

[javascript] object, Array의 치환 (mapKeys, Object.values)

데이터를 reducer에 저장할 때는, object의 형태로 저장하는 것이 좋고, JSX로 데이터를 뿌릴때는 map을 사용하기 위해서 Array형태로 변환해야 한다. mapKeys(array: Array<{}>, key: string): lodash의 functi

1일 전
·
0개의 댓글

[vscode] vim의 scrolloff 설정하는 방법

vscode에서 vimrc는 remap만 적용된다. (확인 : 2021-06-20 기준)set scrolloff=999를 하기 위해서 아래를 config에 추가해주면 된다.(scrolloff는 내 커서 기준 위아래 몇줄이 보이는지 설정하는 것임)참고 : github i

2일 전
·
0개의 댓글

apple notes shortcuts

check here

2021년 6월 14일
·
0개의 댓글

[javascript] array-based approach vs object-based approach

Posts 중 하나의 Post를 수정해야함, 리듀서에서 Array, Object 각 데이터 형태로 처리할 때 코드를 비교해봄 (코드길이, 간결함 등)Object로 데이터를 만드는게 코드양도 적고, 훨씬 간결하다.

2021년 6월 13일
·
0개의 댓글

[react] async에서 this.setState 사용하기

data를 fetch 하는 동안 Spin을 돌리기 위해서, async function에서 await 앞뒤로 Spin을 켜고 끄는 state를 추가하려고 한다. this.setState는 return value가 없다. console.log(this.setState({

2021년 6월 1일
·
0개의 댓글

[Linux] find command (find files and directories)

find command는 파일이나 디렉토리를 찾을 때 사용된다.

2021년 6월 1일
·
0개의 댓글

[javascript] async/await과 Promise.all의 비교

async await를 parallel 방식으로 사용할 수 있다. 아래코드는 google-docs의 내용을 참고하였다. console에 돌려보면 동시에 실행된다. 하지만 이 방식은 추천하지 않는다. error-handle 어렵기 때문이다. stackover-flow

2021년 5월 28일
·
0개의 댓글

[Iterm] open iterm with command

terminal에서 Iterm을 새로 열고 싶은 경우

2021년 5월 25일
·
0개의 댓글

[react] useState에서 pass by reference 의 해결 (deep copy)

useState에 초기값은 보통 바로 넣는다.초기값이 array이라고 할지라도, new array가 return되기 때문이다.하지만 array의 value type이 primitive가 아닌 경우 문제가 된다.string\[] : 문제 없음object\[] : 문제 가

2021년 5월 23일
·
0개의 댓글

[vifm] custom command line shortcuts

vifm에 command 명령어를 추가하는 방법.vifmrc에 source 파일을 추가함 (user config를 따로 관리하기 위함)vifm-userConfig.vim에 아래를 내용 추가함:code를 입력하면 현재 directory에 대해서 vscode 실행

2021년 5월 22일
·
0개의 댓글

[vim] g command (Toggle between uppercase and lowercase, movement in oneline...)

g로 시작하는 command들 중에서는 유용한 것들이 몇가지 있다. 유튜브에서 우연히 봤는데, 간혹 필요할만한 것들이라서 기록한다.Youtubegithub

2021년 5월 16일
·
0개의 댓글
post-thumbnail

[react] scroll event

Vanilla js에서는 scorll event를 dom element 에 붙인다.React js에서는 직접 element에 event를 붙일 수 없고, onScroll props를 붙이면 event가 붙는다.(onClick 과 마찬가지라고 생각하면 됨)codesand

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

[react] scroll event

Vanilla js에서는 window.addEventListener('scroll', callback) 형태로 사용한다. React js에서 특정 component에 onScroll 을 붙여서 사용할 수 있다.예를 들면) Ant Design의 Modal Componen

2021년 5월 14일
·
0개의 댓글
post-thumbnail

[vifm] 파일 이름 한번에 바꾸기

파일이름을 한번에 바꾸고 싶다...우선 vifm의 config 파일(vifmrc)에 들어가서 set vicmd=nvim으로 바꿔준다. (webstorm에서는 안열리기 때문에)다음 vifm에 들어가서 v로 visual mode에 들어간다음 파일들을 다중선택한다.마지막으로

2021년 5월 14일
·
0개의 댓글

[vim] registers

vim registes의 활용은 복사 붙여넣기, 파일명 가져오기, 매크로 수정하기 등 다양하다.:help registersctrl + r -> use register in Insert mode자동으로 등록됨"0 -> 가장 최신 것"9 -> 가장 오래된 것매크로를 a에

2021년 5월 11일
·
0개의 댓글

[git] remote branch를 local로 가져오는 방법

팀원이 만든 remote branch를 내 local로 가져와서 확인해야할 때가 있다.우선 remote 브랜치를 가져온다.\> git fetch && git pullremote branch명으로 checkout하면 자동으로 생성된다.\> git checkout {rem

2021년 5월 11일
·
0개의 댓글

[vimium] Select and Yank text!

vimium 으로 text를 검색하고, copy(yank) 해보자/로 search mode에 들어감javascript와 같이 단어검색<Enter> 로 서치를 완료v로 visual mode에 들어감방향키로 왔다갔다 (hjkl)하면서 block을 선택한다. (여기서

2021년 5월 11일
·
0개의 댓글
post-thumbnail

[Karabiner] mac 한/영키, vim 키 설정

Karabiner에서 키 설정하여 사용하는 것은 2가지가 있다. (내 기준)우측 command 키를 한/영키로 사용함capslock을 ctrl 키로 사용함 (해피해킹 배열에 의한 키 설정)ctrl + hjkl을 이동키로 사용함

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

Chrome developer tools

chrome developer tools의 내용들을 기록함 (너무 기초적인것은 제외) Element Tab Console Tab Source Tab debug in console 콘솔창에 debug(function_name)을 입력하면, 해당 function에

2021년 5월 8일
·
0개의 댓글

[Javascript] lodash

lodash library에 대해 정리함 _.memoize memoize는 function을 저장하고, 동일하게 function call하면, 같은 return 값을 반환한다. 따라서 function을 재 호출하지 않는다. example const calNum = (

2021년 5월 8일
·
0개의 댓글