본문 바로가기
버전: 10.x

시작하기

비공식 베타 번역

이 페이지는 PageTurner AI로 번역되었습니다(베타). 프로젝트 공식 승인을 받지 않았습니다. 오류를 발견하셨나요? 문제 신고 →

tRPC 둘러보기​

tRPC 개념을 빠르게 살펴보려면 아래 동영상을 확인해 보세요:

tRPC 체험해 보기​

tRPC를 가장 빠르게 체험해 보는 방법은 온라인 REPL을 이용하는 것입니다. 다음 옵션들을 시도해 볼 수 있습니다:

  • Minimal Example - 최소한의 Node.js HTTP 서버와 서버의 함수를 호출하여 요청을 콘솔에 기록하는 클라이언트입니다.

  • Minimal Next.js Example - tRPC를 사용하는 가장 작은 크기의 Next.js 앱입니다. 문자열을 반환하는 단일 엔드포인트와 해당 엔드포인트를 호출하여 결과를 표시하는 페이지로 구성되어 있습니다.

로컬 환경에서 시작하는 것을 선호한다면, 로컬에서 실험해 볼 수 있는 스타터 프로젝트로 저희의 예제 앱 중 하나를 사용할 수 있습니다.

tRPC 사용하기​

"tRPC 사용하기"는 사람마다 다른 의미를 가질 수 있습니다. 이 페이지의 목표는 여러분의 목표에 맞는 적절한 자료로 안내하는 것입니다.

기존 tRPC 프로젝트에서 생산성 높이기​

새 프로젝트 생성하기​

tRPC는 다양한 프레임워크 내부에서 사용될 수 있으므로, 먼저 어디에서 사용할지 결정해야 합니다.

백엔드에는 다양한 프레임워크와 바닐라 Node.js를 위한 어댑터가 있습니다. 프론트엔드에서는 저희의 React 또는 Next.js 통합, 다른 다양한 프레임워크를 위한 서드파티 통합, 또는 JavaScript가 실행되는 모든 곳에서 동작하는 바닐라 클라이언트를 사용할 수 있습니다.

스택을 선택한 후에는 템플릿을 사용하여 앱을 구성하거나, 선택한 백엔드 및 프론트엔드 통합에 대한 문서를 참고하여 처음부터 시작할 수 있습니다.

기존 프로젝트에 tRPC 추가하기​

기존 프로젝트에 tRPC를 추가하는 것은 새 프로젝트를 시작하는 것과 크게 다르지 않으므로 동일한 자료가 적용됩니다. 주요 어려움은 기존 애플리케이션에 tRPC를 통합하는 방법을 알기 어려울 수 있다는 점입니다. 다음은 몇 가지 팁입니다:

  • 기존 백엔드 로직을 모두 tRPC로 포팅할 필요는 없습니다. 일반적인 마이그레이션 전략은 초기에는 새로운 엔드포인트에만 tRPC를 사용하고, 기존 엔드포인트는 나중에 tRPC로 마이그레이션하는 것입니다.

  • 시작 위치가 확실하지 않다면, 백엔드 어댑터와 프론트엔드 구현에 대한 문서 및 예시 앱을 확인하세요.

  • 대규모 코드베이스에서 tRPC가 어떻게 적용되는지 영감을 얻고 싶다면 tRPC를 사용하는 오픈소스 프로젝트에서 사례를 참고할 수 있습니다.

커뮤니티에 참여하기​

tRPC Discord에서 경험을 공유하고 질문하며 커뮤니티의 도움을 받아보세요!