개발자로 살아남기-캐나다

최근에 어떤 이벤트가 생겼을 때 client side에 ui를 업데이트해야 되는 기능을 구현해야 됐었습니다. 처음에는 이런 경우에 사용할 수 있는 것이 socket 밖에 몰라서 socket.io를 사용해서 socket으로 만들다가 웹소켓을 공부하다가 보니 SSE(Server-Sent-Event)라는 것을 알게 되었습니다. 제가 평소에 공부를 해두었다면 웹소켓으로 안 만들고 SSE를 사용해서 만들었을 텐데 시간 낭비를 해버렸습니다. 이래서 평소에 공부를 해야 되는 것 같습니다. Socket과 SSE에 가장 큰 차이점을 하나 말해보라고 한다면 Socket은 양방향으로 데이터를 주고받을 수 있지만 SSE(Server-Sent-Event)를 사용하게 되면 클라이언트는 데이터를 받을 수만 있게 됩니다. 그러니까 ..

Git branch 관리를 조금 안 해주다 보면 브랜치가 정말 수도 없이 많아질 수가 있는데요. 그것을 하나씩 지우려고 하면 많이 힘듭니다. git branch를 입력하면 현재 있는 브랜치를 다 보여 줍니다 하나씩 삭제하는 방법을 일단 알아보자면 아래 처럼 터미널에 치면 같은 브랜치 이름을 가진 브랜치가 삭제됩니다 // -D 는 force delete에 줄임말. -d는 그냥 delete git branch -D git branch를 여러 개 한 번에 삭제하는 데는 grep을 사용합니다. 아래와 같이 입력하면 일단 어떤 브랜치가 삭제될 것인지 확인할 수 있습니다. // ex) git branch | grep feature git branch | grep 이제 마지막으로 실제로 한번 삭제해 봅시다. git ..

회사에서도 그렇고 사이드 프로젝트를 할 때도 그렇고 저는 오랬동안 redux, redux-saga를 사용해 오면서 리엑트에서 APIs들을 관리 해왔습니다. 사용하면서 느꼈던 것이 작은 API를 하나 사용하려고 해도 적어야 되는 코드에 량이 생각보다 많다라는 것 이 였습니다. 예를들어 todo list를 가져올 때 redux 와 redux-saga를 사용하면 보통 코드는 아래와 비슷할 것 입니다. dispatch(fetchTodoList()) function* handleFetchTodoList(action) { await put(fetchTodoListApi.request()) try { const response = await fetch(url, action.data) await put(fetchTod..