시리즈

미니프로젝트 WeatherTalk

1.6/2 미니프로젝트 WeatherTalk

다양한 캐릭터가 알려주는 실시간 날씨 정보 제공 웹어플리케이션사용자의 현재 위치에 따라 내가 선택한 캐스터가 실시간 날씨와 관련된 메세지를 보여주는 웹어플리케이션사용자가 웹사이트를 방문할 때마다 현재 위치를 기반으로 날씨 정보를 가져와서 캐스터가 읽어줌사용자가 선택한

2024년 6월 2일

2.6/5 openai API를 이용하여 text 생성하기

서버에러가 계속 나서 이틀을 고민함.. 첫번째 문제는 환경변수에서 api를 못 읽어오는 문제가 있었음. node 환경에서는 next가 환경변수를 못읽는다 그래서 dotenv를 설치했다가

2024년 6월 5일

3.6/6 커스텀훅으로 location정보, weather 정보 가져오기

React 훅 사용 시 비동기 작업을 직접 호출하는 방식은 추천되지 않음. 훅 내부에서 상태 업데이트를 안전하게 처리하기 위해 useEffect 훅을 사용하는 것이 좋다.

2024년 6월 6일

4.6/7 서버, 클라이언트 사이드 캐스터 상태 불일치

caster prop을 이용하여 캐스터 아바타 보여주기첫화면부터 랜덤으로 보여주려고 했는데, context로 받아오는 caster 상태가 서버컴포넌트와 클라이언트 컴포넌트에서 caster 불일치하는 문제가 생김클라이언트 사이드에서 컴포넌트 리렌더링이 일어나면서 최종 캐

2024년 6월 8일

5.6/10 openWeatherMap undefined error / react-markdown적용,

openWeatherMap에서 데이터를 보내줄 때, 비나 눈이 오지 않으면 snow나 rain이라는 항목 자체를 아예 보내주지 않음. 그래서

2024년 6월 10일

6.6/11 react-portal을 사용한 캐스터 선택 Modal 만들기

오늘 모달 만듦.. 너무 피곤하니 일단 잔다.

2024년 6월 11일

7.6/13 Date객체와 메서드 / 일출, 일몰시간 표시하기 / 랜덤옵션 추가

일출, 일몰시간 표시하면서 정리해본 Date 객체와 메서드 날짜와 시간 얻기 -> Date 객체 사용: new Date()을 사용하면 현재 날짜와 시간을 나타내는 Date 객체가 생성됨. Date 객체를 다양한 메서드를 통해 다른 형식으로 출력할 수 있음. Date안에

2024년 6월 13일

8.6/19 코드 리팩토링

import useSWR from "swr";import axios from "axios";import { Caster, WeatherData } from "../service/openai";type Props = { caster: Caster; weather: W

2024년 6월 19일

9.6/24 Tanstack-Query 에러

Context에 Tanstack-query를 사용하여 리팩토링 중QueryProvider를 만들어 RootLayout에 적용하면 런타임 에러가 발생함Error: Only plain objects, and a few built-ins, can be passed to Cl

2024년 6월 24일

10.6/24