2024.07.20·

Web3, NFT, i18n 개념 정리 - PFPlay 프로젝트 사전 학습

Web3NFTi18n
Web3 개념도
Web3 생태계 개요

PFPlay 프로젝트에 합류하기 전, 도메인이 생소해서 사전 학습부터 했다. Web3 생태계와 PFP NFT 개념, 글로벌 서비스를 위한 i18n(국제화) 구현 방법을 정리한다.

Web3란?

Web3는 블록체인 기술을 기반으로 한 탈중앙화된 인터넷을 말한다. Web1(읽기 전용) → Web2(읽기+쓰기, 플랫폼 중심) → Web3(읽기+쓰기+소유)로 진화한 개념이다.

  • 탈중앙화: 중앙 서버 없이 블록체인 네트워크에서 데이터를 관리
  • 토큰 경제: 암호화폐와 토큰으로 가치를 교환
  • 지갑 연결: 로그인 대신 MetaMask 같은 지갑으로 인증

프론트엔드 관점에서는 지갑 연결, 트랜잭션 서명, 스마트 컨트랙트 호출 등 기존 Web2와는 다른 인터랙션 패턴을 알아야 했다.

NFT와 PFP

NFT(Non-Fungible Token)는 대체 불가능한 디지털 자산을 의미한다. 그중 PFP(Profile Picture) NFT는 프로필 이미지로 사용하는 NFT다. BAYC(Bored Ape Yacht Club), CryptoPunks 같은 프로젝트가 대표적이다.

PFPlay에서는 사용자가 자신의 PFP NFT를 프로필로 설정하고 그것으로 아이덴티티를 표현하는 소셜 기능을 구현해야 했다. NFT 메타데이터를 조회하고 이미지를 렌더링하고 소유권을 검증하는 등의 프론트엔드 작업이 필요했다.

i18n (국제화)

PFPlay는 글로벌 사용자를 대상으로 하기 때문에 다국어 지원이 필수였다. Next.js에서 i18n을 구현하는 방법을 학습했다.

  • next-intl 또는 next-i18next 라이브러리 활용
  • 언어별 JSON 파일로 번역 문자열 관리
  • URL 경로 기반 로케일 라우팅 (/en/, /ko/)
  • 날짜, 숫자 포맷의 로케일별 처리

단순 번역뿐 아니라 RTL(Right-to-Left) 지원, 복수형 처리, 컨텍스트에 따른 번역 분기 등 생각보다 고려할 부분이 많았다.

정리하며

Web3 도메인은 기존 웹 개발과 꽤 다른 개념들이 많아서 사전 학습에 시간을 투자한 게 좋았다. 특히 지갑 인증 플로우와 NFT 메타데이터 구조를 미리 이해해두니 실제 프로젝트 합류 후 적응이 훨씬 빨랐다.