REPOSITORY

GitHub Actions Sample #1

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

Bing Today Images Collector

bing.com 은 마이크로소프트에서 서비스하는 검색서비스입니다. 이 사이트는 매우 아름다운 배경 이미지를 제공합니다. 여기서 제공되는 배경 이미지를 데스크톱 배경으로 사용하고 싶어서 어떻게 얻을 수 있나 찾아보니 이미지 정보를 제공하는 API 가 있습니다. API 를 사용해서 특정시간에 새로운 이미지가 있으면 이미지 파일을 수집하고, 수집된 파일을 배경화면으로 사용하고자… 더 보기 »Bing Today Images Collector

How to resolve regeneratorRuntime is not defined

개요 React 를 사용해서 작성된 잘 동작하던 웹 응용프로그램이 아래와 같은 메시지를 출력하고, 멈춰버렸습니다. regeneratorRuntime is not defined 환경 개발환경 node.js v14.16.0 npm v.7.6.3 패키지 @babel/core v7.13.15 해결 babel-plugin-transform-runtime#why 페이지에서 이유와 어떻게 해야되는지 설명하고 있습니다. babel-plugin-transform-runtime#technical-details 페이지에서 자세한 기술적 설명을 제공합니다. 패키지 설치 $ npm… 더 보기 »How to resolve regeneratorRuntime is not defined

kr.bbon.EntityFrameworkCore.Extensions Package

Nuget: kr.bbon.EntityFrameworkCore.Extensions 페이지에서 패키지를 찾을 수 있습니다.

Microsoft.EntityFrameworkCore 패키지를 사용하면서, 데이터를 정렬를 자주 사용합니다.

이 때, 문자열 형식으로 필드 이름으로 정렬할 수 있으면 편리할 것 같아서 확장을 작성했습니다.

React Starter Kit

GitHub 템플릿 사용 GitHub 에서 저장소를 작성할 때, 템플릿으로 표시된 저장소를 사용해서 내 저장소를 작성할 수 있습니다. 템플릿 SPA 를 시작하려면 구현하려는 프레임워크뿐만 아니라 트랜스파일, 번들링 등 신경써야 하는 부분이 많습니다. React 를 처음 시작하시는 분들을 위해서, React 구현에 집중하실 수 있게 템플릿을 작성했습니다. React… 더 보기 »React Starter Kit

NPM 패키지 만들기

자주 사용되는 기능을 Typescript 로 작성해서 NPM 에 게시한 후 다른 프로젝트에서 사용하고 싶어 NPM 에 패키지를 어떻게 공개하는지를 확인했습니다. 저는 @bbon 스코프를 사용해서 @bbon/formatter 패키지를 게시할 것입니다. 스코프 npm-scope 페이지에서 정보를 확인할 수 있습니다. npm 패키지는 이름이 고유해야 하는데, 약 1,268,126 개의 공개된 패키지… 더 보기 »NPM 패키지 만들기