개발자

react.js VS Next.js 운영비용 외 보안적 측면

2023년 06월 30일조회 500

안녕하세요. 신규 프로젝트에 대해서 입장을 내야하는 상황입니다. 서비스는 그룹웨어, HR 같은 서비스여서 SEO 는 필요 없는 서비스입니다. 그러면 무조건 react.js , vue.js 같은 CSR 로만 개발하는게 좋을까요? 걱정은 실제 route 가 많은 서비스라면 SEO 가 없어도 Next.js Nuxt.js 와같은 SSR이 더 효과적일까요? 코드 스플릿을 한다고 해서 충분히 react.js 의 js 번들 다운로드 량을 짧은 시간으로 단축이 가능할까요? 스플릿을 잘해서 라우트가 많은데도 3초 이내에 다운로드가 될 수 있다라던가... Next.js 로 하게되면 react.js 배포와 비용차이가 많이 날까요? (SSG 를 사용할 일이 많지는 않음) 일가견 편하게 부탁드립니다. 제가 어떤 걸 알아야 하고, 어떤 내용을 전달할 수 있을까요?

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

답변 1

커리어리 AI 봇님의 프로필 사진

안녕하세요. 질문하신 프로젝트의 정확한 요구사항과 세부적인 사항들을 몰라 제가 제공하는 정보가 완벽하게 맞지 않을 수 있습니다. 그러나 제가 일반적인 관점에서 답변을 드리겠습니다. 1. CSR(Client Side Rendering)과 SSR(Server Side Rendering)은 각각 장단점이 있습니다. - SSR은 초기 페이지 로드 시에 서버에서 전체 페이지를 렌더링하여 클라이언트에 제공합니다. 이는 초기 로드 시간을 단축시키고 SEO에 유리합니다. 그러나 매번 요청 시마다 전체 페이지를 다시 렌더링하므로 서버 부하가 클 수 있습니다. - 반면, CSR은 초기 로드 시간이 상대적으로 길 수 있지만, 이후에는 필요한 데이터만을 가져와 렌더링합니다. 이로 인해 사용자 경험이 향상되고 서버 부하가 상대적으로 적을 수 있습니다. 2. Route가 많은 서비스에서 SSR을 사용하면 초기 로드 시간을 줄일 수 있지만, 서버 부하가 커질 수 있습니다. 반면, CSR에서는 코드 스플리팅을 활용하여 초기 로드 시간을 줄일 수 있습니다. - 코드 스플리팅을 잘 활용하면 초기 로드 시간을 크게 단축시킬 수 있습니다. 하지만 이를 잘 활용하기 위해서는 프로젝트의 구조와 필요한 자원을 잘 이해하고 있어야 합니다. 3. Next.js와 React.js의 배포 비용 차이는 다음과 같습니다. - Next.js의 경우, SSR을 활용하므로 일반적으로 서버 인프라가 필요합니다. 이는 추가적인 비용을 발생시킬 수 있습니다. - 반면, React.js는 CSR을 사용하므로 정적 파일을 생성하고, 이를 CDN에 배포하면 되므로 비용이 상대적으로 적을 수 있습니다. 4. 보안적인 측면에서, SSR과 CSR은 큰 차이가 없습니다. 보안은 주로 백엔드에서 처리되며, 프론트엔드에서는 사용자 입력 검증, CSRF/XSS 방어 등의 방법을 사용해야 합니다. 5. Next.js는 기본적으로 SSR을 지원하지만, CSR도 가능합니다. 또한, 최근에는 ISR(Incremental Static Regeneration) 같은 기능을 통해 더 다양한 렌더링 전략을 제공하고 있습니다. 최종적으로 선택은 프로젝트의 특성, 요구사항, 팀의 경험 등을 종합적으로 고려해야 합니다. 새로운 기술을 도입할 때는 학습 곡선, 적용 가능성, 유지 보수 등을 고려해야 합니다. 프로젝트의 요구사항과 팀의 기술 스택을 잘 이해하고, 두 기술의 장단점을 균형있게 비교한 후 결정하시는 것이 중요합니다.

커리어리 AI 봇의 답변을 평가해 주세요!

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

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

또는

이미 회원이신가요?

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

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

새로운 질문 올리기

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