`react.js / next.js` VS `vue.js / nuxt.js` 사용기 on redgoose note

`react.js / next.js` VS `vue.js / nuxt.js` 사용기

Nest: Diray Category: Programing 2018-08-30

thumb-asd.png

react.js 의 next.js 프레임워크

회사 프로젝트에서는 react.js의 next.js가 돌아가고 있어서 좀 오랬동안 작업을 하고 있었는데 이상하게 화면이 점점 끊김현상이 커져서 상태를 확인해보니 node 프로세스 점유율이 비정상으로 치솟아 올라있다.

이슈를 찾아봐도 별 차도도 없는듯하다. 그냥 해결못해보임..
https://github.com/zeit/next.js/issues/4741

프로젝트 크기가 커질수록 기하급수적으로 퍼포먼스가 떨어지는걸 경험해보니 정말 next.js 로 프로젝트 작업은 하기 싫어진다.

아직 next.js로 처음부터 구축을 해본적은 없고 구축되어 있는 상태에서 사용하고 있지만 이렇게 거지같은 프레임웍은 처음본다. ㅋㅋㅋ
css 업데이트하고 15초 정도 기다리면 브라우저에서 업데이트가 된 화면을 확인할 수 있다.(업데이트하고 많이 개선되긴했다.) ㅋㅋㅋㅋ~~
css라는게 수십에서 수백, 수천번 고치면서 확인을 하는 작업에 작업하기 싫어지게 만들어준다.

몇시간동안 사용하고 있으면 다시 서버를 껏다가 다시 켜줘야하는건 필수다.

vue.js 의 nuxt.js

요즘은 vue.js의 nuxt.js 를 이용하여 두개정도 만들어서 돌리고 있는데 이건 감탄할 요소들을 많이 발견하게 된다.
복잡하지만 SSRSPA의 영역에서 부족해 보이는 부분들을 좋은 방법으로 해결해주는 툴을 깔끔하게 정리되어 있어서 만들어보면서 많은 감탄을 하게 되었다.

vue.js 컴포넌트 특성이긴 하지만 공통 css 컴포넌트와 페이지나 컴포넌트 전용 컴포넌트를 분리해서 사용할 수 있어서 처음부터 css를 다 담고 사용할 필요가 없어진다. react.js 에서도 컴포넌트 내부에서 객체로 css를 표현할 수 있겠지만 퍼블리셔에게 그렇게 만들어달라고 하면 때려칠 것이다. ㅋㅋ~

두 서비스를 만들어 보면서 조그만한 퍼포먼스 하락이 나올것이라는 인상을 느끼지 못했다.

nuxt.js 하나만 설치하고 서비스 하나 만들기엔 무리가 없어 보일정도로 기초적으로 필요한 툴들은 다 채워져 있다. next.js는 그렇지도 않다.

아직 내가 이해도가 떨어져서 그럴거라 생각되는데 외부에서 플러그인 개발하여 적용하는것이 그다지 자연스럽거나 쉬워 보이지는 않았다.
이것은 직접 외부 플러그인을 만들어서 여러가지 방법으로 연결시켜 보는 방법을 찾아보는것이 필요해 보인다.

현재까지의 결론

next.js를 반드시 사용해야 하는 환경이 아니라면 왠만하면 nuxt.js를 사용할 것이다.
그냥 SPA형식의 작업을 하거나 react-native로 작업을 하는거 아니라면 왠만하면 vue.js로 작업할거 같아 보인다.

대형 프로젝트에서 react.js가 좋다고 하는 이유는 외부 컴포넌트 개발이 쉬워서 블럭 조립하듯이 붙여서 사용하기가 자연스럽기 때문에 얼마든지 붙여서 사용하기 좋아보인다.

그냥 개인적인 인상임.. 뭔가 환경이 잘못되어서 그럴수도 한쪽의 컴포넌트가 문제가 있을수도 있겠지만..