분류 전체보기13 호이스팅(Hoisting) 정리해보기 호이스팅이란? 변수나 함수의 선언이 코드 최상단으로 끌어올려지는 듯한 현상을 말한다. 선언된 함수, var는 상단에서 참조, 호출이 가능하다. 선언된 const, let은 상단에서 참조, 호출이 불가능하다. Function Hoisting(함수 호이스팅) 함수 호이스팅은 가장 먼저 이루어지고 선언문만 해당된다. 함수 선언문은 해당 함수 참조에 대한 초기화까지 자동으로 이루어져서 선언된 함수는 상단에서 참조, 호출이 가능하다. Variable Hoisting(변수 호이스팅) 변수는 프로그램 내에서 3가지 단계를 거친다. 선언 : 파싱과정에서 변수 객체가 변수에 대한 식별자들을 수집한다. 초기화 : 식별자에 메모리를 할당하고 undifined 상태를 부여한다. myValue = undefined 할당 : 변.. 2023. 6. 14. 타입스크립트(typeScript) 제네릭, 유틸리티 타입 정리해보기 제네릭 여러 가지 타입에서 동작하는 컴포넌트를 생성하는데 사용한다 제네릭을 사용하는 이유 ex) 여기 text라는 파라미터에 어떤 값을 넘겨 받아도 그대로 text를 반환하는 함수가있다 function getText(text) { return text; } getText('hi'); // 'hi' getText(10); // 10 제네릭을 사용하면 함수를 호출할 때 아래와 같이 함수 안에서 사용할 타입을 넘겨줄 수 있다 함수의 인자와 반환 값에 모두 T 라는 타입을 추가했다 function getText(text: T): T { return text; } // 이렇게 선언한 함수는 아래와 같이 2가지 방법으로 호출할 수 있다 1 getText('hi'); getText(10); 2 getText('hi'.. 2023. 6. 13. 타입스크립트(typeScript) 정의, 쓰는이유, 기본 타입들 정리해보기 타입스크립트란 타입스크립트는 자바스크립트에 타입을 부여한 언어이다 자바스크립트의 확장된 언어라고 볼 수 있다 왜 타입스크립트를 써야할까 1. 에러의 사전 방지 TypeScript는 정적 타입을 지원하므로 컴파일 단계에서 오류를 포착할 수 있는 장점이 있다 아래와 같이 의도하지 않은 코드의 동작을 예방할수 있다 // math.js function sum(a, b) { return a + b; } sum(10, 20); // 30 sum('10', '20'); // 1020 // math.ts function sum(a: number, b: number) { return a + b; } sum('10', '20'); // Error: '10'은 number에 할당될 수 없습니다. 2. 코드 자동 완성과 가이.. 2023. 6. 13. 여러 렌더링 방식에 대해 정리해보기(CSR , SSR , SSG , ISR) 렌더링 방식들(CSR, SSR , SSG , ISR) CSR(Client Side Rendering) 유저와의 티키타가가 잦은 경우 적합하다 csr은 유저가 접속했을떄 로딩 과정을 거쳐 데이터를 불러온후 페이지를 보여주기 때문에 초기로딩속도는 느릴 수 있지만 렌더링 후에는 js 사용이 가능한 동적 html 을 생성해 보여주기 때문에 부드러운 사용자 경험을 제공할 수 있다 하지만 번들사이즈가 커지면 로딩속도가 현저히 느려질 수 있고 미리 html 을 만드는것이아니고 요청이 들어온 다음 html을 생성하는 방식이기 때문에 SEO 대응이 어렵다 CSR 확인할부분 검색엔진에 노출되지 않아도되는 페이지인가? 유저와의 인터렉션이 잦은가? 화면 업데이트/렌더링이 잦은가? 초기 로딩이 조금 느리더라도 부드러운 사용자 .. 2023. 6. 12. 이전 1 2 3 4 다음
