Author: 니용 앞의 글에서 Hooks의 용어가 있다는 정도만 말씀드렸었고, 이번 글에서 그 Hooks가 대체 뭐길래 이렇게 강조를 하는 것인지 설명드리려고 합니다. Hooks는 React 문법 중 하나입니다. 저는 문법이라는 것을 처음 알았을 때가 중학교 영어 수업시간이었습니다. 문법이 무엇인지 모르고 영어 문제를 그저 단어 하나하나로 해석으로 푸는 것은 정말 어려웠습니다. 영어를 손절하려고 하였을 때 선생님이 처음 알려준 것은 단어가 아닌 형식이었고, 이것이 나중에는 문법이라는 것을 뒤늦게 깨달아 문법 공부를 시작하게 되었습니다. 프로그래밍 언어도 영어와 마찬가지로 문법이 있습니다. 문법을 알고 React 코딩을 진행하는 것과 그러지 아니한 것은 큰 차이가 있습니다. 최초에 React가 나왔을 때..
앞에서 기본적인 자바스크립트 문법으로 작성을 해보았다면 여기서는 스크립트의 파일을 어떻게 나눌지와 각각 분리되어 있는 여러 가지 파일을 가져와 사용하는 방법을 작성해보려고 합니다. 다시 말해, 디자인 패턴 구조를 상세히 시키는 것입니다. 이전에 알아두어야 하는 것은 React 컴포넌트를 구분하는 방법입니다. 컴포넌트를 구분하는 방법에는 4가지가 있습니다. 1. Container vs Presentational 2. Stateful vs Stateless 3. Smart vs Dumb 4. Pure vs Unpure 사실 이러한 방식은 몰라도 개발에 전혀 문제가 없습니다. 하지만 React의 특성상 컴포넌트이 재사용성이 매우 뛰어난 것에 비해 활용을 하지 못한다면 기존의 자바스크립트를 그대로 사용하는 것이..