안녕하세요, 라이빗의 데이터베이스 관리자입니다.이번 글에서는 구글 클라우드 플랫폼(GCP)을 활용해, 우리 서비스에 자동화 스크립트를 적용한 과정을 소개해보려 합니다. 구글 클라우드 플랫폼, 왜 사용하나요? 라이빗은 사용자들이 좋아하는 아티스트의 내한 공연 정보를 빠르고 정확하게 확인할 수 있도록 도와주는 서비스입니다.공연 날짜는 물론이고, D-Day 계산, 그리고 진행 중 / 종료 여부와 같은 상태 정보도 함께 제공하고 있습니다. 처음에는 콘서트 일정에 따라 공연 상태를 업데이트하는 스크립트를 만들어두고, 이를 매일 수동으로 실행했었습니다. 오늘 날짜와 공연 날짜를 비교해서 상태를 갱신하는 방식이었죠. 하지만 이 방식엔 몇 가지 문제가 있었습니다:매일 직접 실행해야 하는 번거로움하루라도 실행을 빠..

Tech 2025. 10. 5. 23:58

안녕하세요, 라이빗의 웹 개발자입니다.이번 글에서는 프로젝트에서 사용할 외부 라이브러리 선택 기준에 대해 이야기해 보려 합니다.다양한 라이브러리 중에서도 라이빗 프로젝트에서 사용했던 두 가지 캐러셀 라이브러리를 예시로 이야기를 풀어 나가보겠습니다! 라이빗 캐러셀, 어디에 사용되었나요?라이빗 서비스의 탐색탭을 보시면 라이빗과 내한 공연의 소식 등을 확인할 수 있는 이미지 캐러셀이 있으며, 그 아래에는 카테고리별로 나눠진 콘서트 목록의 슬라이더도 있습니다. 하단의 탐색탭 클릭 👉 https://www.livith.site/이외에도 각 콘서트 페이지를 보시면 콘서트 필수 정보 캐러셀과 팬 문화, MD 리스트 슬라이더도 확인해 보실 수 있습니다:) 라이빗 캐러셀, 어떤 라이브러리를 사용했나요?결론부터 말씀드..

Tech 2025. 9. 28. 23:41

안녕하세요, 라이빗의 웹 개발자 겸 서버 개발자입니다.이번 글에서는 react-toastify 라이브러리를 활용해 토스트를 띄우는 방법을 소개하려고 합니다.특히, 현재 배포된 사이트의 관심 콘서트 삭제 및 설정 기능에서 사용한 토스트 구현 과정을 중심으로 정리했습니다.1. 라이브러리 설치먼저 react-toastify 라이브러리를 설치합니다.npm install --save react-toastify2. Tailwind CSS 설정토스트가 자연스럽게 위에서 내려왔다가 다시 위로 사라지는 애니메이션을 만들고,커스텀 그림자(custom-toast)를 추가했습니다.// tailwind.config.jsmodule.exports = withMT({ content: ["./src/**/*.{js,ts,jsx,t..

Tech 2025. 9. 22. 17:54