November 13, 2023
이 글은 우테코 피움팀 크루 '주노'가 작성했습니다. 사건의 발단 https 인증서가 만료되어 https로 서비스 접근을 할 수 없게 되었다. 만료된 인증서를 어떻게 관리해야할 지 알아보자. 인증서 갱신 가능 확인 certbot을 이용한다면 명령어를 이용해 인증서를 갱신할 수 있다. 위 명령어를 통해 certbot이 가지고 있는 SSL 인증서에 대…
November 03, 2023
이 글은 우테코 피움팀 크루 '클린'가 작성했습니다. 피움의 PWA 적용기 웹 어플리케이션인 피움은 ‘식집사들의 관리 주기를 찾기 어렵다’ 라는 문제를 해결하기 위해 기획을 시작했습니다. 그리고 사용자의 문제를 해결하기 위해 식물의 관리 주기를 기록하는 ‘히스토리’와 관리 일정이 되면 알림을 주는 ‘리마인더’를 통해 해결할 수 있다고 생각했습니다. 기획 …
November 01, 2023
이 글은 우테코 피움팀 크루 '클린'가 작성했습니다. PWA를 통해서 설치도 했고 Service Worker를 세팅함으로써 오프라인과 백그라운드 상황에서 이벤트에 대한 처리 역 시 마칠 수 있었습니다. 이번에는 푸시 알림에 대해 알아보고 구현까지 해보려고 합니다. 푸시 알림은 말 그대로 가만히 있는데 알림을 밀어 넣어 준다는 것을 의미합니다. 푸시 기능과 …
November 01, 2023
이 글은 우테코 피움팀 크루 '클린'가 작성했습니다. 바로가기 prompt 만들기 설정을 했다면 홈 화면에 바로가기를 추가할 수 있습니다. 보통은 “홈 화면에 바로가기 추가”를 통해 바로가기를 등록할 수 있지만 모든 사용자가 이 방법을 알고 있는 것도 아니고 접근성이 떨어지게 됩니다. 추가적으로 화면에 바로 들어왔을 때 아래와 같이 바로 알림이 나타난다…
October 31, 2023
이 글은 우테코 피움팀 크루 '클린'가 작성했습니다. Service Worker 서비스 워커는 웹 어플리케이션과 브라우저, 네트워크 사이에 위치한 프록시 서버 역할을 하고 있습니다. 서비스 워커의 주 목적은 효과적인 오프라인 경험을 만드는 것입니다. 서비스 워커는 보안이 중요하기 때문에 로컬 호스트를 제외한다면 https 통신이 가능한 상태에서만 동작합니…
October 30, 2023
이 글은 우테코 피움팀 크루 '클린'가 작성했습니다. PWA PWA란? 프로그레시브 웹 앱 (PWA)은 점진적 개선을 사용하여 사용자에게 더 안정적인 환경을 제공하고, 새로운 기능을 사용하여 보다 통합된 환경을 제공하며, 설치할 수 있는 웹 앱입니다. 또한 웹 앱이기 때문에 단일 코드베이스로 언제 어디서나 모든 기기에서 누구에게나 도달할 수 있습니다. 설…
October 20, 2023
이 글은 우테코 피움팀 크루 '주노', '그레이', '조이', '하마드' 가 작성했습니다. 서론 Connection Pool 개수 설정에 대해 알아보고 최적의 개수를 설정하기까지의 과정을 정리해보자. Connection Pool 크기 10,000명의 사용자가 동시에 요청을 보내는 웹 사이트가 있다고 하자. TPS 목표는 20,000인 상황에서 커녁센 풀 …
October 19, 2023
이 글은 우테코 피움팀 크루 '주노', '그레이', '조이', '하마드'가 작성했습니다. 서론 다음 discussion으로부터 시작된 안건입니다. discussion - 무중단 배포 환경 구성 우리가 서버 한 대로 서비스를 운영한다고 가정해보자. 새로운 기능이 추가되고 배포되기 위해서는 애플리케이션을 빌드한 뒤 구동이 완료되어야한다. 이 과정에서 기존의 …
October 03, 2023
이 글은 우테코 피움팀 크루 '주노, 참새'가 작성했습니다. 서론 피움 서비스를 이용하는 과정에서 불러오는 이미지의 크기가 너무 커서 사용자가 이미지 로드할 때 시간이 오래 걸린다. 위와 같은 환경에서 이미지 로드 시간을 책정해봤다. 사용자가 인터넷 환경이 느린 경우 1.8MB 사진을 로드하는 데 9.99초 이상의 로드시간이 걸린다. 피움 서비스는 …