개발자 시선

  • 홈
  • 태그
  • 방명록

PDF 1

바이브 코딩으로 React 코드를 PDF로 변환 기능 만들기

사이드 프로젝트에서 그래프와 혈당 수치가 담겨있는 테이블을 PDF 형식으로 내보내기 기능을 만드는데, React 코드를 PDF로 변환해주는 라이브러리 중 맘에 드는 것을 찾지 못해서 Cursor와 함께 직접 만들게 된 과정을 정리한 내용입니다. 일단 라이브러리 선택 조건은 다음과 같았습니다.별도의 코드 변환없이 기존 컴포넌트를 그대로 바로 사용할 수 있도록 해야한다.각 페이지의 Header와 Footer를 원하는대로 직접 제어할 수 있어야 한다.pdf 내에서 텍스트 검색이 되어야 한다.사실 이번 개발은 라이브러리 선택만 잘하면 금방 끝날 거라고 생각했지만, 생각했던 것 보다 쉽지 않은 작업이었습니다.마음에 드는 라이브러리를 찾기 위한 과정react-pdf/renderer (링크)React 코드를 사용해서..

개발 지식/react 2026.03.09
이전
1
다음
더보기
프로필사진

개발자 시선

개발자 시선으로부터-

  • 분류 전체보기 (20)
    • 개발 지식 (16)
      • git (1)
      • react (1)
      • css (1)
      • next.js (1)
      • tailwind css (1)
      • UI와 UX (5)
      • Flask와 Jinja2 (4)
      • 알고리즘 (1)
      • 웹 성능 최적화 (1)
      • 라이브러리 만들기 (0)
    • 프론트엔드 실무 (0)
      • 회고록 (0)
      • 커뮤니케이션 (0)
    • 개발하는 일상 (3)
    • 독서 (1)

Tag

시각적 무게, react, 개발, 데이터 결산 서비스, react-pdf변환, next.js, 김선태, 성장일지, 회고, 컨펌셰이밍, 홍보의신, 모바일웹, 시각적 앵커, 바이브코딩, 독서, git, 웹 성능 최적화, 말풍선, ai, tailwindcss, 약관 동의 UI, Prettier, Portal, PDF, UI/UX, 충주맨, 피츠의 법칙, flask, 오픈소스기여, jinja2,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Copyright © AXZ Corp. All rights reserved.

티스토리툴바