Articles in this series
마이그레이션을 통한 성장과 회고 · 프로젝트 개요 작업 기간 : 2024.03.08 ~ 2024.03.21 Emotion Diary V2 기존 프로젝트 '감정 일기장'을 Vite, TypeScript, Tailwind CSS를 활용해 재구성한 것으로, CRUD와 같은 기본...
LocalStorage를 활용한 사용자 설정과 데이터 저장 · 다크모드 설정 저장 const ThemeProvider = ({ children }: ThemeProviderProps) => { const loadDarkModeSetting = () => { ...
ChatGPT API를 활용한 답장 서비스 구현 · GPT API 프롬프트 설정 const messages = [ // 역할 정의 { role: "system", content: "You are a Counseling...
Tailwind CSS와 Context API를 활용한 유연한 다크모드 전환 · Tailwind 설정 (tailwind.config.ts) darkMode: "class", // 다크모드가 .dark 클래스의 존재 여부에 따라 활성화 theme: { ...
일기 데이터 불러오기, 일기 상세보기 · 일기 데이터 불러오기 useDiary 커스텀 훅 일기 데이터 접근 const data = useContext(DiaryStateContext); DiaryStateContext를 통해 전역에서 관리되는 일기 데이터에 접근 특정...
날짜 포맷팅, 일기 작성 기능 · 날짜 포맷팅 유틸리티 formatWithZero 함수 날짜 형식을 두 자릿수로 일관되게 유지하기 위한 함수 const formatWithZero = (number: number) => number < 10 ? `0${number}` :...
