분류 전체보기

타입스크립트 1장 연습문제 | 타입스크립트의 추론

1. 타입스크립트의 추론 방식 알기 let a = 10423; //number let b = "apple"; //string const c = "grape"; //"grape" let d = [true, false, true]; //boolean[] let e = { 이름: "smith" }; //{ 이름: string } let f = [1, false, "홍길동"]; //(number | boolean | string)[] const g = [3]; //number[] let h = null; //any 2. 에러의 원인 파악하기 a. let i: 3 = 3; i = 4; ~ //'4'형식은 '3'형식에 할당할 수 없습니다. 원인 : i 변수를 명시적으로 오직 하나의 값을 나타내는 타입인 '타입리터럴..

진정한 타입스크립트의 시작, Union 타입

유니온 타입은 타입스크립트에서 코딩할 때 굉장히 많이 쓰게 될 것이다. OR 또는 합집합으로 이해하면 충분할 것이다. type Direction = "left" | "right" | "up" | "down"; function move(direction: Direction) { console.log(direction); } type TileSize = 8 | 16 | 32; const tileA: TileSize = 16; //const tileB: TileSize = 10; //10 형식은 TileSize 형식에 할당할 수 없습니다. //function : login -> success, fail type SuccessState = { response: { body: string; }; }; type F..

타입스크립트를 쓰는 이유, type alias와 String Literal Types

type alias(내가 새로운 타입을 정의할 수 있다)를 이용하면 기본적인 타입부터 복잡하고 정교한 타입까지 정의할 수 있다. 가령 type Text = string; 위와 같이 작성하면 Text라는 새로운 타입은 문자열을 말한다고 지정해주는 것이다. type Text = string; const name: string = "홍길동"; const nickName: Text = "황진이"; console.log(name); //홍길동 console.log(nickName); //황진이 type alias 를 통해서 다음과 같이 특정 프로퍼티가 강제된 객체 타입을 만들 수도 있다. 그리고 변수의 타입을 type alias로 작성한 것으로 지정해주면 특정 프로퍼티만 할당할 수 있을 뿐더러 특정 프로퍼티의 타..

스프레드 연산자, 배열, 튜플

스프레드 연산자와 함께 쓰는 경우 function addNum(...numbers: number[]): number { return numbers.reduce((a, b) => a + b); } console.log(addNum(1, 2)); console.log(addNum(1, 2, 3)); console.log(addNum(1, 2, 3, 4)); 3 6 10 배열과 튜플 nst fruits: string[] = ["사과", "바나나"]; const numbers: Array = [1, 2, 3, 4, 5]; const cloths: [string, number] = ['청바지', 2]; console.log(cloths[0]); //청바지 튜플 사용하는 것은 권장하지 않는다. const cloth..

자바스크립트 반복문

https://curryyou.tistory.com/202

포인터, 이중포인터

[C언어] 포인터, 이중포인터 개념, 실습 예제 완벽 이해 (tistory.com)

[드림코딩 자바스크립트] 비동기 promise

https://youtu.be/JB_yU6Oe2eE 주석은 콜백 지옥 예제 // class UserStorage { // loginUser(id, password, onSuccess, onFailure) { // setTimeout(() => { // if ( // (id === "홍길동" && password === "아버지") || // (id === "황진이" && password === "청산리") // ) { // onSuccess(id); // } else { // onFailure(new Error("not found")); // } // }, 2000); // } // getRoles(user, onSuccess, onFailure) { // setTimeout(() => { // if (..

[드림코딩 자바스크립트]비동기의 시작 콜백지옥

https://youtu.be/s1vpVCrT8f4 index.js class UserStorage { loginUser(id, password, onSuccess, onFailure) { setTimeout(() => { if ( (id === "홍길동" && password === "아버지") || (id === "황진이" && password === "청산리") ) { onSuccess(id); } else { onFailure(new Error("not found")); } }, 2000); } getRoles(user, onSuccess, onFailure) { setTimeout(() => { if (user === "홍길동") { onSuccess({ name: "홍길동", role: "아버..

[Git]지역 저장소의 프로젝트를 업로드하려다 defualt 브런치는 master가 아니라 origin인 건에 관하여

깃허브(Github) 2. 원격 저장소 만들기 + 지역 저장소의 프로젝트를 업로드 하기 : 내 프로젝트를 github에 올리기 (tistory.com) [ 05.23 ] git (1) - git upload procedure / 내 작업물 git hub에 업로드 해보기. (velog.io) [ 05.23 ] git (1) - git upload procedure / 내 작업물 git hub에 업로드 해보기. 개발시작하고 수없이 들어봤지만 정확히 몰랐던 git 이 무엇인지 다뤄보겠다.git : 저장 관리소 개념.컴퓨터의 용량은 정해져 있는데 작업물은 계속 늘어간다면 어떻게 될까?컴퓨터는 느려질테고 velog.io [GitHub] 깃허브에 프로젝트 올리기 (tistory.com) cd 프로젝트 폴더 git ..

60. 예외 처리하기(1)

https://youtu.be/Os_o-7eGu7Y 챕터 12 예외 처리하기 이 장의 핵심 개념 구조적 예외 처리가 무엇인지 이해한다 try~catch~finally 문을 이용한 예외 처리 방법을 익힌다 System.Exception 클래스를 이해한다 throw 문을 이용하여 예외를 던지는 방법을 익힌다 사용자 정의 클래스를 정의하고 사용하는 방법을 익힌다 예외에 대하여 정의: 프로그래머가 생각하는 시나리오에서 벗어나는 사건, 이것을 예외라고 부른다. 예1) 숫자가 입력되어야 하는 변수에 문자열 입력 시도 예2) 파일을 저장시 하드디스크 용량 소진 예외처리 : 프로그램의 오류나 다운으로 이어지지 않도록 적절하게 처리하는 것 using System; using System.Collections; using..