Jerry

섹션 1 기본 문법 배우기 원시 래퍼 타입 const a: string = 'hello'; const b: String = 'hello'; a와 b는 서로 다른 타입이다. b는 랩퍼 객체로, new String(); 이런 식으로 사용하는 객체이며, 평소에 잘 사용하지 않는다. 그러니, 대소문자 구분을 잘하자. 참고로, 타입스크립트는 자동 완성 추천 기능도 제공 ( ctrl + space ) 템플릿 리터럴 활용 type World = "world" | "hell"; const c: World = 'world'; const d = `hello ${c}`; type Greeting = `hello ${World}`; rest parameter 활용 let arr: string[] = []; let arr2: ..

섹션 1 기본 문법 배우기 never 타입 : 배열에 일반적인 타입이 올 수 없다 const array = []; array.push('hello'); 아래 경고 메시지처럼, never 타입에의 파라미터에 string 타입을 추가할 수 없다고 한다. Element + F12 Element에 커서를 두고 F12를 눌렀을 경우, 해당 Element에 대해 추가 정보를 얻을 수 있음 느낌표는 null이나 undefined가 아님을 보증하는 방식 - 내가 책임 질게!! but, 퇴사하면 책임질 사람이 사라짐 const head = document.querySelector('#head'); if (head) { // head.innerTML = 'hello world'; // 오타났을 경우 알려주는 기능 제공 c..

섹션 1 기본 문법 배우기 자바스크립트 변환 시, 콜론, type, interface, generic은 전부 사라진다 타입부분을 제대로 알고 사라지는 부분도 알고 있어야 한다 const t: true = true; type Add = () => number; interface Minus {} 위에는 타입, 아래는 선언만 되어있게 할 수 있다 function add(x: number, y: number): number; function add(x, y) { return x + y; } as부분도 사라진다 let aa = 123; aa = 'hello' as unknown as number;

섹션 1 기본 문법 배우기 타입스크립트가 이상한 추론을 하거나 절대 피해야할 any 타입으로 추론할 때 나서면 된다. 추론이 잘 되면 추론을 맡겨라, 최대한 타입을 좁게 적어라

섹션 1 기본 문법 배우기 타입 - 소문자 사용하기 타입 - 자리 기억하기 const a: string = '5'; const b: number = 5; const c: boolean = true; const d: undefined = undefined; const e: null = null; any를 쓰면 자바스크립트가 된다, 타입스크립트를 쓰는 의미가 없어진다 타입스크립트의 주목적은 any를 제거하는 것 const f: any = true; const g: true = true; // true만 받을 것이다 const h: 5 = 6; // 고정값 받겠다 명시 함수 타입 1 // 파라미터 타입 자리와 리턴값 자리 (자리를 잘 기억) function add(x: number, y: number): nu..

섹션 0 기본 세팅하기 (1) 타입스크립트 강좌를 리뉴얼한 이유 - 실습을 하면서 배우는 것도 (문법) 중요하지만, 남이 짠 타입에 대해서 분석하는 법을 아는 것도 중요하다는 것을 알게 됨 - 기본 문법 + 6개 라이브러의 타입을 공부 플랜 타입스크립트를 배워야하는 이유 - 안전성이 자바스크립트에 비해 높다고 생각 안정적 = 에러가 덜 난다 = 책임질 게 줄어든다 - 러닝커브가 높지 않다 타입스크립트 공식문서 ★ ★ ★) - 핸드북 필독!! - 버전 1.1부터 최신까지 읽어보기 - 강의 수강 => 시너지!! (2) 타입스크립트를 할 때 알아야 할 단 한가지 [기본지식] 메인 룰 (from https://github.com/ZeroCho/ts-all-in-one) - typescript는 최종적으로 jav..

1.https://juicyjerry.tistory.com/271 프로그래머스_programmers_자연수 뒤집어 배열로 만들기 function solution(n) { /* 자연수 n을 문자로 바꾼다. 바꾼 n을 쪼개 배열안으로 넣어준다 (split) 배열안의 문자들을 정수로 바꿔준다 (forEach, for) 배열을 내림차순으로 정렬한다 (sort - closure) 배열을 반.. juicyjerry.tistory.com 2.https://juicyjerry.tistory.com/272 프로그래머스_programmers_행렬의 덧셈 function solution(arr1, arr2) { let answer = []; for (let j = 0; j < arr1.length; j++) { let mi..

1. https://juicyjerry.tistory.com/266 프로그래머스_programmers_정수 제곱근 function solution(n) { let t = 2; if (n === 1) return 4; while (true) { if (t * t === n) return Math.pow(t + 1, 2); else if (t > n / 2) return -1; else t++; } } juicyjerry.tistory.com 2. https://juicyjerry.tistory.com/267 [리뉴얼] 렛츠기릿 자바스크립트 #4 기본적으로 태그 내부의 값을 선택할 때는 textContent를 사용하는 게 맞지만, 입력 태그만 value를 사용합니다. input은 대표적인 입력 태그입니다. ..