728x90
728x90
1. 서론 Typescript는 타입선언 시 활용할 수 있는 여러가지 유틸리티 타입이라는 것을 제공한다. 유틸리티 타입은 어떤 임의의 타입을 제네릭으로 받아 여러가지 형태로 쉽게 변형할 수 있도록 만들어졌고 전역에서 사용 가능하다. 덕분에 간결한 코드로 타입 안정성이 보장된 인터페이스 설계가 가능하다. Typescript는 현재(2022.10.11 기준)까지 22가지 유틸리티 타입을 제공한다. 종류가 많기 때문에 여러 포스트으로 나누어 작성하려고 한다. 본 포스트는 Typescript 공식 레퍼런스를 참고하여 작성됐다. Documentation - Utility Types Types which are globally included in TypeScript www.typescriptlang.org 2. ..
1. 서론 이번 포스팅에서는 Netlify에 올린 서비스에 CloudFlare 네임서버로 연결된 자신의 도메인을 등록하고 CloudFlare에서 TLS 인증서를 생성해 Netlify에 등록하는 방법까지 소개한다. Netlify는 자체적으로 네임서버를 제공하면서 DNS관리를 할 수 있도록 기능을 제공하지만, CloudFlare의 부가적인 기능들을 활용하기 위해서는 Netlify에 CloudFlare 네임서버를 등록한 도메인을 연결하여 사용할 필요가 있다. 2. 자신의 도메인에 CloudFlare 연결 도메인을 구매한 사이트마다 도메인의 네임서버를 변경할 수 있는 대시보드를 제공한다. 이 설정 메뉴를 통해 도메인의 네임서버를 CloudFlare의 네임서버인 {임의의 문자열}.ns.cloudflare.com으..
1. 서론 이번 포스트에서는 Svelte를 이용해 크롬 확장프로그램을 개발하기 위한 준비 방법을 소개한다. (필자의 모든 JS/Node 생태계 관련 포스트는 Typescript를 기준으로 설명한다. Typescript를 생활화하자.) 2. 크롬 확장프로그램 기본 구조 이 부분은 필자가 이전에 올린 포스트를 참고하길 바란다. 크롬 확장프로그램과 Typescript 활용 방법에 관한 내용이다. [Typescript] Chrome Extension manifest v3 1. 서론 이번 포스트에서는 크롬 확장프로그램 manifest v3와 Typescript 활용 방법에 대해 소개한다. 크롬 확장프로그램은 크게 Popup과 Background로 이루어져있다. 이 둘은 웹서비스로 비유하자면 Frontend blo..
1. 서론 이번 포스트에서는 크롬 확장프로그램 manifest v3와 Typescript 활용 방법에 대해 소개한다. 크롬 확장프로그램은 크게 Popup과 Background로 이루어져있다. 이 둘은 웹서비스로 비유하자면 Frontend와 Backend같은 역할을 하며 확장프로그램을 이룬다. Chrome browser API를 통해 Popup과 Background가 서로 통신하며 API에서 제공하는 기능들을 이용해 사용자의 편의성을 향상시킬 수 있는 확장 프로그램을 개발할 수 있다. (필자의 모든 JS/Node 생태계 관련 포스트는 Typescript를 기준으로 설명한다. Typescript를 생활화하자.) 2. manifest v2 vs manifest v3 manifest는 크롬 확장프로그램의 jso..
1. 서론 본 포스트는 서버 업그레이드 기법인 Scale-Up과 Scale-Out에 대해 정리하였다. 서비스의 운영과정에서 경제적, 기술적인 이유로 서버의 규모를 변경해야하는 상황이 생기는데, 이때 서버 규모를 확장하는 방법에 따라 장단점이 있기 때문에 이에 대해 정확히 알고있어야 한다. 2. Scale-Up Scale-Up은 간단히 말해 개별 서버의 사양을 보다 높은 사양으로 업그레이드 하는 것을 말한다. 예를 들어 컴퓨팅 성능이나 스토리지의 용량 증대를 이유로 서버에 스토리지를 추가하거나 CPU, 메모리 등의 하드웨어적인 측면의 업그레이드이다 (만약 하이퍼바이저를 통해 가상화된 서버라면 자원의 할당량을 증가시키는 것이다.) 추가적인 네트워크 구성 없이 성능 증강이 가능하고, 업그레이드에 따른 추가적..
1. 서론 이번 포스팅에선 docker-compose.yml 파일의 작성법을 정리했다. 본 포스트에선 3.9 버전의 docker-compose.yml을 기준으로 작성되었으니 참고 바란다. docker-compose란 다수의 컨테이너로 구성된 서비스를 구축 및 실행 관리할 수 있는 기능이고, 이러한 기능을 docker-compose.yml이라는 파일로 정의할 수 있다. docker-compose를 이용하면 기존 docker 명령어로 컨테이너를 생성하고, 네트워크를 생성 및 연결하는 등의 일련의 과정을 간편하게 자동화시킬 수 있다. docker-compose를 사용하기 위해선 컨테이너로 만들 이미지가 준비되어있어야 한다. docker-hub에 올라가있는 이미지를 사용할 수도 있고, 따로 이미지를 만들어야 할..