발전하는 개발자

1. function의 용도 1) 자주 사용하는 긴 코드 축약 2) 수학의 함수 기능 2. function 용어 설명 1) parameter(파라미터) : 비슷한 기능의 함수를 입력값(괄호 안의 값)만 바꿔 여러 용도로 활용이 가능하게 한 것. 예) 스타일(글씨 빨갛게), 스타일(글씨 굵게), 스타일(글씨 15px) 2) return(리턴) : 함수의 결과값을 메모리에 저장. 함수의 종료 의미. 3. typscript에서의 function의 형식 function 함수이름(파라미터 :파라미터타입) :리턴타입 { return 실행될 함수코드 } 4. 파라미터가 옵션일 때 함수를 파라미터 없이 쓸 때는 파라미터 옆에 물음표를 붙임. function함수이름(파라미터? : 파라미터타입) { } 5. void vo..

1. Union Type 타입을 2개 이상 합친 새로운 타입 만들기 1) 변수 let 회원 :(number | string) = 123; // 문자나 숫자 데이터가 올 수 있다. 이미 데이터가 들어 갔으면 타입이 확정됨. 예시에서 숫자 데이터가 들어갔으므로 number타입이 됨. 2) array var 어레이: (number | string)[] = [1, '2', 3] 3) object let 오브젝트 :{ a : string | number } = { a : 123 } 2. any 모든 자료형 허용. 타입 실드 해제, typescript 사용 의미가 없음 let 이름 :any; 이름 = 123; 이름 = []; 3. unknown 모든 자료형 허용, 어떤 자료가 들어가도 타입은 unknown, any..

1. TypeScript의 특징 변수에 타입지정=변수에 실드 씌우는 것임 타입으로 사용 가능 : string, numver, boolean, bigint, null, undefined, [], {} Tip : 타입지정이 자동으로 된다(생략가능) 변수명 위에 커서 올리면 타입이 뜸 2. 형식 변수종류 변수이름 :타입명 = '변수내용'; 3. 예 let 이름 :string = 'kim'; // 이름이 'kim'인 문자열 형태의 변수 let 나이 :number = 50; // 나이가 50인 숫자 형태의 변수 let 결혼했니 :boolean = true; // '결혼했니'라는 논리연산시 참을 반환 4. 종류 1) array 타입 : 변수 1개에 여러 개의 데이터 저장 let 이름 :string[] = ['kim..

[TypeScript 사용이유] TypeScript=JavaScript+Type문법 1. 자료형을 정확하게 인식 JavaScript에서는 5-'3'도 에러 없이 계산하지만(Dynamic typing) TypeScript에선 에러가 남. 큰 프로젝트 작업시 자료형으로 인해 에러가 나는 것을 방지할 수 있다. 2. 에러메세지 상세하게 적어줌 [개발환경] 1. nodejs 설치 2. VS Code 설치 3. Terminal-New Terminal 4. typescript 설치 [html, css,js환경에서 개발] 'npm install -g typescript' 입력 후 엔터 [이미 있는 react 프로젝트에서 개발] 'npm install --save typescript @types/node @types/..