- 프로젝트
[Git] Commit Convention을 통한 개인프로젝트 관리
개인 프로젝트에서 Commit시 제목을 입력할 때 Commit Convension을 활용하고 있는데
- 프로젝트
Next.Js의 SSR 방식으로 인해서 생긴 500 Error 해결 법
먼저 500 Error가 발생한 원인은 간단합니다.
- 실무 경험
SPA(Single Page Application)페이지 SEO 최적화 With React Helmet
최근에 Spot 운임 리스트를 보여주는 Ocean Freight 페이지를 개발할 때
- 프로젝트
Optimistic UI Update With useSWR
오늘 Nomard Coder를 통해서 학습한 내용 중 Optimistic UI Update에 대해서 알게 되었다.
- 실무 경험
Safari에서 깨지는 CSS 해결
정말 중요한 기획의 퍼블리싱을 맡게 되었습니다.
- 기술 정리
Next.Js useRouter push or replace
먼저 useEffect()를 통해서 user의 정보를 가져와서 관리하는 hook을 생성 중에 유용한 사실을 알게 되어 기록하게 되었습니다.
- 실무 경험
Text ReadMore 구현 With WiniLogis Our Shipment
먼저 기획서에서 모바일 화면일 때 3줄 이상의 문장일 경우 Read more 버튼이 보이게 해 달라는 요청이었습니다.
- 기술 정리
Chrome에서 JSON Data 예쁘게 확인하는 법
NextJS에서 API Call을 했을 때 JSON Data가 정렬되어 있기를 원해서 Crome 도구를 찾아보게 되었습니다.
- 프로젝트
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의 값들을 저장하는 방식을 많이 이용하고 그에 해당하는 예외처리나 에러처리를 정말 긴 코드로 해결했었는데 앞으로…
- 실무 경험
Mui DatePicker 키보드 Event PreventDefault 하기
관리자 기능 중에 Mui DatePicker를 이용해서 날짜를 선택하는 부분이 있었는데
- 프로젝트
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가 나신다면 아래의 과정을 차례대로 따라 해보시길 바랍니다.
- 실무 경험
세상에서 가장 간단한 Skeleton UI With Only HTML & CSS
오늘은 회사에서 백엔드 개발자분의 요청으로 Skeleton UI를 가장 간단하게 만들어달라는 요청이 있어서 최대한 빨리 만들어 보았습니다.
- 실무 경험
React DatePicker 날짜 & 시간 저장 오류
https://www.npmjs.com/package/react-datepicker
- 기술 정리
날짜 형식을 쉽게 변경할 수 있는 정규식
코드를 작성 도중 백엔드에서 넘어오는 날짜 데이터의 형식이 date : '20231228' 이런 형식인데 '2023-12-28' 다음과 같은 형식으로 만들고 싶던 도중 싶게 만들 수 있는 방법을 알…
- 실무 경험
도전의 5개월, 우수사원 상 수상 기쁨과 다짐
2023년 7월 3일에 회사에 입사한 지 5개월이 지났습니다.
