Aliencube

cloud-native open source developers community

Blazor 웹 애플리케이션에 React UI 컴포넌트 끼얹기

by Justin Yoo in Blazor · 3 min read

지난 빌드 2020 행사에서 엄청나게 많은 서비스와 기술들이 소개가 되었다. 이 중에서 프론트엔드 애플리케이션 개발에 한 획을 그을만한 내용이 하나 있었는데, 바로 Blazor 웹 어셈블리에 대한 것이다. 웹 어셈블리는 쉽게 말해서 웹 브라우저에서 자바스크립트 언어가 아닌 일반 프로그래밍 언어로 만들어진 바이너리를 작동시키는 기술이라고 이해하면 좋다. Blazor는 바로 이 웹 어셈블리를 이용해 닷넷 라이브러리를 웹브라우저에서 직접 실행시킬 수 있게 한다. Blazor에 대한 소개는 빌드 발표 동 ...

GitOps와 GitHub Actions를 이용해서 JAM 스택 웹사이트 자동 배포하기

by Justin Yoo in Gitops · 2 min read

지난 포스트에서는 애저 Durable Functions와 깃헙 액션를 이용해서 JAM 스택 기반의 웹사이트를 예약 배포하는 방법에 대해 알아 보았다. 하지만, 예약 포스팅을 하는 부분은 자동화하지 못했는데, 이번 포스트에서는 이 예약 포스팅을 하는 부분까지도 자동화 시켜보도록 한다. JAM 스택이란? JAM은 JavaScript, API 그리고 Mark-up을 통틀어 일컫는 약어이다. 좀 더 쉽게 얘기하자면, Jekyll, Hugo, Gatsby, VuePress, Gridsome 등과 같은 정적 ...

애저 펑션에서 애저 키 저장소 값을 참조하는 세 가지 방법

by Justin Yoo in Azure Functions · 5 min read

애저 펑션 또는 애저 앱 서비스를 사용하다 보면 API 인증 키 라든가, 데이터베이스 커넥션 스트링이라든가 하는 것들을 반드시 사용하게 된다. 애저 키 저장소를 이용해서 민감한 정보를 안전하게 보관하고 필요에 따라 그 값을 호출해서 사용하는 것도 한 가지 방법이다. 이 포스트에서는 애저 펑션에서 애저 키 저장소에 저장된 값을 직접 액세스하는 대신 레퍼런스값을 참조하는 형식으로 해서 사용하는 트릭을 세 가지 정도 소개하고자 한다. 이 포스트에 쓰인 샘플 코드는 KeyVault Reference S ...

애저 Durable Functions을 이용해서 RequestBin 앱 만들기

by Justin Yoo in Azure Durable-functions · 7 min read

이전 포스트에서 애저 Durable Functions를 통해 워크플로우 오케스트레이션에 대해 다뤄보았다. 이런 오케스트레이션은 이 Durable Functions의 Stateful한 특성 때문인데, 이 특성을 이용하면 훨씬 더 다양한 용도로 사용할 수 있다. 이번 포스트에서는 바로 이 Durable Functions의 Stateful 속성을 이용해서 RequestBin 애플리케이션 기능을 구현해 보기로 한다. 이 포스트에 쓰인 샘플 코드는 Durable RequestBin Sample에서 다운로 ...

[COVID-19 시리즈 #3] 파워 앱과 얼굴 인식 API를 이용해서 출석 체크 앱 만들기

by Justin Yoo in Power Apps · 7 min read

이 포스트는 파워 앱, 애저 펑션, 애저 안면 인식 API를 이용해서 학교 선생님들이 온라인으로 학생들 출석체크 하는 앱을 만들 때 필요한 내용들을 정리해보는 시리즈의 세번째입니다. 애저 펑션을 이용해서 브라우저에서 애저 블롭 저장소로 스크린샷 이미지 저장하기 애저 펑션과 안면 인식 API를 이용해서 본인 인증하기 파워 앱과 얼굴 인식 API를 이용해서 출석 체크 앱 만들기 지난 포스트에서는 애저 펑션과 애저 안면 인식 API를 이용해 본인 인증을 하는 앱을 만들어 보았다. 이번에는 웹 ...

[COVID-19 시리즈 #2] 애저 펑션과 안면 인식 API를 이용해서 본인 인증하기

by Justin Yoo in Azure Functions · 6 min read

이 포스트는 파워 앱, 애저 펑션, 애저 안면 인식 API를 이용해서 학교 선생님들이 온라인으로 학생들 출석체크 하는 앱을 만들 때 필요한 내용들을 정리해보는 시리즈의 두번째입니다. 애저 펑션을 이용해서 브라우저에서 애저 블롭 저장소로 스크린샷 이미지 저장하기 애저 펑션과 안면 인식 API를 이용해서 본인 인증하기 파워 앱과 얼굴 인식 API를 이용해서 출석 체크 앱 만들기 지난 포스트에서는 애저 펑션을 이용해서 웹캠으로 얼굴 사진을 찍어 애저 블롭 저장소에 자동으로 저장하는 방법에 대해 ...