저장소

고정 헤더 영역

글 제목

메뉴 레이어

저장소

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (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

  • Nuxt 직접로그인, 소셜로그인 구현하기 (Nuxt-auth)

    2023.06.15 by citykim

  • openai api Fine-tuning으로 미세조정 해보기

    2023.04.10 by citykim

  • fabric.js Image Editor - (4) filter

    2023.03.31 by citykim

  • Nuxt.js로 openai api 연동하여 slack GPT채팅 만들기(4) - 대화 저장

    2023.03.30 by citykim

  • Openai api의 chat completions의 Request body의 예제

    2023.03.29 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

Nuxt 직접로그인, 소셜로그인 구현하기 (Nuxt-auth)

이번 포스팅에는 Nuxt.js에 인증을 구현해보도록 하자 setup 우선 nuxt를 설치한다 npx nuxi@latest init 인증은 nuxt/auth 모듈도 있지만 현 포스팅 기준으로는 nuxt의 공식 커뮤니티의 roadmap의 우선순위가 높지않으므로 약간 패키지가 불안정한 모습을 보이고 있기 때문에 이번에는 sidebase의 next-auth를 사용할 예정이다 https://nuxt.com/docs/community/roadmap Roadmap · Nuxt Nuxt is constantly evolving, with new features and modules being added all the time. See our blog for the latest framework and ecosystem..

Vue & Nuxt 2023. 6. 15. 21:57

openai api Fine-tuning으로 미세조정 해보기

이번 포스팅에는 window환경에서 간단하게 openai의 Fine tuning을 활용하여 언어모델의 미세조정을 해보려고한다 https://platform.openai.com/docs/guides/fine-tuning OpenAI API An API for accessing new AI models developed by OpenAI platform.openai.com 미세조정은 현재 davinci, curie, babbage모델만 가능하고 해당 모델은 학습 후 아무런 조정이 없는 모델이라서 현재로써는 크게 기대할 수 있는 능력은 없는편이지만 추후 다른 모델에 적용되었을때 활용하기 위해서 간단하게 진행해보도록 하자 Fine-tuning은 curl로도 충분히 지원할 수 있을 것 같은데 현재로써는 오직 파이..

카테고리 없음 2023. 4. 10. 20:54

fabric.js Image Editor - (4) filter

목적 이번 포스팅에는 이미지 에디터의 필수기능인 필터 기능을 구현해보도록 한다 interface // 컬러매트릭스 필터 interface FilterColormatrix { name: string filter: fabric.IBaseFilter } // 블랜드모드 parameter interface BlendOptions { mode?: BlendMode color?: string alpha?: number } // 블랜드모드 타입 type BlendMode = 'add'|'diff'|'subtract'|'multiply'|'screen'|'lighten'|'darken'|'overlay'|'exclusion'|'tint' 컬러매트릭스에 사용될 FilterColormatrix를 선언해주고 name과 fi..

fabric.js 2023. 3. 31. 18:30

Nuxt.js로 openai api 연동하여 slack GPT채팅 만들기(4) - 대화 저장

이번포스팅에는 대화를 저장하여 이전내용을 기억하도록 해보자 mysql DB를 활용할 수 있지만 이번 포스팅에는 node.js의 fs로 json파일을 생성하고 대화내용을 저장해보도록 하자 https://nodejs.org/api/fs.html File system | Node.js v19.8.1 Documentation nodejs.org node.js fs 우선 파일시스템에서 파일생성 및 읽고 쓰기를 만들어보자 fs는 node.js에 기본으로 내장되어 있으므로 별도의 패키지를 설치할 필요는 없다 server/lib 디렉토리에 다음과같이 파일을 추가해주자 그리고 json파일을 저장하기위해 root에 data 디렉토리를 생성하고 slack과 browser 디렉토리도 생성한다 openai.ts 우선 inter..

Vue & Nuxt 2023. 3. 30. 18:30

Openai api의 chat completions의 Request body의 예제

Openai api🔍 Request body reqeust body에는 각각 다음과같은 항목이 포함될 수 있다 model: 'gpt-3.5-turbo', // 사용할 모델 messages: messages, // 사용될 메시지 temperature: 1, // 샘플링값 top_p: 1, // 샘플링시 상위값을 가져올 확률 n: 1, // 답변을 몇개 가져올지 stream: false, // 스트림형식으로 response를 전달할지 여부 stop: undefined, // api가 답변을 중지할 시점 string 또는 배열 max_tokens: 300, // 토큰 최대량 presence_penalty: 0, // 모델이 기존 텍스트를 참고하여 새로운 대답을 하는 빈도수 frequency_penalty: 0..

카테고리 없음 2023. 3. 29. 18:15

추가 정보

인기글

최신글

페이징

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

티스토리툴바