patchnotes

  • 홈
  • 태그
  • 방명록

2025/08/09 1

[React/Next.js] 관심사 분리의 중요성과 react-hook-form과 yup

이전 코드의 가장 큰 문제는 react-hook-form의 images 필드가 너무 많은 역할을 담당했다는 것이다. 이 필드는 동시에 세 가지 다른 데이터를 관리해야 했었다.미리보기 데이터: dataURL 형식으로 화면에 이미지를 보여주기 위한 정보.업로드 데이터: 서버로 보낼 실제 File 객체.서버 데이터: 게시글에 최종적으로 저장될 이미지의 URL.dataURL을 받아서 file객체로 변환하고.... dataURL인 경우 서버 업로드 후 URL변환하고....이걸 이미지업데이트 로직에 억지로 우겨넣고... 아무리 바이브 코딩으로 먼저 작성하고 나중에 이해하려고 했다지만 보는 내내 먼가 복잡하고 이해가 안되었었다. 이게맞나 생각하던 와중 문득 생각해보니 dataURL의 미리보기는 그냥 미리보기로 남겨보..

배우는거끄적이기 2025.08.09
이전
1
다음
더보기
프로필사진

patchnotes

lazypatchnotes 님의 블로그 입니다.

  • 분류 전체보기
    • 배우는거끄적이기
    • Programmers

Tag

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/08   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바