Vue 와 React
어쩌다 보니 Vue를 먼저 공부하게 되서 대세인 React도 다음으로 공부하기 시작했다. 솔직히 로고는 React가 훨씬 멋진 것 같다... 뭔가 원자 표현적인 느낌이 참을 수 없다랄까... React는 이제 막 시작했지만, 여기까지 띄워보면서 느낀 점을 가볍게 적어보았다. 참고로 Node.js의 버전은 16.14버전이다.
Vue는 project를 생성하기 위한 vue create를 사용하기 위해서 먼저 @vue/cli를 설치했었는데 React는 따로 Cli설치 없이 그냥 create-app-react를 설치하니까 자동으로 project가 생성되었다. Vuex는 추가로 Vuex, Router, Babel등의 라이브러리 설치를 프로젝트 생성시에 선택할 수 있었는데, React는 기존에 만들어진 template이 그대로 생성되었다. 이건 내가 못 찾은 것일 수도 있기에 더 찾아봐야겠다는 생각이 들었다. server를 켜는 명령어도 run serve , start로 달랐다.
다음으로 가장 큰 차이를 느낀 것은 내부 구조이다.
Vue에는 Components등 여러 폴더가 있지만 React에는 존재하지 않는다. 그러다 보니 구성이 뭔가 엄청 간결해보인다. 솔직히 지금은 당장 봐도 React가 어떻게 화면에 구성요소들을 띄워주는지 잘 모르겠다.
하지만 대충 살펴보니 Vue에서 Component들을 사용하던 방식과 크게 다른 것 같지는 않아보였다. 먼저 내가 웹에 실을 내용인 App.js를 import 하고 <App/> 의 방식으로 사용해서 index.html에서 id가 root인 tag에 render하면 App.js의 내용이 web에 보이는 방식인 듯 하다. 각 명령어들의 역할을 자세하게는 모르겠지만 아마 비슷한 부분도 많다고 생각된다. 그리고 웹 공부하면서 만든 프로젝트 깃헙에도 꾸준히 커밋하려고 생각중이다. 화이팅!!