[10분 테코톡] 🎨 신세한탄의 CSR&SSR

[@domic93]

잘모르는 개념 알려고 검색하다가 이 테코톡이라는걸 종종 보게되는데
진짜 설명이 제일 괜찮음
다른 유튭은 뭐라고하는데 뭐지..? 뭔소리지..? 내가 병신인가? 이런 생각이 종종 드는데
여기는 아 그래서 이렇게 부르는구나 이런 생각이 듦

[@이름성-x5l]

개꿀채널

[@youngj6367]

악플을 못달겠네요. 발표자님 존경합니다.

[@ella-yschoi]

이해하는데에 정말 큰 도움 받았습니다! 영상 복습하면서 공부 했어요. 감사합니다 :)

[@MMulgogi]

진짜 설명 너무 좋다... 미쳤다

[@잉브1]

csr ssr 개념 이해하려고 들어왔는데 바로 이해되네요 감사합니다!!

[@조병규-v3j]

깔끔하고 쉬운설명 감사합니다.

[@jamie-choi]

좋은 발표 감사합니다 :D

[@GB-vz8pk]

우와 csr ssr 비교 영상 중 최고로 잘 만드신 거 같아요.. 진짜 원트에 잘 이해 못하는 제가 한방에 이해했네요. 영상 감사합니다 ㅜㅜ

[@정혜지-t1i]

감사합니다!!

[@오창현-g3f]

SPA: SinglePageApplication: 하나의 페이지로 이루어진 웹 애플리케이션. 원하는 부분만 동적으로 갈아끼울 수 있음. 화면 깜빡임 없음.
MPA: MultiPageApplication: 탭을 이동할 때마다 서버로부터 새로운 HTML을 받아와 페이지 전체를 새로 렌더링. 화면 깜빡임 있음.
CSR: ClientSideRendering: SPA 방식에서 사용, 웹 어플케이션에서 필요한 정적 리소스를 초반 한번에 다운로드, 새로운 페이지 요청이 있을 때 페이지 갱신에 필요한 데이터만 전달받아 클라이언트에서 페이지를 갱신.
클라이언트 측에서 렌더링 하는 방식.
SSR: ServerSideRendering: MPA 방식에서 사용, 새로운 요청이 있을 때마다 서버에서 이미 렌더링된 정적 리소스를 다운로드.
서버 측에서 렌더링 하는 방식.
요청한 즉시 데이터가 만들어져, 미리 만들어두기 어려운 페이지에 적합.
SSG: StaticSideGeneration: 서버에서 HTML을 보내준다는 측면에선 SSR과 비슷, 언제 만들어졌느냐 차이가 있음.
페이지들을 서버에 미리 만들어두고, 요청시 해당 페이지 응답. 바뀔 일이 거의 없는 페이지에 적합.

[@박창희-r4e]

깔끔한 설명 감사합니다

[@anyoungyoon2876]

감탄~

[@rcn_2931]

코린이 잘 배워갑니다~

[@Daniel-yw8mp]

이걸로 도움 많이 받았습니다ㅎㅎ

[@billyoh444]

옥쟁반에 은구슬 굴러가는 것만 같은 목소리로 설명해주시니 귀에 쏙쏙들어오네요.

[@고래고래밥-j7c]

감사합니다

[@lionsama-w2t]

신세한탄 미쳤다

[@mmaaammy]

Super super rare!

[@우지예-w8v]

1)
csr은 브라우저에서 js링크를 받아와서 js를 다운로드 받는다고 설명하셨고 ssr은 부라우저에서 js code를 받아와서 js 코드를 다운로드 받는다고 하셨는데,
js를 다운받는 것과 js code를 다운로드 받는 것이 다른 개념일까요? 다르다면 무엇이 다른 걸까요?
2)
그리고 ssr은 브라우저에서 js code를 받는데 브라우저에서 또 다운로드를 받아야하는 걸까요?

[@yooncc]

저도 그게 의문이네요ㅠㅠ

[@gtah2yk]

👏 👏 👏 👏

[@티라노-y5h]

신세한탄 ㅋㅋ