본문 바로가기
반응형

전체 글89

[REACT] CSR : Client Side Rendering 에 대해서 CSR : Client Side Rendering 클라이언트 사이드 렌더링은 SPA로 사이드에서 HTML을 반환한 후에, JS가 동작하면서 데이터만을 주고 받아서 클라이언트에서 렌더링을 진행하는것을 말합니다. 대표적인 라이브러리로 : React Vue Angular가 있습니다. CSR의 장점 1.HTML의 용량은 현저히 낮고 최초에 리소스를 받는것이 빠르기때문에 로딩이 빠르다는 장점이 있습니다. 2.DOM을 자바스크립트에서 만들고 있기 때문에 필요한 것만 그때 그때 만들어서 사용합니다. 3.SSR이 따로 필요하지 않기 때문에 일관성있는 코드를 작성할 수 있습니다. 4.서버의 부하를 줄일수 있습니다. CSR의 단점 1.SEO가 좋지않습니다. 2.사용자가 첫 화면을 보는데 시간이 많이 걸립니다. 3.어플리케.. 2023. 2. 16.
[타입스크립트] 이펙티브 타입스크립트 chapter1 Item1 타입스크립트와 자바스크립트의 관계 이해하기 ✅Summary · 타입스크립트는 자바스크립트의 상위 집합이다. 즉 모든 자바스크립트는 이미 타입스크립트 프로그램입니다. · 타입스크립트는 자바스크립트 런타임 동작을 모델링하는 타입시스템을 가지고 있기 때문에 런타임 오류를 발생시키는 코드를 찾아내려고 합니다. 하지만 모든 오류를 찾아낼수는 없습니다. · 타입스크립트 타입시스템은 전반적으로 자바스크립트 동작을 모델링 합니다. 그러나 잘못된 매개변수 개수로 함수를 호풀하는 경우처럼, 자바스크립트에서는 허용되지만 타입스크립트에는 문제가 되는 경우도 있습니다. Item2 타입스크립트 설정 이해하기 컴파일러 설정 파일 tsconfig.json //컴파일러 설정파일 { "compilerOptions" : { ".. 2023. 2. 14.
[javascript] SessionStorage 에 대해서 새로운 작업을 진행중에 로컬스토리지가 아닌 세션스토리지를 활용할 일이 생겼다.그럼 로컬스토리지와 세션스토리지의 차이가 무엇이고 어떤점이 필요해서 사용하게 되었는가 정리를 해보려고 한다.  Session Storage 사용법sessionStorage.setItem("key", value);//  domain이란 키(key) 값을 사용하여 해당 텍스트를 저장함 sessionStorage.getItem("key");// 키에 저장된 값을 반환. sessionStorage.removeItem("key");// 키와 데이터 모두 삭제 sessionStorage.clear(); 세션스토리지는 로컬스토리지랑 사용법이 다르지 않다 로컬스토리지 MDN 바로가기 Local Storage vs Session S.. 2023. 2. 9.
[javascript] += 더하기 할당 자바스크립트 += 더하기 할당 테이블을 만들다가 더하기 할당을 활용해서 만드는것을 보게되었다. MDN에서는 정의를 이렇게 이야기한다. 더하기 할당 연산자는 오른쪽 피연산자의 값을 변수에 더한 결과를 다시 변수에 할당합니다. 피연산자의 타입이 더하기 할당연산자의 동작을 결정하며, 덧셈 또는 문자열 연결이 가능합니다. let a = 2; let b = 'hello'; console.log(a += "3"); // Addition // Expected output: 5 console.log(b += ' world'); // Concatenation // Expected output: "hello world" 같은 연산자끼리는 연결이 되어 결과값을 다시 할당하게 된다. 위에 본 식 처럼 a=2 이고 더하기할당으.. 2023. 2. 8.