개발자

'꼭 nextjs를 사용할 이유가 없다'가 리액트를 사용해야 할 이유가 될 수 있을까요?

2023년 02월 08일조회 877

프로젝트를 진행하면서 팀원들과 리액트와 nextjs 중 어떤 기술 스택을 사용할지 논의하게 되었습니다. 그런데 '이정도 기능에 특별히 nextjs를 사용할 이유가 없고 리액트로 별다른 어려움 없이 충분히 가능하다'는 이유로 리액트 사용에 찬성하는 의견을 들었습니다. 언뜻 듣기엔 그게 맞다고 생각했지만 곱씹다보니 nextjs를 사용하면 안되는 이유도, 리액트를 꼭 사용해야 하는 이유도 아닌 nextjs 굳이 사용할 이유가 없다는 것이 리액트를 사용하자는 말의 근거가 될 수 있을지 문득 궁금증이 생겼습니다. 선택지가 리액트와 nextjs 둘 뿐이라면, nextjs가 리액트를 기반으로 여러 기능이 더해진 프레임워크이기 때문에 단순한 기호나 숙련도 등 개인적인 이유를 배제한다면 기본적으로 먼저 리액트를 고려하고 특별한 이유가 있을 때만 nextjs를 사용하자는 것이 정론일까요?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 2

인기 답변

김석현님의 프로필 사진

안녕하세요! 질문자님께서 말씀하신대로 Next.js는 React “프레임워크”입니다. 개발자가 React를 기반으로 앱을 좀 더 편리하게 구현할 수 있게 도와주는 애인 것이죠. 그럼 뭘 도와주냐? 라고 한다면, 저는 대표적으로 3가지 정도가 떠오릅니다. 1. 서버 사이드 렌더링을 쉽게 2. 페이지 라우팅 설정을 쉽게 3. React 트랜스파일 속도를 빠르게 이미 어느정도 아실거란 생각이 들지만 좀 더 부연설명 드리면, 1번은 Next.js를 쓰지 않고 React만 사용해서도 SSR 설정이 가능합니다. 저도 이건 직접 해본 적은 없지만, 꽤나 복잡해서 그냥 Next.js를 쓰는 것이 몇배는 쉬울 것 같아요. 그래서 SSR이 필요한 앱이라고 한다면, 누구든 Next.js 도입을 가장 먼저 생각하겠지요. 아래 링크는 Next.js를 쓰지 않고 SSR을 세팅하는 방법에 대한 글인데요, 혹시 궁금하시면 한 번 참고해보세요! - https://kimsangyeon-github-io.vercel.app/blog/2022-07-10-react-ssr 2번은 Next.js에서 pages 폴더를 기준으로 페이지 단위 라우팅을 할 수 있습니다. 저는 개인적으로 React에서 react-router-dom을 따로 설치하고 라우팅을 했던 것보다 Next.js의 폴더 기반 라우팅 시스템이 훨씬 편하다고 생각합니다. 3번은 Next.js 12버젼부터 내장되어 있는 SWC(Babel보다 트랜스파일 속도가 5배가량 빠르다고 알려져 있는)에 대한 얘기입니다. next 패키지만 다운받으면 별도 설치 및 설정없이 SWC를 사용할 수 있습니다. React만 사용한다고 했을 때는 SWC관련 패키지를 설치하고 Webpack에 따로 설정을 해야한다는 점과 비교하면 이것도 나름 Next.js의 장점이라고 말할 수 있을 것 같아요. 아래 링크는 트랜스파일과 Babel, SWC에 대해서 정리해둔 글들인데요, 얘네도 궁금하시면 한 번 참고해보세요! - https://fe-developers.kakaoent.com/2022/220217-learn-babel-terser-swc/ - https://im-developer.tistory.com/230 결론은 저라면, 예컨대 SSR가 필요없는 앱을 만든다고 해도 2, 3번의 이유로 React가 아닌 Next.js를 선택할 것 같습니다. (러닝 커브관점에서도 React를 사용할 수 있으면 Next.js의 러닝 커브랄 건 따로 없을 것 같구요!)

😎님의 프로필 사진

답변부터 드리면 정론은 아닙니다. 기술 스택을 선택할 때는 참 많은 것을 고려합니다. - 기술의 생태계 - 공식문서의 상태 - 기술이 계속 업데이트 되고 있는지 - 러닝커브 - 필요한 기능이 있는지 등등.. 많습니다. (물론 혼자 개발하면 무엇을 선택하든 마음대로 하시면 됩니다.) ----- 아무래도 팀원과 함께하는 프로젝트 이니까 같이 개발하는 팀원과 의견이 맞아야 할 것 같네요. 프로젝트에 데드라인이 있다면, 러닝커브를 무시 할순 없겠죠. 기간내에 프로젝트를 끝내야하니 리액트와 넥스트의 장단점, 차이점을 표로 만들어 비교해보면서 기술 스택을 정해보세요. (설득이 될 수도 있습니다!) 감사합니다!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!