저장소

고정 헤더 영역

글 제목

메뉴 레이어

저장소

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (20)
    • lodash (1)
    • fabric.js (4)
    • Vue & Nuxt (7)
    • typescript (1)

검색 레이어

저장소

검색 영역

컨텐츠 검색

전체 글

  • GPT prompt 작성요령

    2024.01.09 by citykim

  • Next.js amplify 배포시 빌드가 성공했는데 404를 반환하는경우

    2024.01.09 by citykim

  • Vue3, unit test, e2e, chromatic github ci구성(2) - ci

    2023.10.19 by citykim

  • Vue3, unit test, e2e, chromatic github ci구성(1) - 프로젝트 구성

    2023.10.18 by citykim

  • 이미 선언된 배열 및 객체를 typescript 리터럴로 재활용하기

    2023.08.21 by citykim

GPT prompt 작성요령

명령형으로 사용하기 나쁜 방식: 한 독창적인 연구원이 레이저 광학 기술에 대한 요약을 작성했습니다, 그 내용은, 좋은 방식: 레이저 광학 기술에 대한 전문가 수준의 요약을 작성하세요. 명시적으로 작성하기 나쁜 방식: How big is New York? (뉴욕은 얼마나 큰 도시인가요?) 좋은 방식: How big is New York state relative to other states, both by area and by population? (뉴욕주는 면적과 인구 기준으로 다른 주에 비해 얼마나 큰가요?) 또는 나쁜 방식: Write me a poem. (시 한 편 써주세요.) 좋은 방식: Write a Shakespearean sonnet about the mortality of specific ..

카테고리 없음 2024. 1. 9. 19:00

Next.js amplify 배포시 빌드가 성공했는데 404를 반환하는경우

나의 경우에는 root의 package.json 파일이 next와 react, react-dom dependencies를 포함하고 하위 apps의 package.json에는 포함하지 않았다 이걸 각각 apps의 package.json에 옮겨주고 배포하니 해결되었다

카테고리 없음 2024. 1. 9. 13:04

Vue3, unit test, e2e, chromatic github ci구성(2) - ci

https://city-kim.tistory.com/18 Vue3, unit test, e2e, chromatic github ci구성(1) - 프로젝트 구성 Vue3와 Vite, Vitest unit test, cypress e2e test, storybook과 chromatic의 시각화 테스트를 구현하고 github ci로 자동화를 해보도록 한다 Vite를 활용해서 Vue3 프로젝트를 생성하고 테스트를 구성해보자 패키지매 city-kim.tistory.com 프로젝트 구성이 끝났다면 이제 workflows를 추가하여 github actions에 자동화를 구성해보도록 하자 root 디렉토리에 .github/workflows/jobs.yml를 생성하고 unit_test를 실행하도록 설정한다 https:/..

Vue & Nuxt 2023. 10. 19. 14:59

Vue3, unit test, e2e, chromatic github ci구성(1) - 프로젝트 구성

Vue3와 Vite, Vitest unit test, cypress e2e test, storybook과 chromatic의 시각화 테스트를 구현하고 github ci로 자동화를 해보도록 한다 Vite를 활용해서 Vue3 프로젝트를 생성하고 테스트를 구성해보자 패키지매니저는 pnpm을 사용한다 https://ko.vitejs.dev/guide/ Vite Vite, 차세대 프런트엔드 개발 툴 ko.vitejs.dev Vite 프로젝트는 다음과 같이 생성하였다 프로젝트명은 ci_tutorial으로 하였고 framework는 Vue를, variant는 create-vue를 사용하여 custom으로 환경을 구성하였다 기본적으로 Typescript를 사용하였으며 추후 확장을 위해 JSX support, route..

Vue & Nuxt 2023. 10. 18. 17:55

이미 선언된 배열 및 객체를 typescript 리터럴로 재활용하기

이미 선언된 변수를 리터럴로 변경하는 방법 배열을 리터럴로 변경하기 // typeof로 간단하게 할 수 있다 const array = ['a', 'b', 'c'] as const // 결과물 type ArrayType = "a" | "b" | "c" type ArrayType = typeof array[number] 배열을 as const을 붙여 타입 추론을 더 정확하게 한뒤 typeof로 배열의 index(number)를 넣어주면 간단하게 할 수있다 객체의 key 또는 value를 리터럴로 변경하기 // keyof typeof로 간단히 할 수 있다 const object = { test1: 'aaa' test2: 'bbb' test3: 'ccc' } as const // 결과값 type ObjectTy..

typescript 2023. 8. 21. 22:05

추가 정보

인기글

최신글

페이징

이전
1 2 3 4
다음
city kim
저장소
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바