choco's story

Literal 타입 시작Literal 타입이란? : 문자열과 숫자에 한해서 직접 값 자체를 타입으로 선언하는 것리터럴 타입은 집합 타입의 보다 구체적인 하위 타입이다.이 말이 이해가 안될 수 있다.쉽게 표현하자면, 타입 시스템 안에서 "Hello World"는 string이지만, string은 "Hello World"가 아닌 것이다.타입은 무조건 number, string, array와 같은 자료형만 넣는 것이 아니다.타입스크립트에는 문자열과 숫자, 그리고 불리언 총 세 종류의 리터럴 타입이 있는데, 이를 잘 사용하면 문자열이나 숫자에 정확한 값을 지정할 수 있다.리터럴 타입 좁히기 (Literal Narrowing)var 또는 let으로 변수를 선언할 경우엔 이 변수의 값이 변경될 가능성이 있음을 컴파..

기본 타입이란?변수나 함수를 정의할 때 사용하는 기본 타입들을 의미타입스크립트의 기본 코드 구조개별 타입을 알아보기 전에, 타입스크립트에서 변수를 선언할 때 사용하는 기본적인 코드 구조를 알아보자.let [변수이름]: 타입 = 값;타입 - 문자열(string)자바스크립트 변수의 타입이 문자열인 경우에 아래와 같이 string을 사용let str: string = 'hello'; 타입 표기(Type Annotation)이란? &nbsp : 콜론(':')을 사용하여 자바스크립트 코드에 타입을 정의하는 방식 ex)let mygirl1: string = 'Alice';let mygirl2: string = "Lina";let myfriendAlice: string = 'My first frien..

(해당 시리즈의 글들은 캡틴판교님의 타입스크립트 핸드북을 통해 공부한 것을 개인적으로 정리한 것입니다.)타입스크립트란?JavaScript에 타입을 부여한 언어 (= JavaScript에서 확장된 언어)이러한 타입스크립트는 브라우저에서 실행하려면 파일을 한 번 변환해주는 작업이 필요한데, 이 변환 과정을 컴파일(compile)이라고 한다.타입스크립트를 사용하는 이유?에러 사전 방지타입스크립트는 에러를 사전에 예방할 수 있다는 장점을 가진다.// math.tsfunction sum(a, b){ return a + b; }// math.tsfunction sum(a: number, b: number){ return a + b;}이 두 코드는 전부 두 숫자 a, b의 합을 구하는 함수 코드이다.하..

z-indexz-index 란?: 요소들의 쌓임 순서(stack order)를 정의하는 속성정수 값을 지정하여 쌓임 맥락(stacking context)에서의 레벨을 정의하는 방식으로 사용합니다.즉 위치 지정 요소에 대해 적용 가능한 속성입니다.위치 지정 요소란? position 속성이 정의되어 있는 요소쌓임 맥락(Stacking context)이란?2차원 평면의 HTML 페이지를 Z축이 있는, 즉 3차원적인 관점으로 표현하는 개념&nbsp&nbsp=> 즉 요소들이 겹칠 때, 해당 요소가 다른 요소 위나 아래에 쌓이는 순서를 따져서 맥락상 우선순위를 정하는 규칙!z-index의 기본값 = auto여기서 auto는 새로운 쌓임 맥락이 형성되지 않은 상태!z-index 사용 예시 1 2 ..