프로젝트 간단 소개

• AI 아바타 생성도구인 Aivatar에 존재하는 핵심 버그들을 수정하고, 협업이 가능한 코드로 만들기 위한 여러 리팩토링 과정을 진행하였습니다.
• 이외 추가 feature들을 개발해나갔습니다.
• URI: https://app.aivatar.ai

기여도

• 프론트엔드 100%

프로젝트 기간

2024.03 ~

개발 환경

• Visual Studio Code

개발 언어/라이브러리

• 개발 언어: Typescript
• 라이브러리:
  • React, TailwindCSS, Recoil, i18next-react,

상세 업무

November 11, 2024 next.js 15, react 19, next-auth 5 마이그레이션

vercel postgres - vercel storage 탭에 프로덕션용 실제값 있음 .env에 있는 값들은 로컬에 vercel postgres 환경을 docker로 구현하기위해 구성된 주소임. 프로젝트 루트에 docker-compose.yml 있음 해당 문서 참고: https://vercel.com/docs/storage/vercel-postgres/local-developmentoption-2:-local-postgres-instance-with-docker ! 고생했는데 여전히 vercel progres SDK 쓸 수가 없다. ECONNOREFUSED 난다. ! 다 따라했는데 무슨 문제일까? 내 생각엔 db.ts에서 neonConfig가 잘 안먹혀서 그런거 같다. 나중에 다시 꼭 트라이 하자. ! 그래도 환경구성을 좀 더 자동화할 수 있기에 다행이다. ! 해결했다. vercel postgres 안 쓰고 prisma의 neon adapter 사용했다. vercel postgres도 내부적으로 neon 쓰고 있으니까. 문서의 세팅을 여기에 빌려와서 개선함 TODO 여기 POSTGRES부분 환경변수 2개 남기고 다 쳐낼 수 있다. 기회되면 다 쳐내자. -> 다 쳐냈다. 이정도로 충분. POSTGRES 관련 나머지것들은 dev prod 가야 의미있는것이고, vercel postgres에서 어차피 자동생성 관리중

!neon 이슈 발생. Edge timeout에러. 로컬에서는 되나 프로덕션에서 안됨. 일단 nodsjs 런타임으로 롤백. Next-auth 또한 v5부터는 edge 의무이므로 v4로 일단 롤백 후 나중을 도모하기

September 23, 2024 묵음재생 최적화