본문 바로가기

JS4

호이스팅(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.
자바스크립트(JavaScript ) Array Method 정리해보기 Javascript 배열함수 forEach 배열의 모든 요소 반복하는 메서드이다 모든 원소들을 모두 출력해야 할떄 for 문을 대체 시킬 수 있다 const a = [1,2,3,4,5]; for (let i = 0; i console.log(i)); map 배열의 모든 요소를 이용하여 새로운 배열을 반환하는 메서드이다 let a = [1, 2, 3, 4, 5]; let newNumbers = a.map((number) => console.log(number)); filter 배열에서 특정 조건을 만족하는 값들만 따로 추출하여 새로운 배열을 반환하는 배서드이다 const a = [1,2,3,4,5]; con.. 2023. 6. 12.

티스토리툴바