let a = "hello"; // 타입 추론으로 형 명시 let b : boolean = false; // 타입을 명시적으로 명시, 비추 let c : number[] = []; // 숫자형 배열 선언, 이런식으로 추론 불가일때 명시 표현 타입 모든 객체가 name요소 존재, 몇 명만 age요소가 존재할 때 // 객체의 형 명시 const player : { name:string, age?:number // ?를 붙이면 undefined일 수도 있음 명시 } = { name:"Honey" } if(player.age && player.age < 10) { //age가 undefined일수도 있기 때문에 보호장치 } 더 나은 코드, 별칭 생성 type Player = { //첫 글자는 대문자 name:s..
인터페이스 타입이랑 비슷함 (타입 체크를 위해 사용) 상호 간에 정의한 약속 혹은 규칙을 의미 just 객체의 모양을 TS에게 알려주기 위해 사용 직접 인스턴스를 생성할 수 없고 모든 메서드가 추상 메서드이다. 사용이유 타입의 이름을 짓고 코드 안의 계약을 정의 프로젝트 외부에서 사용하는 코드의 계약을 정의하는 강력한 방법 객체의 스펙(속성과 속성의 타입) 함수의 파라미터 함수의 스펙(파라미터, 반환 타입 등) 배열과 객체에 접근하는 방식 클래스 프로퍼티 컴파일러가 검사하는 프로퍼티의 두 가지 요소 필수요소 프로퍼티의 유무 프로퍼티 타입 예약어로 프로퍼티를 세밀하게 컨트롤 가능 ? : Optional Properties readonly : 읽기 전 type Team = "red" | "blue" | "y..
undefined : null undefined 은 변수를 선언하고 값을 할당하지 않은 상태, null 은 변수를 선언하고 빈 값을 할당한 상태(빈 객체)이다. 즉, undefined는 자료형이 없는 상태이다. 따라서 typeof를 통해 자료형을 확인해보면 null = object undefined = undefined 가 출력되는 것을 확인할 수 있다.
대괄호 => [] list를 나열 할 때 list의 인덱스를 지정해줄 때 ex) mise[0], mise[1] 중괄호 => {} 템플릿 리터럴을 만들때 백틱 + 플레이스 홀더 ${key}님 안녕하세요 JSP 플레이스홀더 \\${key} HTML 플레이스 홀더 ${key} 객체 리터럴(dictionary)를 만들 때 {'key': 'value'} style tag를 적용해줄 떄 ex).commet { 적용해줄 것 } 특정 function에 대해 정의해줄 때 ex). function openclose() { 실행 할 것 } for문의 조건문 뒤에 실행할 것을 적어 줄 때 for (i=0; i b ) { 실행 할 것 } 소괄호 => () for문의 특정 조건을 적어줄 때 ex) for (i=0; ib ) jq..
Node.js 환경에서 타입스크립트 시작하기 $ npm init -y // package.json 파일 생성 $ npm install -D typescript // 타입스크립트 설치 $ touch tsconfig.json // 타입스크립트 설정 파일 생성 (파일명 변경 불가) $ npm run build // typescript -> javascript 빌드 $ npm i -D ts-node // 빌드없이 실행 시켜주는 모듈, 개발환경에서만 사용 $ npm i nodemon // 자동으로 커맨드 재 실행 package.json { "name": "typechain", "version": "1.0.0", "description": "", "scripts": { "build": "tsc", "dev": "n..
💡 Strongly typed(강타입) 프로그래밍 언어 작성된 코드가 자바스크립트로 변환됨 타입스크립트란? 1.TypeScript는 JavaScript에 추가적인 구문을 추가하여 editor와의 단단한 통합을 지원합니다. editor에서 초기에 오류를 잡을 수 있다. TypeScript 코드는 JavaScript가 실행되는 모든 곳(브라우저, Node.js 또는 Deno 및 앱 등)에서 JavaScript로 변환될 수 있다. TypeScript는 JavaScript를 이해하고 타입 추론(type inference)을 사용하여 추가 코드 없이도 훌륭한 도구를 제공한다.
본 글은 DreamHack의 강의 내용을 요약한 글이므로 자세한 내용은 dreamhack.io 에서 학습하시길 바랍니다. 본 포스팅은 개인의 학습을 위해 작성되었습니다. 해킹이란? 본래의 의도와는 다른 행위를 발생시키는 것을 의미한다. 웹의 정확한 어원은 월드 와이드 웹(World Wide Web, WWW, W3)이지만, 간단하게 웹(Web)으로 부르는 경우가 많습니다. 웹의 사전적 의미인 거미줄과 같이 인터넷상에서 각각의 사용자(컴퓨터)가 연결되어 서로 정보를 공유한다는 의미에서 유래되었습니다. 인터넷상의 서비스 중 HTTP를 이용하여 정보를 공유하는 통신 서비스를 웹, 서비스를 제공하는 대상을 웹 서버(Web Server), 서비스를 받는 사용자를 웹 클라이언트(Web Client)라고 부릅니다. 웹..
