Thinking

비교적 최근에 새로운 프로젝트에 참가하게 되었다. 이 프로젝트는 나의 모회사에서 사용하고 있는  자사 시스템의 리뉴얼로 기존 시스템은 perl로 작성되어 있기 때문에 리뉴얼 하면서 프론트 엔드 쪽과  백 엔드 쪽 모두 바꾸고 하고 싶어했다. 프론트 엔드 쪽은 React였다. 물론 나는 이전 부터 React에 대해  조금씩 공부하고 있었으며 운이 좋게도 프로젝트에 참가할 수 있게 되었다. 그러한 상황에서  나는 React에 대해 제대로 공부할 필요가 있었고 또한 이를 정리해볼 필요가 있었다. 따라서 이를 정리하면서 React에서  깊은 인상을 받은 부분을 소개하면서 공유해보려고 한다. 서론 아마 대부분의 개발자가 느끼고 있듯이(적어도 내가) React와 같은 자바스크립트 라이브러리가 등장하기 전까지만 해도 기존 프론트 엔드의 프로그래밍은 방식은 너무나도 지저분해 보였다. 왜냐하면, 기존 프로그래밍 형식과 다르게  HTML 태그에 덕지덕지 붙여 있는 JavaSciprt는 가독성이 떨어지고 이는 생산성에 영향을 주기 때문이다. 이러한 상황 속에서 ReactJS와 같은 자바스크립트 라이브러리가 등장 했는데, React외에도 구글의 AngluarJS, Vue.JS등이 있다. Ruby가 모든 것을 객체화하려 했다면 이런 자바스크립트 라이브러리 중에서  React는 모든 것을 컴포넌트화 한듯 보였다. 모든 항목에 대해 컴포넌트화 할 수 있으며, 이는 마치 객체지향 패러다임의 캡슐화 한 것과 유사하다. 이러한 자바스크립트 라이브러리들 가운데  React에서는 두 가지 방식으로 프로그래밍하기를 권장하는듯 보였다. 첫 번째, Class Based Component를 이용한 컴포넌트화 그리고 두 번째, Hooks를 이용한 컴포넌트화 이다. Component Class를 이용한 컴포넌트화는 React팀에서 제안하는 방식이고, Hooks는 나중에 확장된 방식이다. 먼저 Class Based Component...