전체 글 썸네일형 리스트형 TypeScript에서 추가된 함수 기능들! 1. 함수에 타입 더하기 // JavaScript const jsAdd = (num1, num2) => { return num1 + num2; } // TypeScript const tsAdd = (num1: number, num2: number): number => { return num1 + num2; } 2. 타입 추론 (Type Inference) 타입을 명시하지 않아도, 지정한 값을 통해 알아서 추론한다. let x = 3;// x의 타입을 number로 추론 x = true;// 에러 발생 const arr = [1, 2, 3]// arr의 타입을 number[]로 추론 arr.push('Noah')// 에러 발생 3. 옵셔널 파라미터 (Optional Parameters) JavaScript.. 더보기 Type Assertion(타입 단언)을 사용하는 이유 타입이 확실할 때 경고메시지를 방지하거나 api를 사용하기 위해 타입 단언을 사용한다. 1. '!' (느낌표)를 통한 타입 단언으로 값이 반드시 존재함을 알린다. (타입 단언 하지 않으면 null일수도 있다고 경고가 뜸) const button = document.querySelector('class')!; 2. as를 통한 타입 단언(캐스팅)으로 string의 length api를 사용하는 예시 const jsFunc = (): any => { return 'hello'; } const result = jsFunc(); console.log((result as string).length); 더보기 TypeScript의 기본 타입 알아보기 1. 불리언 (boolean) let result: boolean = true; 2. 숫자 (number) let count: number = 5; 3. 문자열 (string) 큰 따옴표나 작은 따옴표로 감싼다. 백틱( ` )으로 감싸면 ${ } 형태로 변수를 포함시킬 수 있다. let name: string = 'Noah'; let sentence: string = `Hi, my name is ${name}`; 4. 배열 (array) 배열 타입은 두 가지 방법으로 쓸 수 있다. 타입 뒤에 [ ] 쓰기 Array let list1: number[] = [1, 2, 3]; let list2: Array = ['Noah', 'Jamie']; 5. 튜플, enum 유니온 타입으로 치환 가능하다. 2021.0.. 더보기 [JavaScript] 만 19세 이상인지 확인하기 const birthdate = "19921202";const today = new Date();const yyyy = today.getFullYear();const mm = today.getMonth() = 190000); 더보기 비밀번호 정규표현식 분리하기 (영문대소문자/숫자특수문자/길이) 회사에서 회원가입 페이지를 개편하면서기존에 한번에 처리하던 비밀번호 유효성 검사를 3개로 분리하게 되었다. 비밀번호 input에 onchange 이벤트 리스너를 걸어서한 글자 입력할 때마다 유효성 검사 3개를 실시하여 -> 그 결과에 따라 input 아래 3개 문구의 색상을 수정한다. 1. 영문대소문자 포함여부 확인하는 정규표현식function passwordEngCheck (password) { let reg = /(?=.*?[a-z])(?=.*?[A-Z])/; return reg.test(password));} 2. 숫자 특수문자 포함여부 확인하는 정규표현식function passwordNumSpcCheck (password) { let reg = /(?=.*?[0-9])(?=.*?[#?!@$%.. 더보기 이전 1 2 3 다음
