inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Slack 클론 코딩[실시간 채팅 with React]

기술 스택 선택에 있어 조언을 구하고 싶습니다

해결된 질문

170

너리

작성한 질문수 1

0

안녕하세요, 현재 슬랙 클론코딩 강의와 노드버드 강의를 모두 신청해서 듣고 있는 수강생입니다. 프론트엔드 쪽으로 취업 준비 중인데 덕분에 CSR과 SSR을 둘 다 경험해보며 많은 걸 배우고 있습니다!

강의를 바탕으로 응용해서 졸업논문 프로젝트로 AI 챗봇 웹사이트를 만들고자 합니다. 기본적인 회원가입/로그인 기능을 구현할 예정이고 주 기능이 챗봇과의 채팅이라서 2~3페이지 정도 필요할 것 같습니다. 사용자의 응답에 따라 챗봇 API에 요청을 보내고 응답을 받는 과정이 자주 일어납니다. 채팅 기록을 DB에 저장하고 검색할 수 있게 할 예정입니다.

기능을 고려했을 때 CSR(React)과 SSR(Next.js) 중 어떤 방식을 택하는 게 좀 더 나을지 고민이 많이 돼서 제로초님의 조언을 구하고 싶습니다ㅠ 필요한 페이지가 적고 SEO가 당장 급하지 않은 상황이긴 한데 저 혼자 풀스택으로 웹 개발을 해야 해서 슬랙 클론코딩 강의와 노드버드 강의 중 백엔드까지 배울 수 있는 노드버드 강의에 좀 더 눈이 가네요 SSR로 프로젝트를 해보고 싶기도 하고요..!

1. 본 프로젝트에 SSR, CSR 중 어떤 방식이 좀 더 적합할지,

2. CSR가 더 낫다면 슬랙 클론코딩 백엔드를 같이 수강하고 프로젝트에 응용하는 게 적합할지 궁금합니다!

글 읽어주셔서 감사합니다 :)

웹팩 Socket.io typescript babel react 클론코딩

답변 1

1

제로초(조현영)

1. csr이 적합하긴 한데 넥스트로 만들어도 큰 문제는 없습니다.

2. 졸업프로젝트를 위해 네스트까지 하기에는 너무 버겁지않을까 생각이 드네요. 노드버드 백엔드정도만 하시면 될것같습니다.

0

너리

빠른 답변 정말 감사합니다!

기본 셋팅과 관련하여

0

109

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

110

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

167

2

useEffect 개수 관리

0

123

2

라이브러리 서치 방법

0

118

2

함수 정의 패턴

0

81

1

npm run dev 에러

0

157

3

npx webpack 후 에러

0

190

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

154

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

193

2

초기세팅중 packge.json 에러떠요

0

163

2

CORS - Access-Control-Allow-Origin 누락 문제

0

440

3

로그인 페이지 무한 새로고침 현상

0

610

2

Module not found: Error: Can't resolve './App' 에러

0

971

1

배포 방법

0

307

2

npm run dev 시 빌드가 매우 느려졌습니다

0

1017

2

alias 경로 설정 오류

0

463

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

284

1

제네릭 질문

0

227

2

ts-node 대신 tsx 사용여부

0

380

1

배포 관련 질문

0

249

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

396

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

343

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

255

2