타입스크립트에서 Union 타입은 하나의 변수나 파라미터가 여러 타입 중 하나를 가질 수 있게 해주는 기능이다. 수학의 합집합과 비슷한 개념으로, 다양한 상황에서 타입의 유연성을 높여준다. 1. Union 타입 기본 문법Union 타입은 |(파이프) 기호를 사용해 여러 타입을 나열한다.let userId: string | number;userId = "abc123"; // 가능userId = 100; // 가능userId = true; // 오류: boolean 타입은 할당 불가 2. 함수 파라미터에 Union 타입 활용함수의 매개변수에 Union 타입을 지정하면 다양한 타입의 인자를 받을 수 있다.function printUserId(id: string | number) { conso..

1. 배열 타입배열은 자바스크립트에서 객체와 더불어 가장 자주 사용되는 자료구조 중 하나이다.TypeScript에서 배열을 타입 지정한다는 것은 배열의 모든 요소가 동일한 타입을 갖도록 명시하는 것을 의미한다.이를 통해 배열 내부 요소의 타입 안정성(type safety) 을 확보할 수 있다. 1) 배열 타입 선언 방법TypeScript에서는 배열 타입을 표현하는 방법이 두 가지가 있다.타입[] 형태로 선언Generic 형태로 선언 (Array)둘 다 동일한 기능을 제공하지만, 1번 방법이 더 대중적이며 현업에서도 자주 사용된다. 2) 배열 타입 선언 📎 예제 코드// 방법 1: 타입[] 형태let nums: number[] = [1, 2, 3];let strs: string[] = ['a..

1. 클래스 ES6 에서 도입된 문법 기존의 프로토타입 기반 상속을 더 쉽고 직관적으로 사용할 수 있게 해줌 객체 지향 프로그래밍에서 사용하는 설계도 역활 2. 클래스의 기본 구조 constructor 는 인스턴스 생성 시 호출되는 함수 메서드도 클래스 내부에서 정의할 수 있다.class Car { brand; model; year; mileage; constructor(brand, model, year, mileage) { this.brand = brand; this.model = model; this.year = year; this.mileage = mileage; } drive(km) { this.mileage += km; return `${km}km 주..

설정 파일이 변경되었는데도 동작 하지 않는다면 typescript 서버를 재 실행 하면 된다. cmd + shift + p restart 검색 후 typescript 서버 재 실행 { "compilerOptions": { "target": "ESNext", // 자바스크립트 최신 버전 컴파일(ES5, ES6 , ES2016....) "module": "commonjs", // 모듈 시스템에 대한 컴파일 "esModuleInterop": true, "forceConsistentCasingInFileNames": true, // 대소문자 일관성 강제 여부 "strict": true, ..

Git Flow Vincent Driessen이 제안한 그림이다. 일반적인 흐름 : main → develop → release→ main/develop 신규 기능 추가 : main → develop → feature→ release → main 긴급 : main → hotfix → main / develop 참고 Vincent Driessen, A successful Git branching model, 2010 ( https://nvie.com/posts/a-successful-git-branching-model/ ) Github Flow Github Flow 는 github에서 제안한 브랜치 전략으로 간단하고 빠른 개발을 위한 것이다. 특징은 브랜치가 단순하다. main과 develop..

깃허브에 push 하면 AWS S3 에 자동 배포되고 cloudfront의 캐시도 update 하기 github action 코드를 작성할 폴더 생성Project └── .github └── workflows .github 폴더와 이안에 workflows 폴더를 생성을 하고 .yml 파일을 만들어서 아래 코드를 작성한다.name: Deploy To S3 And Invalidate Cloudfronton: push: branches: - mainjobs: deploy: # job 의 이름을 작성 아무이름 작성가능 runs-on: ubuntu-latest steps: - name:..