Code - 조성현 블로그

Snowpack으로 WASM 시작하기

Source 이 글은 아래 튜토리얼을 공부하고 분석한 글이다. 이 글이 도움이 되었다면 내 저장소 대신 아래 저장소에 스타를 눌러주자. https://fireship.io/lessons/wasm-video-to-gif/ GitHub 저장소 Fireship.io 유튜브 채널 과정 다음 문장을 통해 create-snowpack-app으로 gif-converter라는 프로젝트를 생성한다. npx create-snowpack-app gif-converter --template @snowpack/app-template-react 다음 문장을 통해 ffmpeg.wasm을 설치한다.

JavaScript

바닐라 JS로 달력 만들기

Vanilla JS Date와 CSS Display Grid를 사용해 달력을 그려보자

Code

The Noun Project API로 아이콘 수백 개 단숨에 다운로드하기

일일이 다운 받지 않아도 된다.

React

GitHub Pages에 React 앱 띄우기

GitHub Pages에 React 앱을 자동 배포해보자!

Ghost CMS

RSS로 블로그를 한 번에 백업하자

RSS를 API처럼 활용하여 이미지와 텍스트를 한 번에 저장할 수 있다.

Multilinguist

Apple Newsroom 서체 따라하기

아주 오랜 기간 나에게 딱 맞는 폰트 CSS를 찾아왔다.

Console

브라우저 콘솔에 경고 문구 띄우는 방법

콘솔을 열었을 때 처음 보이는 환영 문구를 작성해봅시다.

Ghost CMS

Ghost 테마를 GitHub Actions로 자동 배포하는 방법

Ghost 테마를 GitHub Actions를 이용해 자동 배포하는 방법을 알아봅니다.

Multilinguist

CSS에서 언어마다 다른 글씨체를 설정하는 방법

언어마다 서로 다른 기본 폰트를 설정하는 방법을 알아봅니다.

Ghost CMS

Ghost에서 외부 링크를 새로운 창에서 여는 방법

Ghost CMS의 외부 링크를 새 창에서 열도록 설정해 방문자 이탈률을 줄이는 방법에 대해 알아봅니다.

Code

Node.js 앱을 AWS Elastic Beanstalk에서 Heroku로 옮기는 방법

예전부터 AWS Elastic Beanstalk 앱을 사용해왔지만 최근 Heroku가 AWS에 비해 몇몇 장점이 있다는 것을 알게 되었다. 예전에 개발했던 민사고 공문서 모음집을 Heroku로 옮겼다. 비용 AWS는 Free Tier가 지난 뒤부터 돈을 받는다. 내 웹사이트에도 약간의 트래픽이 발생했기 때문에 매달 약 $10 정도의 돈이 발생했다. Heroku는 트래픽에 의한 추가 비용은 발생하지 않는