개발자
취업을 위한 프로젝트 기술 스택 React vs. Next.js
안녕하세요. 프론트엔드 취업을 준비 중이에요. 이제 포트폴리오용 프로젝트를 진행하려고 하는데, 기술 스택에 고민이 있어 질문 올려요! 혼자하는 프로젝트여도 좀 규모를 크게 완성도 있게 가져가려고 계획 중이고, 기간은 3개월 안 쪽으로 잡고 있어요. 하나 고민인게, 아직 react만 써서 어떤 프로젝트를 개발해 본 적이 없는데, 요즘 회사에서 많이 요구하는 next.js 프레임워크를 바로 플젝에 사용하는 것이 옳은 것인지 조언를 구해요. 물론 next.js를 쓰면 리엑트가 따라오겠지만, 리엑트와 next.js 사이에도 차이는 존재할텐데요. 예를 들어 라우팅하는거나 이미지 태그 등등 지금은 사소한 것 밖에 차이를 모르지만 아마 둘 사이에 많은 것들이 조금씩은 다르겠죠?? 그래서 회사에서 요구하는 next.js를 조금은 나중에 토이 프로젝트로서 경험하고 이번 프로젝트는 제대로 만드는 만큼 오직 리엑트만을 써서 최적화까지 딥다이브하고 나면 다음에 next.js로 프로젝트 할 때 더 많은 것들을 배우지 않을까 싶어서요! 당장 취업도 바라봐야 하지만, 개발자라는 길에 들어선 만큼 리엑트를 깊게 잘 딥다이브를 해야할지 next.js를 쓰면서 리엑트를 같이 배우는 것이 좋을지 의견 듣고 싶습니다!
답변 3
인기 답변
우선은 프로젝트를 계획 하시면서 어떤 앱을 만들 것이고 무엇이 요구되는지를 먼저 정리 해보시면 결정하시는데에 큰 도움이 되실거라 생각합니다. react만 사용한다면 react 만으로 모든 기능을 구현하기에는 어려움이 있을 수 있습니다. next.js를 활용하면 쉽게 구현할 수 있는 기능도 있습니다. 그러나 next는 프레임 워크이기에 그 기능을 구현하려면 적절한 사용 방법에 맞춰 주어야 합니다. react 는 결국 “라이브러리” 이고, next.js 는 “프레임 워크” 입니다. 이 둘의 차이점도 한번 살펴 보시는 것도 도움이 될 것 같아요. csr(client side rendering) / ssr(server side rendering) 이 두가지 렌더링 방식에 대해서도 살펴보시구요. spa( single page application) 와 seo( search engine optimize) 에 대해서도 한번 직접 찾아보시거나 gpt를 통해 검색 해보세요. react도 18이후로 server component 와 관련 api 사용으로 ssr 구현에 대해 어느정도 해볼 수 있는 방법이 있을테지만, -------------수정 내용 추가 입니다😅---------- react 18의 서버 컴포넌트는 결국 서버 생태계에 있어 서버 자원을 활용 가능한 컴포넌트 이지 SSR 과는 다르다고 합니다. --------------------------------------------- next.js 를 사용하는건 결국 react 를 사용하지만 앞서 말씀드린 seo, csr, ssr, spa 등 프레임 워크를 통해 손쉽게 구현이 가능한 다양한 기능들이 있기 때문입니다. 그래서 먼저 내가 프로젝트를 통해 무엇을 구현하고자 하는지에 따라 어느것이 더 효율적이고 생산성 있을지 선택하시면 될 것 같아요.
익명
작성자
2024년 01월 18일
넵 사실 이 프로젝트가 생산성있고 효율적인 구현의 목적보다는 리엑트를 탐구하고 공부하는 목적이 크다보니 next가 가져오는 편리함에 react에 대한 숙련도가 떨어질까 고민이였습니다! 물론 next는 필수 스택이죠. 하지만, react를 먼저 어느정도 익히고 next를 사용하는 것이 어떨까 하는 제 개인적인 생각에 대해 현업자 분들의 의견이 궁금했었습니다! 자세한 답변 너무 감사드립니다! :)
신종환
Otherworld full stack developer • 2024년 01월 18일
React를 딥하게 느끼시고 경험하시는 것도 정말 좋습니다 😊 몰입해서 제대로 숙련하고자 하시는 것도 멋있는 생각이구요! 그렇지만 취직하시고 현업을 하시다보면, 기존 스택 이외에 다른 스택과 개념 등 아직 숙련도가 낮은 심지어 제로인 상태에서 cs 지식과 그동안의 개발 경험을 바탕으로 요구에 따라 새로운 기술을 익히면서 바로 바로 반영해야 하는 경우도 정말 많습니다. 그 때마다 원래 사용하던 기술의 숙련도가 떨어지거나 하지는 않는 것 같아요. 실제로 버전 업데이트로 기존 api에 변경점이 생기거나 새로운 api가 추가되는 경우도 빈번하기도 하고, 사용법을 잊어버리더라도 동작 원리, 로직이 이해가 되어 있다면 얼마든지 전에 작업한 코드를 열어서 보거나 doc 문서를 참고하면 또 잘 구현이 가능하실 거에요. react를 딥하게 하면 그만큼 react는 누구보다 자신 있고 이런것도 해봤다라고 어필이 가능하고, next를 통해 당장에 투입이 가능한 기능들을 어느정도 이해하고 구현도 가능하다 라고 어필할 수도 있기 때문에 어느 쪽을 선택하던 사실 다 장점으로 어필이 가능 하실거에요 ! 결론적으로 걱정 하시는 부분은 걱정하지 않으셔도 될 것 같고, 둘 중에서 작성자님이 더 해보고 싶은 쪽으로 해보시면 되겠네요!! 응원합니다 😊
넥스트 로 가야 좋지 않을까요? 크게 가신다고 하니 넥스트로 가보세요. 가산점 얻을 것 같습니다
익명
작성자
2024년 01월 17일
그런다 해도 리엑트에 대한 이해도가 떨어지거나 하지 않겠죠..? next.js의 편리한 기능들에 취해 나중에 리엑트 못 다루는 사태가 발생될까바 우려스러워서요
프레드윰
개발대발소발 • 2024년 01월 17일
리액트랑 비슷해서 떨어질거 없어요 좋은 찬스라 생각해여
개인적으로 첫 플젝은 프레임워크없이 react 로 만들어보고(cra보단 vite 추천 드립니다) 이후에 next를 쓰면서 프레임워크의 장점을 느껴보시기 바랍니다. 개인적으로는 시간되면 vanila로도 spa 만들어보시는것도 추천 프론트에는 정말 많은 기술들이 있는데요 아무런 맥략없이 가져다 쓰는건 결국 이후 면접서 왜 next를 사용하셨나는 질문에 말문히 막히고야 말것입니다. 이 기술이 왜 등장했고 어떤 문제를 해결하려고 했는지 이런걸 고민하고 이해하고 쓰는게 중요합니다. 그리고 next를 쓰더라도 결국은 react 위에서 돌아가는거라 react만 잘 해두면 넘어가는건 이외로 금방합니다. 어차피 똑같은 react 개발입니다
익명
작성자
2024년 01월 18일
제 입장도 딱 이렇습니다! 공부하고 탐구하자는 목적이 크기 때문에 next가 가져오는 최적화부분을 내려놓고 리엑트 탐구에 집중하는게 좋겠다 라는 건데요. 제 생각에 대해 오류가 없는지 현업자 분들의 의견이 궁금했었습니다!
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
커리어리 AI 봇
GPT가 달아주는 답변입니다.
2024년 01월 17일
안녕하세요! 프론트엔드 취업 준비와 프로젝트 기획에대한 고민을 나눠주셔서 감사합니다. React와 Next.js는 각각 장단점이 있고, 그에 따라 사용처나 활용도가 다릅니다. React 자체는 라이브러리입니다. 반면 Next.js는 React 기반의 서버 사이드 렌더링(SSR)을 지원하는 프레임워크입니다. React를 선택한다면: - 클라이언트 사이드 렌더링(CSR)에 익숙해지실 수 있습니다. - React 커뮤니티가 크기 때문에 직면하는 문제에 대한 해결책을 찾기 쉽습니다. - UI 구성요소 중심의 개발 경험이 필요할 때 좋은 선택입니다. Next.js를 선택한다면: - 서버 사이드 렌더링(SSR) 및 정적 사이트 생성(SSG)과 같은 고급 웹 개발 패턴을 익힐 수 있습니다. - SEO와 성능 최적화에 역점을 두고 있다면 Next.js가 좋은 선택입니다. - 이미 React를 알고 있다면 상대적으로 학습곡선이 완만합니다. 현재 고민하시는 배경에서 보았을 때, 저는 Next.js를 선택하는 것이 더 합리적일 수 있다고 생각합니다. 현업에서 많이 사용되는 기술을 익히는 것은 이직 혹은 취업에 있어서 큰 메리트가 됩니다. 추가로, React 경험이 이미 있다면 Next.js 학습에 큰 어려움이 없을 것으로 예상됩니다. 하지만 결과적으로 선택은 여러분의 목표와 필요에 따라 달라질 수 있습니다. "무엇을 배울까?"보다 "왜 그것을 배울까?"를 먼저 고민하시는 것이 중요합니다. 왜 이 기술을 배우고 싶은지, 어떻게 활용하고 싶은지를 명확히 하는 것이 후속 학습계획 수립에 도움이 됩니다. 성공적인 프로젝트 완성과 원하시는 취업결과를 얻으시길 바랍니다!
지금 가입하면 모든 질문의 답변을 볼 수 있어요!