[ReactJS] ReactJS 의 생명주기

ReactJS 의 생명주기

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

More …

[ReactJS] ImmutableJS 이란 무엇인가?

ReactJS 의 불변성과 immutableJS

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

More …

[Review] ReactJS 와 VueJS 에 대한 주관적인 비교

VueJS 와 ReactJS 사용성

많은 블로그들에서 이미 VueJS 와 ReactJS 에 대해서 성능까지 측정하며 비교를 자세히 한게 많아서 사실 그러한 부분에 대해서는 굳이 적지 않는다. 혹시나 성능 관련해서 궁금하신 분은 다른 블로그를 보는 것을 추천한다. 다른 블로그들에서 굉장히 잘 설명하고 있다 :D 필자는 전 직장에서는 VueJS 를 이용하여 프론트 개발을 하였고, 현 직장에서는 React 를 이용해서 개발을 진행하고 있다. 요즘 핫한 두가지의 프레임워크를 사용하면서 개발자로서 느낀 굉장히 주관적인 리뷰를 작성해볼까 한다.

More …

[Javascript] Javascript 는 브라우저에서 어떻게 동작하는가?

들어가기 전

지금까지 자바스크립트를 이용하여 프론트 개발을 진행해오면서 많이 들어본 단어들이 있다. 콜스택, 스택 오버플로우, V8 등등.. 이 중 스택 오버플로우는 콜백 함수를 잘 못해서 실제 직면한 적도 있었다. 모르는 걸 알면서도 모른 척 넘어간 불편한 진실이었지만… 이제라도 늦게나마 브라우저 위에서 돌아가는 자바스크립트에 대해서 자세히 공부를 해보기로 했다. 일단 본격적으로 글을 보기 전에 아래의 동영상을 보는 것을 추천한다. 아래의 동영상은 4년 전인 2014 년 JSconf 에서 나왔던 내용으로 이제서야 공부하는 내 자신이 얼마나 늦게 알았는지를 깨닫게 하는 영상이기도 하다.

More …

[Algorithm] Javascript 로 푸는 하노이 탑 알고리즘

하노이 탑 알고리즘

하노의 탑 알고리즘은 많은 기업에서도 입사 문제로 많이 나올 정도로 유명한 알고리즘 중 하나이다. 아무런 지식 없이 바로 이 문제를 받는 다고 한다면 굉장히 주관적으로는 풀기가 불가능할 정도로 굉장히 어려운 문제이다. 하노이는 대표적인 재귀함수를 이용한 풀이 문제이다. 문제는 다음과 같다.

More …