본문 바로가기
Hello! I'm haein, a junior front-end developer. Welcome to my space.
간단한 자기소개 '◡'
안녕하세요. 정리하는 것이 주특기이고, 인문논술로 대학을 가서 나름 글쓰기에 자부심(?)이 있는 주니어 개발자입니다. 개발 공부를 하면서 좀 더 정돈된 기록을 해보고 싶어서 블로그를 시작하게되었습니다. 게시글 하나하나 정말 정성스럽게 열심히 썼구요. 되도록이면 공식문서를 참고해서 객관적이고 정확한 정보를 작성하려고 노력했습니다. 그리고 제가 이해가 될 정도로 디테일하게 서술해서 웬만한 사람들도 이해가 가능할 것이라는것이 저의 뇌피셜입니다. 아무쪼록 저의 글을 읽는 사람들이 어떤 방향으로든 도움이 되셨으면 좋겠습니다. 참고로 연보라, 연핑크를 좋아하구여, 그라데이션도 좋아합니다. 그래서 내 취향에 맞게 커스텀 했습니다 ㅎㅎㅎ MBTI는 ISTJ입니다. 너무 TMI라서 toggle로 해뒀습니다. 궁금한 사람들은 펼쳐보시겠죠?

Languages/TypeScript

 (12)
[TypeScript] 연산자를 이용한 타입 정의 (Union Type, Intersection Type) 목차 1. 유니온 타입이란?2. 유니온 타입의 장점3. 유니온 타입을 쓸 때 주의할 점4. 인터섹션 타입이란?5. 인터섹션 타입 예시와 특징   타입스크립트에서 연산자를 이용해 타입을 정의해보자!    1. 유니온 타입 (Union Type) 이란?  * 유니온 타입: 자바스크립트의 OR 연산자(||)와 같이 A이거나 B이다 라는 의미의 타입 function logText(text: string | number) { // ...} 위 함수의 파라미터 text에는 문자열 타입이나 숫자 타입이 모두 올 수 있다.이처럼 | 연산자를 이용하여 타입을 여러 개 연결하는 방식을 유니온 타입 정의 방식이라고 부른다.      2. 유니온 타입의 장점  any를 사용하는 경우와, 유니온 타입을 사용하는 경우를 비교하..
[TypeScript] 타입스크립트의 인터페이스(interface) 목차 1. 인터페이스란? 2. 인터페이스 적용 전 후 살펴보기 3. 변수에 인터페이스 활용하기 4. 함수에 인터페이스 활용하기 5. 함수 스펙에 인터페이스 활용하기 6. 배열 인덱스에 인터페이스 활용하기 7. 인터페이스 딕셔너리 패턴 8. 옵션 속성 9. 읽기 전용 속성 10. 인터페이스 확장 타입스크립트의 인터페이스(interface)에 대해서 알아보자! 1. 인터페이스란? * 인터페이스: 상호 간에 정의한 약속 혹은 규칙 인터페이스는 보통 다음과 같은 범주에 대해 약속을 정의할 수 있다. 객체의 스펙(속성과 속성의 타입) 함수의 파라미터 함수의 스펙(파라미터, 반환 타입 등) 배열과 객체를 접근하는 방식 클래스 2. 인터페이스 적용 전 후 살펴보기 적용 전 let person = { name: 'Ca..
[TypeScript] 타입스크립트의 함수 타입 - 파라미터, 반환값, 인자, 옵셔널 파라미터 목차 1. 함수의 "파라미터"에 타입을 정의하는 방식 2. 함수의 "반환값"에 타입을 정의하는 방식 3. 함수의 타입을 정의하는 방식 4. 함수의 인자 5. 함수의 옵셔널 파라미터 타입스크립트 함수 타입에 대해서 알아보자! 1. 함수의 "파라미터"에 타입을 정의하는 방식 파라미터의 개수와 인자도 개수를 맞춰줘야 한다. (1:1 mapping이 돼야한다.) function sum(a: number, b: number) { return a + b; } sum (10, 20); 2. 함수의 "반환 값"에 타입을 정의하는 방식 function add(): number{ return 10; } 함수의 반환 값에 타입을 정하지 않을 때는 void라도 사용하기! 3. 함수의 타입을 정의하는 방식 (가장 기본적인 모습..
[TypeScript] 타입스크립트의 기본 타입 타입스크립트에는 12가지 기본 타입이 있다. 1. String (문자열) 2. Number (숫자) 3. Boolean 4. Object 5. Array 6. Tuple 7. Enum 8. any 9. void 10. never 11. Undefined 12. null (1) String 자바스크립트 변수의 타입이 문자열인 경우 아래와 같이 선언 let str: string = 'hi'; // 위와 같이 :를 이용하여 자바스크립트 코드에 타입을 정의하는 방식을 타입 표기(Type Annotation)라고 함 (2) Number 타입이 숫자이면 아래와 같이 선언 let num: number = 10; (3) Boolean 타입이 진위 값인 경우에는 아래와 같이 선언 let show: boolean = tr..

티스토리툴바