CSR & SSR 과 Node Express에 대해 궁금합니다.

Question

안녕하세요. 프론트엔드 공부중 React 를 사용해서 개인 프로젝트를 구상하다가 궁금증이 생겼습니다.우선 로그인을 해서 유저와 관리자를 따로 두어 게시판 사이트를 만들어 보려고 하는데 제가 생각하고 있는 개념이 맞는 개념인지 잘 모르겠어서 글을 올려 봅니다.로그인 같은 경우 Express에서 API를 만들어 기능을 사용하면 될것이라고 생각하고, SSR 방식으로 제작하고 싶습니다.이때, SSR은 서버에서 HTML파일을 생성해 Client에 전달하는 방식으로 알고 있는데Express에서 res.sendFile(__dirame &#43; &#34;html&#34;)을 get요청을 하면 서버에서 파일을 전달하는 것이니 SSR방식인가? 라는 생각을 하는데 정확한 것인지 모르겠습니다...그리고 SSR하면 Next.js 가 가장 유명한데 Next안에 Express와 같은 서버 기능이 탑재되어 있어서 Next를 사용하면 Express를 굳이 사용하지 않아도 되는지 궁금합니다.또, 프론트엔드라고 해도 기본적인 API는 개발할 줄 알아야 한다고 들었는데 그렇다면 Spring도 공부를 해야하는건지 아니면 어디까지 알고 있어야 하는지 감이 잡히질 않습니다.독학중에 있고 물어볼 사람도 없는 터라 글을 남겨 봅니다..SSR을 제작 할 거면 Express 말고 그냥 Next를 바로 시작해야 하는지.Express에서 파일을 보내주는것도 SSR방식인지.Express를 사용해야 한다면 React 폴더와 Express 폴더를 따로 두어 만들어야 하는지.SSR 방식에서 서버에서 HTML파일을 보낸다는 의미가 정확히 어떤것인지 ( HTML 파일 만들어 두고 서버에 저장 하고 API 호출마다 그에 맞는 HTML파일을 보내는것인지? )프론트에서 포폴 만들때 로그인 기능 구현을 할 적에 Express에서 ( 로그인, 회원가입, 토큰 받기 )을 만들어 사용해도 충분한지아니면 Open API를 가져와 사용하는게 나은지.긴 글 읽어 주셔서 감사합니다. 답변 부탁드립니다 ㅠㅠ

ingn · Answer

html을 만드는 것을 렌더링이라고 할때 이게 화면 &#43; 데이터를 조합하는거라고 보면ssr은 이 렌더링을 서버에서 완료해서 보내줍니다.csr은 최소한의 정보 (보통 데이터)를 서버에서 받아서 화면 그리는 것을 클라이언트에서 하는 것이구요.다만 csr은 보통 seo문제가 생긴다고 해서 나온 게 nextjs라고 알고 있습니다.클라이언트에서 할 리액트 렌더링을 서버에서 어느정도 해서 보내주는 걸 또 ssg라고 합니다제 개인적인 판단으로는 ssg와 ssr은 비슷한개념이라고 보고 있습니다상황에 맞게 ssr csr ssg를 잘 사용해야한다. 가 제 나름대로 결론입니다 ㅎㅎ

skrevolve · Answer

자유. next 쓰는이유는?파일을 보내는게 아니라 서버에서 처리하는게 ssr따로해도 되고 같이 만들어도됨 ?????이런부분은 아직 공부하셔야할듯. next js 하시면서 헷갈리시는거 같은데 왜만들죠 그거 만들시간에 프론트 최적화

CSR & SSR 과 Node Express에 대해 궁금합니다.

2개의 답변

Q&A 목록