히치키치

최초 빌드 결과 1. 폰트 최적화 처리 1] 파일 otf에서 woff 로 변경 처리 2] font-display: swap 추가를 통한 폰트가 로드 되지 못했을 때 시스템 폰트를 보여줌 변경전 변경후 두자리 밀리초에서 한자리 밀리초로 변경됨 2. SVG 파일 Compressor 적용 후 파일 교체 왼쪽) 원래 디자이너분이 준 SVG 파일 용량 오른쪽) 인터넷에 SVG Compressor 적용 후 파일 용량 막 엄청 다이나믹하게 줄어든 것은 아니지만... 그래도 티끌모아 태산이라는 마음으로...ㅎㅎ 3. _app 에서 헤더와 푸더 보이도록 레이아웃 수정 전) _app 의 child 컴포넌트로 헤더와 푸터와 콘텐츠를 랜더링 여부를 따지는 레이아웃을 구성했는데 그랬더니 모든 페이지 컴포넌트가 다 동일하게 큰 ..

목표 체크 ✅ 캠스터디 음성 채널 입장 & 캠스터디 음성 채널 퇴장 & 캠스터디 음성 채널 접속 유지 시간 ✅ supabase DB에 캠스터디 접속 시간과 해당 유저 정보 저장 ✅ 하드 코딩이 아닌 환경 변수로 코드 작성 코드 리뷰 1. 필요한 모듈 가져오기 discord.js : 디스코드 API와 상호작용 @supabase/supabase-js : Supabase DB와 상호 작용 dotenv : 환경 변수 관리 const { Client, GatewayIntentBits, REST, Routes } = require("discord.js"); const { createClient } = require("@supabase/supabase-js"); const dotenv =require("dotenv"..

이 시리즈는 we2study 기획, 개발, 디자인 등 프로젝트 진행 과정을 천천히 풀어볼 생각이다. 배경 교내 친목 동아리 활동 중에 디스코드를 이용해 캠스터디를 한다. 여느 때처럼 디스코드에 접속해 공부를 하는 와중에 .. 열혈 과탑 천재 지니가 접속해서 공부하는 시간이 측정되었으면 좋겠다고 했다. 많은 친구들이 캠스터디 채널에서 자유롭게 들어와서 공부하다가 나가는 자율 공부도 진행하고 일부 소모임 활동으로 특정 시간 대에 다같이 구체적인 활동을 진행하는 스터디도 진행되고 있다. 이를 공부시간을 측정하고 효율적으로 기록하며 더욱 즐겁게 참여를 유도할 수 있는 서비스가 있으면 좋겠다고 시작해 진행하였다. 스프린트 별 목표 및 검증 1차 스프린트 (9/20) 목표 디스코드 봇은 특정 음성 채널에 사용자가 ..