ReactJS 썸네일형 리스트형 React JS, Babel, Webpack React JS로 개발을 하다 보면, 웹 Front를 이루는 많은 component들이 각각의 목적에 맞게 나눠져 있을 때가 많다. 그리고 각 Component들이 서로 별개의 library를 사용하는 경우도 있지만, 공통적으로 사용하는 library들도 정말 많다. 이러한 JS 파일들을 파편화 상태 그대로 서비스 하는 것이 아니라, 하나로 뭉쳐서 그리고 의존성 체크까지 다 한 상태의 하나의 파일로 만들어 서비스를 하고 싶다는 생각에 찾아보게 되었고, webpack이란 걸 알게 되었다. 또한, React JS는 JSX라는 Javascript에서 사용하는 Markup Code를 사용하는데, 이를 바로 rendering하여 사용자에게 보여줄 수 없다. 이 때 사용하는 것이 Babel, Babel Loader.. React JS 소개와 간단한 사용법 및 에제 관련 글 React JS Lifecycle Method 소개 React JS, Babel, Webpack 서론 최근까지 웹 개발을 할 때에 Python Flask와 Jinja Template을 이용해 간단하게 개발을 해 왔었다. 그러다보니 Flask API와 Template Jquery로 이루어진 Javascript 파일들이 난잡하게 어질러 져 있어 직접 개발을 하고도 너무 더럽다 라는 생각이 많이 들었었다. 그러다가 React JS라는 것을 알게 되었고 이를 이용해 웹 개발을 하다보니 정리가 잘되기도 하고 실제 웹을 컨트롤할 때 무척 편하다는 느낌을 받게 되었다. 아직 React JS에 대해서 잘 이해를 못하고 단순히 Doc에 나온대로 사용만 하는 수준이지만 지금까지 해왔던 것들을 정리 및 사람들에게 .. 이전 1 다음
