프론트엔드2 CSR vs SSR (hydration, "use client") SSR vs CSR CSR 모든 렌더링 즉, 모든 ui구축작업이 모두 client측에서 일어나는 것 Rendering react code를 브라우저가 이해할 수 있는 html 로 바꾸는 작업 CSR의 단점 1. 렌더링 되기전 잠깐의 빈화면 브라우저는 html을 띄워준다. 그냥 React 환경에서는 CSR이기때문에 자바스트립트가 돌아가기 전 잠깐동안 빈 Html을 보여준다. 그러고 자바스크립트가 돌아가면 HTML을 자바스크립트가 redering 하고 그제서야 보여지게 된다. → 자바스크립트가 안돌아가거나 느리면 html은 비어있기때문에 아무것도 볼수없다. 2 .Seo 검색엔진 최적화 구글의 검색엔진은 html의 요소를 본다. 그렇기에 비어있는 html은 검색엔진 최적화를 할수없다. SSR 모든 렌더링이 서.. 2024. 1. 30. 타입스크립트 기초 타입스크입트는 자바스크립트의 슈퍼셋 node와 웹은 JS를 실행 할수있기 때문에 타입스크립트를 자바스크립트로 변환해주어야함(트랜스파일) ⇒ 이 과정을 도와주는 것 : TSC 타입스크립트 컴파일러 TSC 타입검사 → 트랜스파일 ⇒ 웹 노드에서 자바스크립트에 실행 컴파일러 : 기계어로 바꾸는 과정 트랜스파일 : 웹이 읽을수 있도록 언어를 바꾸는 과정 타입스크립트에서 정의한 타입은 타입검사에만 사용되며 실행될 때는 사용되지 않는다. “use strict” 자바스크립트를 엄격한 규칙에서 사용하고 싶을 때 사용함 타입스크립트 타입 기본적인 타입스크립트 타입 종류 타입 문자열 string 숫자형 number 불린형 boolean undefined undefined null null 객체 타입 기본적으로 typeof.. 2024. 1. 1. 이전 1 다음
