DEVLOG DEVLOG

GraphQL이란? facebook에서 만든 Graph Query Language로 API를 위한 쿼리 언어 타입 시스템을 이용해서 실행하는 서버사이드 런타임 REST API의 단점을 극복하기 위해 만들어짐 REST API는 API를 호출했을 때 상황에 따라 필요하지 않은 데이터도 받는 Over Fetching이 발생 REST API는 원하는 데이터를 얻기 위해 여러 API를 호출하는 Under Fetching이 발생 API를 만들 때 도메인 별로 엔드포인트를 갖기 때문에 각 도메인에 비슷한 API가 존재할 수 있음 GraphQL의 장점 하나의 엔드포인트만 가지고 있음 클라이언트에서 쿼리를 작성하여 필요한 데이터를 받아옴 요청 횟수와 응답 사이즈를 줄일 수 있음 Over Fetching, Under Fe..

API Application Programming Interface의 약어 운영체제가 응용 프로그램을 위해 제공하는 함수의 집합 프로그램의 기능을 다른 프로그램이 사용할 수 있도록 해주는 것이 목적 SDK Software Development Kit의 약어 개발자를 위해 제공되는 소프트웨어 개발 도구들(e.g. API, 디버깅, 문서 ...)

DELIMITER $$ DROP PROCEDURE IF EXISTS dataInsert$$ CREATE PROCEDURE dataInsert() BEGIN DECLARE i INT DEFAULT 1; WHILE i

Property Decorator @Prop @Prop(options: (PropOptions | Constructor[] | Constructor) = {}) import { Vue, Component, Prop } from 'vue-property-decorator' @Component export default class YourComponent extends Vue { @Prop(Number) readonly propA: number | undefined @Prop({ default: 'default value' }) readonly propB!: string @Prop([String, Boolean]) readonly propC: string | boolean | undefined } 각 Pro..

Class Component @Component decorator 사용하면 클래스 컴포넌트 사용 가능 import Vue from 'vue' import Component from 'vue-class-component' @Component export default class ExampleClass extends Vue { } data는 클래스의 property로 선언 가능 import Vue from 'vue' import Component from 'vue-class-component' @Component export default class ExampleClass extends Vue { private exampleData: string = 'example'; } method는 클래스의 functi..

원인 ESLint가 ES6 이상을 파싱할 때 발생하는 에러 해결 방법 1. babel-eslint 패키지를 설치 npm install babel-eslint 2. eslintrc.js 수정 module.exports = { ... parser: "babel-eslint", parserOptions: { jsx: true, ecmaVersion: 2020, }, ... };

원인 tsconfig파일에 outDir 옵션을 명시했을 경우에 발생 해결 방법 tsconfig파일에 exclude 옵션에 outDir path를 추가 { "compilerOptions": { ... "outDir": "./dist/", ... }, "exclude": ["./node_modules/", "./dist/**/*"] }

name: CI-CD-Pipeline env: EB_PACKAGE_S3_BUCKET: "S3" EB_APPLICATION: "EB_APP" EB_ENVIRONMENT: "EB_ENV" DEPLOY_PACKAGE: "deploy_${{github.sha}}.zip" AWS_REGION: "ap-northeast-2" on: push: branch: [main] jobs: CI: runs-on: ubuntu-latest steps: - name: Git clone repository uses: actions/checkout@v1 - name: NPM Install run: npm ci - name: Build run: npm run build sms - name: Create ZIP deployment pa..