프론트엔드

Solana의 프론트엔드 개발은 프로그램, 지갑 및 React와 같은 인기 있는 JavaScript 프레임워크를 다루는 작업을 포함합니다. 이러한 구성 요소와 상호 작용하려면 연결 처리, 트랜잭션 생성 및 Solana 계정에서 읽기가 필요합니다.

Solana Kit (@solana/kit)은 이 작업을 위한 표준 JavaScript SDK입니다. 작고 조합 가능한 플러그인으로 클라이언트를 구성하고, 필요할 때 React 바인딩을 추가하며, 호출하는 온체인 프로그램에 맞는 생성된 프로그램 클라이언트를 가져올 수 있습니다.

주요 라이브러리

@solana/kit

핵심 SDK: RPC, 코덱, 서명자 및 트랜잭션 - 다른 모든 라이브러리가 확장하는 플러그인 호스트 createClient 제공

Kit plugins

.use(...)로 클라이언트 구성: RPC 연결, 지갑, 서명자 및 트랜잭션 계획 - @solana/kit-plugin-* 패키지로 게시됨

@solana/react

Kit 클라이언트용 React 바인딩 - 읽기, 구독 및 지갑 상태를 위한 ClientProvider 및 훅

@solana-program/*

온체인 프로그램용 생성된 클라이언트 (System, Token 등) - tokenProgram()와 같은 명령어 빌더 및 클라이언트 플러그인 제공

web3.js 또는 wallet-adapter를 사용 중이신가요?

@solana/web3.js(레거시) 또는 @solana/wallet-adapter-* 코드베이스를 유지 관리하고 있다면, 위의 Kit 플러그인을 도입하거나 web3.js v3 및 wallet-adapter v3+로 기존 환경에서 바로 업그레이드할 수 있습니다. 두 라이브러리 모두 익숙한 API를 그대로 유지하며 Kit 내부 구조를 기반으로 구축되었습니다.