개발공부일지

- 초기 세팅하기 tsc --init npm init -y npm i nodemon concurrently - nodemon 설치 후 scripts 수정하기 { "name": "sort", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start:build": "tsc -w", "start:run": "nodemon build/index.js", "start": "concurrently npm:start:*" }, "keywords": [], "author": "", "license": "ISC", "dependencies": { "concurrently": "^8.2.2", "nodemon": "^3.0.2" } } *..

★ 목표 ① google map api 서비스영역을 제한 ② interface 활용 ③ implements 활용 ★ 목차 1. percel 2. faker 3. google map api 4. marker 5. implements 1. percel npm i -g parcel-bundler npx parcel index.html → 브라우저 열어서 http://localhost:1234 2. faker https://fakerjs.dev/ npm i @types/faker import { faker } from '@faker-js/faker'; import { faker } from '@faker-js/faker'; export class Company { companyName: string; catch..

목차 1. 전략패턴(Strategy Pattern)이란 2. 활용1 (로그인 로직) 3. 활용2 (상품 할 로직) 1. 전략패턴(Strategy Pattern)이란 - 객체지향적으로 프로그래밍할때 가장 많이 사용하는 패턴 중 하나. - 클래스의 재사용성을 높이고, 클래스 각각의 내용을 따로 분리해서 만들어 사용하므로 유지보수 용이함. → 새로운 기능을 추가해야한다면, 새로운 클래스를 만들어주어 사용! - 각각의 전략(strategy)을 구현하는 인터페이스를 만들고, 그걸 구체적인 클래스가 구현! 2. 활용1 (로그인 로직) ① 로그인 진행에 대한 각각의 interface를 만들고 더보기 // 로그인 진행 interface AuthProps { email: string; password: string; }..

목차 1. typescript 작성하기(자료형) 2. 제네릭(Generics) 3. 배열선언방식과 tuple 4. interface 1. typescript 작성하기(자료형) 변수명 : 타입 = 초기값 let num: number = 20; const str: string = "typescript"; const nan: number = NaN; const infinity: number = Infinity; const bool: boolean = true; const nullValue: null = null; const undefinedValue: undefined = undefined; const obj: object = {}; // 함수의 경우 반환되는 타입까지 지정해줘야함, 반환되는값이 없다면 voi..

목차 1. typescript란 2. typescript를 사용하는 이유 3. typescript 설치 4. node 런타임 환경 실행 5. tsconfig 설정 : tsconfig.json ( compilerOptions, include, exclude) 6. paths 별칭 사용시 주의 7. build 1. typescript란 - javascript에 타입의 정의가 추가된 언어 - 클래스형으로 작성하고 타입을 지정함 (오류방지가능함) - js의 확장된 언어 → javascript의 상위 집합 슈퍼셋(상위확장) - path(경로) 변수처럼 별칭을 정해서 사용가능함 - 런타임 환경없음, 컴파일 언어 (컴파일러가 존재) ts → js - ts로 작성한 코드는 브라우저에서 읽을 수 없어서 해석가능한 js로..