- 프로젝트
Frontend Kit – AI 문답 기능 도입 (Gemma 3 27B)
Frontend Kit은 프론트엔드 면접 질문을 플래시카드 형태로 학습할 수 있도록 만든 PWA 웹앱입니다.
- 프로젝트
오픈소스 기여 경험기: Next.js 한글 문서, es-toolkit, Frontend Fundamentals
최근 1년 전 개발한 React 포트폴리오 프로젝트를 Next.js로 마이그레이션하는 작업을 진행하며,Next.js에 대해 알지 못했던 부분을 보완하고 필요한 정보를 얻기 위해 공식 문서를 참고했습…
- 프로젝트
S3와 CloudFront로 정적 사이트 호스팅: React 앱 배포 경험
기존에도 React로 만든 프로젝트를 여러 번 배포해 보았지만, 주로 Vercel, GitHub, Spotify 같은 플랫폼을 이용해 흔히 '클릭 한 번'으로 쉽게 배포하는 방식만 경험했습니다.
- 프로젝트
Expo 호스팅을 통해 React Native 앱 배포하기
다른 블로그 글과 공식 문서를 참고하면서 여러 가지 명령어를 시도했지만 잘되지 않아 어려움을 겪었습니다.
- 프로젝트
[Git] Commit Convention을 통한 개인프로젝트 관리
개인 프로젝트에서 Commit시 제목을 입력할 때 Commit Convension을 활용하고 있는데
- 프로젝트
Next.Js의 SSR 방식으로 인해서 생긴 500 Error 해결 법
먼저 500 Error가 발생한 원인은 간단합니다.
- 프로젝트
Optimistic UI Update With useSWR
오늘 Nomard Coder를 통해서 학습한 내용 중 Optimistic UI Update에 대해서 알게 되었다.
- 프로젝트
Twilio Test Message Error
Test message를 보낼 때 ERROR: 21610가 발생해서 어떻게 해결했는지 적어볼까 합니다.
- 프로젝트
Next.Js fetch를 통해서 request할 때 body 데이터 접근 법
React hook form을 통해서 onValid 된 data를 fetch를 통해서 pages / users / enter.tsx에 요청을 보냈다.
- 프로젝트
React Hook Form With Next.Js Test
기존에 회사에서나 개인프로젝트를 할 때 state를 활용해서 form 내부의 Input의 값들을 저장하는 방식을 많이 이용하고 그에 해당하는 예외처리나 에러처리를 정말 긴 코드로 해결했었는데 앞으로…
- 프로젝트
Prisma CLI 모음
Prisma Planet Scale Bridge 연결
- 프로젝트
이미지 미리보기 & 삭제 & 순서 바꾸 바꾸기
핵심은 이미지마다 onDragStart, onDragEnter Event를 통해서 작업을 했습니다.
- 프로젝트
PlanetScale DB 연결 법
schema.prisma File에서 아래와 같이 설정
- 프로젝트
PlanetScale CLI (zsh: command not found: brew Error 해결법)
zsh: command not found: brew Error가 나신다면 아래의 과정을 차례대로 따라 해보시길 바랍니다.
- 프로젝트
Next.js 초기 node 버전 오류
2023년 11월 기준 node -v 관련 오류가 난다면 node -v 18 이상을 설치하시면 정상 작동됩니다.
- 프로젝트
git merge 취소 하는 법
git merge를 했는데 충돌이 있어서 당황을 했는데 아래의 명령어를 통해서 마지막으로 한 merge 명령을 취소할 수 있었습니다.
- 프로젝트
Next JS 포트폴리오 프로젝트 이미지 오류
최근 제가 만들고 배포한 포트폴리오 프로젝트가 잘 배포되어 있는지 확인을 해보았는데 아래와 같이 오류가 발생하는 중이었습니다.
- 프로젝트
기존의 Loding Bar -> Skeleton UI 교체
기존의 Loding bar로 표현되었던 걸 Skeleton UI를 직접 구현하여서 교체하였다.
- 프로젝트
Poketmon Master 프로젝트 리팩토링
이전에 진행했던 Poketmon Master 프로젝트인데 급하게 팀 프로젝트를 진행하게 되어서 완벽하게 완성하지 못한 부분을 리팩토링 하려고 합니다.
- 프로젝트
포트폴리오 제출용 웹 로고 제작
드림 코딩 강의를 통해서 나만의 포트폴리오 제출용 웹을 제작하고 있습니다.
