cra, next.js 관련 질문 드립니다!

실전 리액트 프로그래밍

create-react-app으로 시작하기

작성

486

강사님 안녕하세요! :)
수업 잘 듣고 있는 학생입니다. 설명 차분히 잘 해주셔서 참 좋다고 생각하고 완강 꼭 하겠습니다!

cra 설명을 주셔서 궁금한 부분이 있어서 질문드려요.
1. 백오피스는 cra로 개발하는게 좋다고 하는데, 여기서의 백오피스가 어떤건지 궁금합니다.
2. 서버사이드 렌더링이 필요한 겨웅 next.js가 필요하다고 하셨는데, 서버사이드 렌더링은 보통 어떤 경우에 쓰이는 걸까요? 시나리오와 같은 예를 들어주시면 정말 감사할 것 같아요!

react redux

답변 1

이재승

지식공유자

정연님 안녕하세요
강의를 통해 많이 얻어가시길 빌게요^^

회사 내부 직원들이 사용하는 웹사이트입니다. 검색 엔진 최적화, 빠른 첫 페이지 렌더링 등이 필요하지 않아서 서버사이드 렌더링을 할 필요가 없습니다. 다만 Next.js 가 익숙한 분들이라면 그냥 Next.js 로 개발해도 상관 없다고 생각합니다.
서버사이드 렌더링을 안하면 첫 페이지가 렌더링되지 않은 채로 (하얀색 화면만) 사용자에게 전달됩니다. 이후 클라이언트 측에서 화면을 렌더링합니다. 결과적으로 구글이나 네이버 같은 검색 엔진에서는 낮은 품질의 사이트라고 판단하고 검색 결과에서 상위에 노출시키지 않을 확률이 높습니다. 그리고 인터넷이 느리거나 저사양 폰을 사용하는 분들은 첫 화면이 나타날 때까지 오래 기다리게 됩니다. 앞에서 말한 단점들은 대부분의 B2C 서비스에게 큰 단점으로 다가옵니다. 쿠팡 같은 이커머스 서비스에서 본인들의 상품이 구글 검색에 잘 노출되지 않는다면 매출 하락으로 이어질겁니다.

이정연

질문자

친절하고 상세한 설명 정말 감사합니다 :)

인프런 커뮤니티 질문&답변

cra, next.js 관련 질문 드립니다!