June

Next.js dynamic issue

현재 회사의 리뉴얼 중인 서비스의 성능 개선, 그 중 dynamic import를 진행하면서 겪게된 이슈들에 대해 공유해보고자 합니다. 1. Error: cannot update a component ('...') while rendering a different component…

error: failed to push some refs to '*.git'

오늘도 바쁘게 업무 태스크를 처리하고 있었습니다. git branch에서 작업하는 순서는 git-flow 전략에 맞게 브랜치를 하나 생성하고 () 하나의 업무를 처리하고 Git으로 회사 서버에 add/commit/push하는데 () 어랏... 갑자기 push를 하는데 아래와 같은 에러가 발생했습니다. Commit…

잘못된 hoisting의 이해 바로잡기

hoisting자바스크립트의 기초를 공부하다 보면 알게되는 그 호이스팅입니다. 기초중의 기초라 할 수 있지만 잘못 알려진 부분이 있어서 (나 또한 잘못 알고 있어서) 그 부분에 대해 아주 짧고 간단하게 알아볼까 합니다. javascript를 공부하며 알 수 있는 기초적인 내용인 hoisting…

(Potential) Github에서 알려주는 security vulnerability 해결하기

서두 FE 개발을 하는 저희는 package.json을 이용하여 Node의 의존성 관리 도구인 npm을 사용하고 있습니다. 여기에는 여러 의존성이 설치되는데요, 기본적으로 프로젝트를 한다고 하면 비동기 통신을 하는 axios, url의 query를 파싱해주는 query-string, typescript, @types…

비트코인 자동매매 사이드 프로젝트

* 자동매매 코드는 제공하지 않습니다 요즘 아주 핫한 투자 주제인 비트코인 투자를 저 또한 하고있는데요 ㅎㅎ;; 주식에 퀀트가 있듯이 오르는것에 대한 무언가 분석하여 자동매매를 할 수 있을거라 생각했습니다. 물론 승률 100%는 없겠지만 51%만 넘는다고 하더라도 벌 수 있을테니까요! (제 작은 간은…

M1 chip 맥 미니 npm install 버그!

봇 관련된 사이드 프로젝트를 진행한 뒤, 완성된 프로젝트를 어떻게 serving할 지 고민하다 맥 미니를 사는 것으로 결정했습니다 ㅎㅎ 결정 후 바로 m1 chip cpu…

React library local file path 이슈 해결

시작하기 전 잠깐!!! 참고!!! 라이브러리를 만들 때, webpack으로 제작 시 아래와 같이 설정과 설정을 하였습니다. 은 library를 , , 등으로 사용할 수 있고, 는 해당 library를 build…

Kill node process

가끔 vscode코드로 개발을 하다 보면 vscode 프로세스를 죽였는데도 vscode 내의 터미널에서 돌리던 node server가 죽지 않은 것인지, 특정 port가 계속 연결되어 있을 때가 있습니다. osx를 사용하면서 linux와 명령어가 살짝 달라서 port…

React Advanced guides > Reconciliation

해당 내용은 공식 React문서의 Reconciliation를 참고하여 작성합니다. 개발 진행중에 퍼블리셔 분들이 전달해주신 코드에 이벤트와 로직을 입히다 문득 라는 생각과 함께 하는 의문이 생겼습니다. 다행히 잘 정리된 문서가 이미 있었고 의문을 정리할 수 있게 되었습니다. 변화가 일어나 re-render…

next-redux-wrapper 설정 이슈

next.js를 처음 사용하며 store를 설정해보게 되었습니다. 심지어 redux도 2016년 이후로 처음 사용하며 (그동안 mobx, mobx-state-tree를 열심히 썼었죠) 공부를 해야했기 때문에 새로운 모듈을 동시다발적으로 많이 추가하게 되었습니다. redux-saga, redux-observable…

Why typescript?

SPA Library 3대장을 비교해보자 Angular 뭐... 애초에 Angular에서 사용하면서 유명해진 것은 모두 아는 사실 React React를 만든 facebook팀에선 PropTypes 라는 런타임 타입 체킹 라이브러리를 만듬 자체 타입 체킹 툴을 만든 팀이 타 라이브러리를 쓰기는 조금 애매함 Vue…

이직기 2-2

이 포스팅은 회고록이므로 존칭이 없습니다 :) 이미 이직하고 수습이 끝난 이 시점에 새로운 이직기를 써본다. 카카오페이에 입사하고 나서 정말 바쁘게 살아왔다. 정말 바쁘고 너무 바빴다. 왜 나만 이렇게 바쁜 것일까... 문제가 해결되며 모든게 행복해질 것이라 생각했지만, 팀장 또한 퇴사를 하며 C레벨인…

이직기 2-1

이 포스팅은 회고록이므로 존칭이 없습니다 :) 이미 이직하고 수습이 끝난 이 시점에 새로운 이직기를 써본다. 카카오페이에 입사하고 나서 정말 바쁘게 살아왔다. 정말 바쁘고 너무 바빴다. 왜 나만 이렇게 바쁜 것일까... 카카오페이에 입사한지 1년 2~3개월이 된 19년 여름. 주니어로 입사하여…

next-redux-wrapper issue with Redux-observable 2

연결된 이전 포스트 : next-redux-wrapper issue with Redux-observable 1 얼마 전에 올렸던 next-redux-wrapper issue with Redux-observable…