[ReactJS] ImmutableJS 사용해보기

ImmutableJS 도입하기까지

현재 회사에서 진행하는 프로젝트에 ImmutableJS 의 도입을 결정한 것은 갑작스러운 결정은 아니었다. 물론 React 를 사용하면서 혹은 Redux 를 사용하면서 불변성만 유지된다고 한다면 ImmutableJS 는 필수가 아니라고 생각한다. 사용을 필요한 시점은 데이터의 구조의 깊이가 점점 깊어지면서였다.

More …

[Review] 2018년의 회고

2018년을 돌아보며

얼마전 페이스북에서 한 개발자의 회고를 감명 깊게 있었던 적이 있다. 그 글을 보고 나서 필자도 한해를 돌아보며 올 한해에 대한 반성과 내년에 대한 목표를 세워보기로 했다. 2018년의 큰 이벤트는 크게 2가지였던 것 같다. 첫번째는 새로운 회사로의 이직과 두번째는 전문 서적에 대한 집필이다.

More …

[Review] 스타트업은 어떻게 일하는가?

우리는 어떻게 일하는가?

본 글의 경우 필자가 다녔거나 혹은 다니고 있는 회사에서 일하는 방식에 더해 주변에 스타트업에서 일하는 사람들과 한 이야기를 바탕으로 썼을 뿐, 각자의 회사마다 일하는 방식이 다르기 때문에 일하는 방식에 대한 절대적인 가이드나 표준은 절대 아님을 밝힌다. 혹시나 스타트업에서 더 나은 문화를 추구하거나 혹은 내부적인 문화를 만들려고 노력하는 분들에게 도움이 되길 바라는 마음에 글을 쓴다. 아마 대부분의 회사는 아래의 사진과 같은 업무 프로세스를 가질 것이다.

More …

[ReactJS] ReactJS 의 생명주기

ReactJS 의 생명주기

거의 대부분의 언어에 메모리를 할당하는 과정이 있듯 ReactJS 에도 생명 주기(Life cycle)라는 것이 있다. 필수적으로 알고 있어야 하는 것은 아니지만, 각각의 훅에서 어떠한 일이 벌어지는 지 정도는 알고 있어야 어느 훅에서 API 를 패치해와야하는지, 어떤 훅에서 DOM 자체의 이벤트 바인딩을 해제 해줘야 하는지에 대한 가이드가 생길 수 있다. 또한 ReactJS 의 경우 특정 훅을 이용하여 컴포넌트의 최적화를 할 때 역시 유용하게 사용할 수 있으므로, 자주 사용하는 생명 주기의 경우는 알고 있는 것을 추천한다.

More …

[ReactJS] ImmutableJS 이란 무엇인가?

ReactJS 의 불변성과 immutableJS

원래 필자의 경우는 VueJS 를 이용하여 프론트 개발을 해왔었다. VueJS 에서는 데이터의 불변성에 대해서 ReactJS 만큼 개발자에게 중요하지 않다. (VueJS 에 대한 자세한 설명은 이 포스팅에서 따로 설명하지 않는다.) 하지만 ReactJS 를 조금이라도 공부를 했더라면 불변성이라는 단어를 한번쯤이면 들어봤을 것이다. ReactJS 에서는 state 의 불변성이 보장되어야 컴포넌트의 최적화 및 리렌더링을 보장받을 수 있다. 이에 관련된 자바스크립트에 대한 개념으로는 여기 에서 확인할 수 있다.

More …