콘텐츠로 건너뛰기

typescript

Typescript project with eslint@8

타입스크립트를 사용하는 프로젝트에 린트를 구성해서 사용하고 있습니다. eslint 패키지를 업데이트(v8.x) 하고 나니, 린트 실행시 오류가 발생합니다. 오류 메시지는 아래와 같습니다. Oops! Something went wrong! 🙁 ESLint: 8.14.0 TypeError: Failed to load plugin ‘@typescript-eslint’ declared in ‘.eslintrc’: Class extends value undefined is not a constructor or… 더 보기 »Typescript project with eslint@8

GitHub Action: Get Version Action

NPM package.json 또는 c# SDK 스타일 프로젝트 파일의 version 문자열을 추출하는 깃허브 액션입니다. get-version-action Overview 버전 이름이 필요한 단계에 값을 제공하기 위해 NPM package.json 또는 c# SDK 스타일 프로젝트 파일의 버전을 값을 추출합니다. Usages steps: – uses: actions/checkout@v2 – uses: bbonkr/get-version-action@v1.0.1 id: get_version with: project:… 더 보기 »GitHub Action: Get Version Action

GitHub Action: Git Tag Check Action

깃허브 워크플로우에서 활용할 수 있는 깃허브 액션 GitHub actions 을 작성했습니다. 입력된 태그가 깃 git 원격저장소에 존재하는지 조회한 후 있으면 입력된 태그를 반환하고, 찾을 수 없으면 빈 문자열을 반환하는 단계를 제공합니다. git-tag-check-action Overview 버전 관리를 할 때 버전이름으로 git tag 를 작성하고 있습니다. 이 깃허브… 더 보기 »GitHub Action: Git Tag Check Action

NPM @bbon/react-calendar package

타입스크립트로 작성된 리액트 달력 컴포넌트입니다. peer dependencies react NPM GitHub react-dom NPM GitHub dayjs NPM GitHub 설치 $ npm install –save @bbon/react-calendar 사용 import React, { useCallback } from ‘react’; import { Calendar } from ‘@bbon/react-calendar’; import ‘@bbon/react-calendar/dist/calendar.css’; const MyComponent = () => { const… 더 보기 »NPM @bbon/react-calendar package

다국어 지원 next.js 웹 응용프로그램

next.js 웹 응용프로그램이 다국어를 지원하기 위해 next-i18next 를 사용하는 예제에 대한 설명입니다. baseURL 하위 경로를 사용해서 언어별 라우트가 구현됩니다. http://myapp.com <- 기본 언어 http://myapp.com/en <- 영어 http://myapp.com/ru <- 러시아어 의존 패키지 관련 의존 패키지는 아래와 같습니다. next 12.0.4 next-i18next 9.1.0 react 17.0.2 react-dom 17.0.2 $… 더 보기 »다국어 지원 next.js 웹 응용프로그램

GitHub Actions Sample #1

최근 작성하는 프로젝트들이 비슷한 형식으로 구성되어 CI/CD 를 GitHub Actions 를 활용하고 있습니다. 간단한 단계는 기본적으로 제공되는 GitHub Actions 패키지를 활용하고, 필요로 하는 특정 기능은 검색해보니 대부분 공개된 패키지가 존재합니다. 몇몇 시행착오를 거쳐 .NET 5 백엔드 응용프로그램과 React 프론트엔드 응용프로그램을 빌드하고, 태그한 후 GitHub Release… 더 보기 »GitHub Actions Sample #1