隣のプログラマー君

마지막으로 React에 대해서 쓴게 "하기 전에 알아야한다." 라는 개념으로 쓴 건데 이번부턴 정말 React에 대한 이야기를 해볼까 한다. React가 처음 나왔을 때부터 도입하고 사용했던 사람들은 다 알겠지만, 그땐 함수형 컴포넌트가 아니었다. 기본적으로 Class 형 컴포넌트로 만들었다. 그 때 있었던 개념들이 있는데, 아 물론 지금도 존재한다. 뭐 Mount, UnMount 등등 이런 말들이다. lifeCycle은 Class 내부에 이 컴포넌트가 마운트 되면, 실행하는 함수, 언마운트 되기 전에 실행하는 함수 이런걸 정의해두고 마운트될때부터 언마운트 될때까지 그 과정들을 얘기하는 것인디.. 말이 좀 어렵다. 쉽게 한번 풀어서 설명해보자. 1. Mount? UnMount? 일단 이걸 이야기 하기 전..

내가 이해한 React의 도입배경을 간략하게 이야기 했었는데, 아직까지 많은 부분에 대한 설명이 생략되어있다. 그래서 그 부분들에 대해 마저 정리하고 넘어가려한다. 이번엔 단방향 흐름에 대해서 이야기 하려고 한다. 주변 비슷한 경력대 분들이랑 하는 얘기에서는 React 가 아니라 Redux를 이야기 하면서 Flux패턴을 이야기하던데.. 나는 애초에 React 자체에서부터 기존의 데이터 흐름에 한계를 느껴서 Flux 패턴을 사용하도록 만들어진 것 이라고 알고 있다. 그렇기에 이미 React도 Flux를 이해하고 있어야만 제대로 사용이 가능하다고 생각한다.const arr = []; // UI에서 보게 될 변수 const appendArr = (a) => { arr.push(a); // arr에 요소를 추가..

React를 설명하려니 어디서부터 해야할지 감이 안 잡히지만... 일단 이 블로그는 내가 생각하고 이해하는대로 마구 작성해두는 일기와도 같다고 생각하고 작성해보겠다. React란? React 에 대해서 이야기 하기 전에 React가 왜 개발되어야만 했는지를 생각해봐야할 것 같다. 물론 아닌 학원도 있었겠지만 국비지원학원에서 공부한 사람들이라면 분명 서버와 클라이언트가 별개의 프로젝트로 구분되어있지 않았을 거고, 학원에서 가르쳐주는 MVC 패턴에 따라 구현하는 프로젝트를 해봤을거라고 생각한다. 그 때 html 파일이든 jsp파일이든 여러 개의 view 라고 부르는 페이지를 잔뜩 만들고 복사,붙여넣기 해서 주소에 따라 화면을 바꿔서 꺼내보여주는 형식의 웹사이트를 만든다. 그걸 Multi Page Applic..