분류 전체보기(59)
-
[TypeScript] Narrowing 할 수 있는 방법 ( typeof, in연산자, instanceof )
⚡️Narrowing 하는 방법 1. undefined 타입일 경우 처리하는 방법 2. 복잡한 object자료들 narrowing 하는 방법 null & undefined 체크하는 법 실제로 개발할 때 어떤 변수나 함수파라미터에 null, undefined가 들어올 경우 어떻게 대처할지 if문으로 코드짜는 경우가 매우 많을 겁니다. if (저 변수가 undefined일 경우){ } 1. && 스킬을 쓰면 저런 if문을 생략할 수 있습니다. 2. && 연산자의 다른 기능 ⓵ 원래 && 이건 조건식 2개가 참이면 전부 참으로 판정해주세요~ 라는 논리연산자이다 ⓶ && 기호로 비교할 때 true와 false를 넣는게 아니라 자료형을 넣으면 && 사이에서 처음 등장하는 falsy 값을 찾아주고 그게 아니면 마지..
2022.12.30 -
[TypeScript] 함수 rest 파라미터, object array destructuring 문제
(문제1) 숫자 여러개를 입력하면 최댓값을 return 해주는 함수를 만들어봅시다. 최댓값(6,3,7,2) 이렇게 쓰면 7이 return 되어야합니다. (조건1) 넣을 수 있는 숫자 갯수는 제한없음, 0 이상의 정수만 가능합니다. (조건2) Math.max() 사용금지 반복문으로 만들어보세요 더보기 function 최댓값(...x : number[]) { let result = 0; x.forEach((i)=>{ if (result < i) { result = i } }) return result; } console.log(최댓값(4,6,3,2)) 1. 함수를 만들었는데 파라미터 하나를 입력가능하게 만들었습니다. 근데 rest 파라미터라서 개많이 입력가능 2. 변수하나 만들었습니다. result = 0 ..
2022.12.30 -
[TypeScript] 함수 rest 파라미터, destructuring 할 때 타입지정
⚡️함수 rest 파라미터 함수에 어떤 파라미터가 몇개 들어올지 미리 정의가 불가능한 경우가 있습니다. 3개일지 4개일지 100개일지 모른다면 점3개 ...로 rest 파라미터를 만들어주면 됩니다. function 전부더하기(...a :number[]){ console.log(a) } 전부더하기(1,2,3,4,5) 1. 함수 파라미터 작명할 때 점3개 붙여주면 여기엔 파라미터 잔뜩 들어올 수 있습니다~라고 정의가 가능합니다. 2. 전문 용어로 rest 파라미터라고 합니다. ⓵ rest 파라미터는 다른 일반 파라미터 뒤에만 올 수 있습니다. ⓶ rest 파라미터자리에 집어넣은 값들은 전부 [ ] 안에 담겨있습니다. 3. rest 파라미터 타입지정 : rest 파라미터는 항상 [ ] 안에 담겨오기 때문에 타..
2022.12.30 -
[TypeScript] Narrowing 문제
(문제1) 숫자여러개를 array 자료에 저장해놨는데 가끔 '4', '5' 이런 식의 문자타입의 숫자가 발견되고 있습니다. 이걸 클리닝해주는 함수가 필요합니다. 클리닝함수( ['1', 2, '3'] ) 이렇게 숫자와 문자가 섞인 array를 입력하면 [1,2,3] 이렇게 숫자로 깔끔하게 변환되어 나오는 클리닝함수를 만들어오고 타입지정까지 확실히 해보십시오. 더보기 function 클리닝함수(a :(number|string)[]){ let 클리닝완료된거 :number[] = []; a.forEach((b)=>{ if (typeof b === 'string') { 클리닝완료된거.push(parseFloat(b)) } else { 클리닝완료된거.push(b) } }) return 클리닝완료된거 } consol..
2022.12.29 -
[TypeScript] 타입스크립트 10분 정리
⚡️변수를 만들 때 타입지정 1. 변수명 : 타입명 이렇게 씁니다. 2. 타입으로 쓸 수 있는 것들은 string, number, boolean, bigint, null, undefined,[], {} 등이 있습니다. (타입지정은 대문자 String 아닙니다 소문자 string임) let 이름 :string = 'kim' let 나이 :number = 35 let 결혼 :boolean = true let 이름 :string[] = ['kim', 'park'] let 나이 :{ age : number } = { age : 35 } let 일정 :(string | number)[] = ['어제', 28] ⚡️타입을 변수에 담아서 사용 Type Aliases (별칭) type Animal = string | ..
2022.12.28 -
[TypeScript] Typescript 설치 셋팅 (Vue, React 포함)
⚡️일반 HTML CSS JS 웹개발시 타입스크립트 사용하려면 1. Nodejs 최신버전, VScode 에디터를 설치합니다. Nodejs는 언제나 최신버전 아니면 에러가 잦습니다. 2. VScode 에디터에서 터미널을 오픈합니다. 상단메뉴에 Terminal - New Terminal 누르면 됩니다. 3. 터미널에서 입력합니다. npm install -g typescript (1) nodejs 최신버전 설치를 안한 것임 삭제 후 최신 버전으로 재설치 합시다. (2) 윈도우인데 허가되지 않은 script 실행불가 어쩌구 에러가 뜨면 시작 - 검색 - powershell - 우클릭해서 관리자 권한으로 실행한 다음 Set-ExecutionPolicy Unrestricted 입력하셈 그리고 y 선택하면 될듯 (3..
2022.12.28