![]()
과제로 내준 문제 1번부터... 어렵다. 1번 문제 /* 1. 다음을 충족하는 타입을 완성하고 inventory 객체에 타입을 반영하세요. Car enum 사용 필수. string 키 사용 금지. */ type Inventory = {}; const inventory = { Sedan: "Red", Truck: "Black", }; 참고 링크 : https://www.typescriptlang.org/ko/docs/handbook/enums.html#%EC%BB%B4%ED%8C%8C%EC%9D%BC-%EC%8B%9C%EC%A0%90%EC%97%90%EC%84%9C-%EC%97%B4%EA%B1%B0%ED%98%95-enums-at-compile-time 6번 문제 export enum Status { In..
![]()
사실, 객관(Facts) : 이번 일주일 동안 있었던 일, 내가 한 일 TypeScript 심화 강의 1일차 ~ 3일차 느낌, 주관(Feelings) : 나의 감정적인 반응, 느낌 아직까지 제너릴 타입이 뭐고 잘 모르겠다.. 몇번 돌려봐야할꺼같은데 돌려봐도 알수있을지 의문이다. 배운 것(Findings) : 그 상황으로부터 내가 배운 것, 얻은 것 그래도 유틸리티 타입은 어느정도 이해는 간다. 미래(Future) : 배운 것을 미래에는 어떻게 적용할 지 앞으로 2일 후면 프로젝트 시작인데 과연 TypeScript로 프로젝트를 구현할수있을까..
III. 유틸리티 타입 (Utility Types) TypeScript에서 제공해주는 유틸리티 타입이 여러가지 있습니다. 그 중에서 우리가 유용하게 쓸 수 있는 타입이 여러가지가 있는데요, 앞으로 외부 라이브러리에서 불러오는 타입이나 import해올 수 없는 타입들을 조작하여 우리가 원하는 타입으로 변환시키는데에 유용합니다. Partial Partial(파셜)은 특정 타입에 속해있는 집합을 모두 선택적으로 만드는 타입으로 변환 해줍니다. interface Toppings { tomatoes: boolean; onion: boolean; lettuce: boolean; ketchup: boolean; } 햄버거 주문 API를 만든다고 가정을 해보면, 토핑은 유저가 선택적으로 주문할 수 있게 인터페이스를 만..
II. 제네릭 타입 (Generic Types) 제네릭은 선언 시점이 아닌 생성 시점에 타입을 명시하여 하나의 타입만이 아닌 다양한 타입을 사용할 수 있도록 하는 기법입니다. 제네릭을 선언할 때 관용적으로 사용되는 대표적인 식별자로 T가 있고, 그 외에 U와 V가 있습니다. 반드시 T, U, V를 사용하여 하는 것은 아니지만 관용적인 식별자를 쓰는게 모범적입니다. 어떻게 보면 어떤 타입을 전달해도 사용이 가능한 any랑 다른점이 있을지 고민이 될수도 있지만 any는 타입체크를 전혀 하지 않아서 전달받은 데이터의 타입을 알 수 없고 반환할 때 타입의 정보를 반환하지 않습니다. 이런 반면에 제네릭은 전달받은 타입을 확인 및 반환을 할 수 있고 타입을 제한 할 수도 있습니다. 객체 제네릭 타입을 객체에 적용 ..
![]()
TypeScript 심화 환경설정 // 폴더 생성하고 안으로 이동 mkdir typescript cd typescript // 프로젝트 초기화 npm init -y // 필요 프로젝트 설치 npm i typescript @types/node ts-node nodemon --save-dev // ts 프로젝트 초기화 npx tsc --init tsconfig.json { "compilerOptions": { "target": "es2016", "module": "commonjs", "lib": ["DOM"], "outDir": "build", "rootDir": "src", "strict": true, "noImplicitAny": true, "esModuleInterop": true, "noEmitOnE..
![]()
사실, 객관(Facts) : 이번 일주일 동안 있었던 일, 내가 한 일 TypeScript 강의 1일차 ~ 5일차 느낌, 주관(Feelings) : 나의 감정적인 반응, 느낌 플젝때 사용 할 생각하니 벌써부터 머리가 아프다. 배운 것(Findings) : 그 상황으로부터 내가 배운 것, 얻은 것 js에서 타입이 추가된거 미래(Future) : 배운 것을 미래에는 어떻게 적용할 지 프로젝트에 타입스크립트를 사용
기본적인 crud 예제 프로그램 만들기 //프로젝트 초기화 npm init -y tsc -init tsconfig.json { // include : 컴파일할 파일 경로를 설정합니다. [ src폴더 하위의 모든 .ts 확장자를 가진 파일 ] "include": ["src/**/*.ts"], "compilerOptions": { "lib": ["ES2021","DOM"], // esModuleInterop 속성이 위의 코드 처럼 true로 설정될 경우, ES6 모듈 사양을 준수하여 CommonJS 모듈을 가져올 수 있게 됩니다. // e.g. typescript-test.ts => import express from "express" "esModuleInterop": true, // 타입스크립트가 모듈을 ..
![]()
크롤링과 스크래핑 차이 크롤링 - URL을 탐색해 반복적으로 링크를 찾고 가져오는 과정 스크래핑 - 우리가 정한 특정 웹 페이지에서 데이터를 추출하는 것 웹 크롤링은 불법인가? 웹사이트의 홈 디렉터리에 위치한 robots.txt 파일을 열어보고 해당 사이트의 정책을 준수하지 않는다면 불법 크롤링한 자료를 상업적 용도로 사용하면 불법 비상업적인 용도라 하더라도 원작자에게 불이익을 주면 불법 크롤러를 활용해 고의적으로 Abusing(조작) 하면 불법 robots.txt 보는법 - https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=http-log&logNo=221104827805 크롤링은 불법인가 - https://pythontoomuch..
함수 (Function) 웹 애플리케이션을 구현할 때 자주 사용되는 함수는 타입스크립트로 크게 다음 3가지 타입을 정의할 수 있습니다. 함수의 파라미터(매개변수) 타입 함수의 반환 타입 함수의 구조 타입 함수의 기본적인 타입 선언 자바스크립트 function sum(a, b) { return a + b; } 타입스크립트 - 1 // any type 오류를 나게 하자 // tsconfig.json => "noImplicitAny": true function sum(a, b) { return a + b; } 타입스크립트 - 2 function sum(a: number, b: number): number { return a + b; } 기존 자바스크립트 함수의 선언 방식에서 매개변수 와 함수의 반환 값에 타입..
tsconfig.json 수정 및 package 셋팅 컴파일러 옵션에서 lib > dom 사용으로 .ts 에서 console.log 사용시 오류가 나타난다. 이를 해결하기 위에 dom을 썼는데 @types/node 를 사용한다. ts-node 설치 npm i -g ts-node ts-node file.ts 입력시 자동으로 변환 후 파일실행 (file.js 파일 생성은 안됨) 기본 타입 불리언 (Boolean) 가장 기본적인 데이터 타입은 JavaScript, TypeScript에서 boolean 값이라고 일컫는 참/거짓(true/false) 값입니다. let isDone: boolean = false; 숫자 (Number) JavaScript처럼, TypeScript의 모든 숫자는 부동 소수 값입니다. ..
![]()
타입스크립트(TypeScript)란 타입스크립트(TypeScript)는 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이다. 원하는 타입을 정의할수있고, 자바스크립트로 트랜스 파일해서 실행해야 한다. 모든 운영 체제, 브라우저, 호스트에서 사용 가능한 오픈소스 엄격한 문법을 지원한다. typescript 엄격한 문법 예제 const a: number = 1; const a: number = '1'; # error javascript 엄격하지 않은 문법 예제 const a = 1; const a = '1'; 슈퍼셋(superset) 자바스크립트 + 알바 자바스크립트와 100% 호환되고 이 외에 클래스, 인터페이스 등 객체 지향 프로그래밍 패턴을 제공한다. (자바스크립트의 단점을 줄여주고 대신 더 좋은 기능..
![]()
사실, 객관(Facts) : 이번 일주일 동안 있었던 일, 내가 한 일 WebSocket, Socket.io 강의 느낌, 주관(Feelings) : 나의 감정적인 반응, 느낌 심화주차때 추가기능이였던 Socket.io를 이번주차때 배웠는데 직접 하지 코드를 작성하지 못해 정확하게 이해 한건지 잘 모르겠다. 배운 것(Findings) : 그 상황으로부터 내가 배운 것, 얻은 것 WebSocket 과 Socket.io 의 차이점을 알게 되었고 Socket.io가 훨씬 편하다!~ 미래(Future) : 배운 것을 미래에는 어떻게 적용할 지 배운 걸로 나중 프로젝트에 적용해보고 싶다.
