sineTlsl's blog ☁︎
취소

[S1-Unit02] JavaScript 기초 - 변수(Variable)

변수(Variable) 란? 변수(Variable) 는 하나의 값을 저장할 수 있는 저장공간이다. 1. 변수의 개요 사전에 커피란 끓여서 마실 수 있도록 볶아 놓은 커피나무 열매의 씨앗, 또는 그것을 빻은 분말 상태의 물질로 그 씨를 끓이거나 분말을 뜨거운 물에 타서 만든 짙은 갈색 음료 를 의미한다. 하지만 이 커피를 말할 때마다 이 ...

[CODESTATES] OT

코드스테이츠 OT 12월 15일 수업을 처음 듣는 날이였다. OT 날이다 보니 별다른 수업을 진행하진 않았고, 부트캠프 학습 방법과 툴, 그리고 코스 사전 안내 등 운영을 안내하는 내용이 진행되었다. 전반적으로 ‘코드스테이츠 프론트엔드 부트캠프는 이루어지는구나’ 라고 넘어가는 부분이었다. 운도님이 앞으로의 목표와 부트캠프가 이루어지는 동안의 스케줄...

[CODESTATES] 코드스테이츠 프론트엔드 부트캠프 43기 합격 후기

2022년 12월 1일, 코드스테이츠 프론트엔드 부트캠프 43기 (정부지원 5회차) 합격 연락을 받게 되었다. 수강 기간은 2022.12.15. ~ 2023.06.07. 이므로 첫 수업까지 일주일 정도 시간이 남아있다. 개강 하기 전, Codestates 합격 후기에 관한 이야기를 해보고자 한다. 지원 동기 직무에 관련된 정보를 얻고자 SNS...

[캡틴판교 TS] 섹션 12. 타입 추론

타입 추론(Type Inference) 이란? 타입 추론 은 타입스크립트가 코드를 해석해 나가는 동작을 의미한다. 타입 추론의 기본 let a = "abc"; 위에 a 는 string 으로 간주된다. 이렇게 변수를 선언하거나 초기화할 때 타입이 추론된다. 이외에도 변수, 속성, 인자의 기본 값, 함수의 반환 값 등을 설정할 대 타입 추론이 일어난...

[캡틴판교 TS] 섹션 11. 두 번째 프로젝트 - 전화번호부 애플리케이션

실습 내용 이넘(Enum) 살펴보기 인터페이스 안에서 특정 속성을 타입을 인터페이스로 지정하기 특정 객체의 키를 지정하지 않았을 때, 키 값을 받을 수 있는 방법 배열의 타입 지정 fetch인 promise 안에 제네릭을 왜 넘기는지, 어떻게 넘기는지 알아보기 interface PhoneNumberDictionary { [p...

[캡틴판교 TS] 섹션 10. 제네릭

제네릭(Generics) 이란? 제네릭 은 C#, Java 등의 언어에서 재사용성이 높은 컴포넌트를 만들 때 자주 활용되는 특징이다. 특히, 한 가지 타입보다 여러 가지 타입에서 동작하는 컴포넌트를 생성하는데 사용된다. 즉, 제네릭이란 타입을 마치 함수의 파라미터처럼 사용하는 것을 의미한다. 제네릭 예시 다음은 제네릭을 사용하기 전 코드다...

[캡틴판교 TS] 섹션 9. 클래스

클래스(Class) 란? ES6에서 새롭게 도입되었다. 프토로타입과 클래스 관계 다음과 같이 method 와 class 로 선언한 부분은 동일한 내용이다. // method function Person(name, age) { this.name = name; this.age = age; } let capt = new Person("캡틴", 1...

[캡틴판교 TS] 섹션 8. 이넘

이넘(Enums) 이란? 이넘(Enums) 은 특정 값들의 집합을 의미하는 자료형이다. 예를 들어, 다음과 같은 목록이 이넘이 될 수 있다. 나이키 아디다스 뉴발란스 타입스크립트에서는 숫자형 이넘 과 문자형 이넘 을 지원한다. 숫자형 이넘 타입스크립트에서 숫자형 이넘은 아래와 같이 선언한다. enum Shoes { Nike = 1, ...

[캡틴판교 TS] 섹션 7. 연산자를 이용한 타입 정의

Union Type 이란? 유니온 타입(Union Type) 이란 자바스크립트의 OR 연산자 (||)와 같이 ‘A이거나 B다’ 라는 의미의 타입이다. 다음 코드 예시처럼 string 타입과 number 타입 둘 다 가능하다. function logMessage(value: string | number) { console.log(value); } ...

[캡틴판교 TS] 섹션 6. 타입 별칭

타입 별칭이란? 타입 별칭 은 특정 타입이나 인터페이스를 참조할 수 있는 타입 변수를 의미한다. // string 타입을 사용할 때 const name: string = 'capt'; // 타입 별칭을 사용할 때 type MyName = string; const anme: MyName = 'capt'; 복잡한 타입 별칭 간단한 타입 뿐만 아니...