Search

jinLog

Building seamless digital life

최신 글

Search
x402는 HTTP 402 Payment Required 상태 코드를 사용하는 새로운 개방형 결제 표준입니다. HTTP 402는 1997년 공식 HTTP 표준으로 정의된 이후 현재까지 재대로 된 구현이 없어 잊혀졌지만, 코인베이스가 제안한 x402는 이 잊힌 상태 코드를 약 30년 만에 실사용 가능한 결제 메커니즘으로 부활시켰습니다. 402 코드가 처음 만들어진 목적대로, x402는 유료 컨텐츠에 대해 디지털자산 기반의 마이크로 페이먼트(초 소액 결제)를 가능하게 합니다.
하지만 최근 x402가 주목 받는 이유는 스테이블코인 결제나 마이크로 페이먼트 때문이라기 보다, 이제는 더 이상 결제의 주체가 사람만이 아니게 되었기 때문입니다. AI 에이전트가 사람 대신 웹을 탐색하고 결제 요청까지 보낼 수 있게 되면서 기존 사람 중심의 결제가 아닌 AI 중심의 결제 기술이 필요해졌습니다. x402는 스테이블코인과 같은 디지털자산을 결제 수단으로 사용하므로 복잡한 결제 절차를 단순화하고 $0.001 단위의 초 소액 결제를 가능하게 합니다. 이는 계정 생성, 결제 페이지 이동, 월 구독과 같은 사람 중심의 결제 흐름이 아닌, AI에게 필요한 HTTP 레벨에서 바로 처리되는 요청당 결제 인프라를 제공합니다.
기존 결제 방식은 사람 중심의 설계로 AI 에이전트가 사용하기에 비효율적이지만 x402는 에이전트 중심의 설계로 AI가 직접 결제까지 진행할 수 있습니다.
앞서 설명한 것처럼 x402는 AI 에이전트가 결제를 진행하기 쉽도록 설계되어 있습니다. 사람이 주로 사용하는 구독과 같은 월 단위 요금제나 API 키 기반 과금 모델은 근본적으로 AI 에이전트에게는 맞지 않습니다. 에이전트는 특정 서비스에 종속되는 것보다 필요한 서비스에 대해 요청 단위로 비용을 지불하는 것이 더 자연스럽습니다. x402는 요청 자체가 결제의 경계이므로 별도의 결제 SDK나 API 키 없이 요청 → 결제 → 응답의 단순한 결제 흐름을 유지할 수 있습니다.

 x402 핵심 개념

결제는 더 이상 별도의 시스템이 아닌 HTTP 상호작용의 일부

기존 웹에서는 서비스 프로세스와 결제 프로세스가 서로 분리되어 있었습니다. 사용자는 필요한 서비스를 사용하기 위해서 먼저 결제를 완료해야 했습니다. x402는 웹 표준 초기에 만들어졌지만 그동안 사용되지 않은 HTTP 402 Payment Required 코드를 재해석해, 최소한의 HTTP 상호작용으로 서비스 요청과 결제를 한 과정에서 처리할 수 있도록 합니다.
x402는 뭘까? HTTP 402의 부활
Web3
2025/12/20 01:47
리믹스(Remix)와 같은 서버 사이드 렌더링(SSR) 프레임워크로 개발할 때, 기존의 클라이언트 사이드 렌더링(CSR) 방식과 가장 큰 차이점은 초기 화면에 필요한 데이터를 다루는 방식입니다. SSR에서는 데이터베이스 조회나 API 응답으로 얻는 서버 데이터에 대한 접근과 처리가 화면의 서버 렌더링 시점에 미리 이루어질 수 있다는 점이 핵심입니다.
서버 사이드 렌더링(SSR)에서 웹 페이지가 만들어지는 과정을 다시 생각해 봅시다. 먼저, 서버에서 웹 페이지를 만들고 이를 브라우저로 보냅니다. 그 다음, 브라우저에서 페이지를 보여줍니다. 이 방식은 사용자가 웹사이트를 더 빨리 볼 수 있게 해줍니다.
loader 활용하기
이제는 비트코인 블록체인에서 코인을 전송하는 것 외에 일종의 NFT를 만드는 것이 가능합니다. 기존에 블록체인에서 NFT를 생성한다고 하면 이더리움 블록체인을 기반으로 ERC-721과 같은 스마트 컨트랙트로 구현하여 생성하는 것이 일반적이였는데요. 비트코인에 직접 파일 또는 이미지의 코드를 새겨 저장할 수 있는 Ordinals 프로토콜이 추가되면서 ERC-721과는 다른 좀 더 본질적인 NFT의 의미에 부합하는 비트코인 NFT를 생성할 수 있게 되었습니다.
최근 NFT 시장, 특히 이미지 파일과 같은 디지털 아트 NFT 시장이 많이 줄어든 것은 아무래도 기존 이더리움 베이스의 NFT가 태생적으로 가지고 있는 한계 때문이라는 의견이 많습니다. NFT는 Non-Fungible Token의 약자로 대채 불가능한 토큰이라는 뜻을 가지고 있습니다. 좀 더 풀어서 설명하면 특정 계정이 소유하고 있는, 다른 어떤 것과도 대채할 수 없는 오직 유일하게 존재하는 디지털 개체를 나타내는 것이 바로 NFT인 것이죠.
하지만 이더리움 NFT를 구현하는 ERC-721 표준은 이미지나 파일은 블록체인이 아닌 오프체인 외부 저장소(주로 IPFS 또는 AWS S3를 많이 사용)에 저장하고 그 파일을 불러올 수 있는 URL만 온체인에 저장하는 형태로 저장된 파일이 유실되거나 수정될 수 있는 한계점을 가지고 있습니다. 그래서 최근 이더리움 NFT는 고유한 디지털 아트 가치를 나타내는 수단으로써 사용되는 것 보다는 디지털 증명서나 맴버십 또는 게임 아이템과 같은 온라인 상에서의 소유 증명을 나타내는 수단으로써 활용되는 쪽이 좀 더 낫다는 평가가 많습니다.
대부분의 이더리움 NFT는 실제 파일은 오프체인 저장소인 IPFS 같은 곳에 저장되고 그 URL만 온체인에 저장하는 식입니다.
비트코인 NFT? Ordinals Inscription
Bitcoin
2023/11/10 02:12
이더리움 블록체인에서 토큰 송금과 같은 트랜잭션을 생성하기 위해서는 EOA라 불리는 외부 계정 주소를 필수적으로 사용해야 했습니다. EOA란 Extenally Owned Account의 줄임말로 말 그대로 외부에서 생성한 계정(지갑 주소)라는 뜻입니다. 메타마스크 월렛, 코인 거래소에서 입출금으로 사용되는 주소, 보안 저장소를 사용하는 콜드 월렛처럼 기존에 사용하는 모든 월렛은 블록체인 밖에서 개인 키와 함께 생성한 EOA를 사용하는 월렛입니다.
메타마스크를 사용해 보셨다면 월렛을 처음 생성할 때 12자리의 단어로 이루어진 니모닉 문구를 다른 사람이 알 수 없도록 별도로 기록해서 보관하는 과정을 진행해보신 경험이 있으실 겁니다. 니모닉 문구는 월렛의 시드 키(Seed Key)를 생성하는 단어 조합입니다. 메타마스크를 비롯한 거의 대부분의 암호화폐 월렛은 이 시드 키를 사용해 개인 키(Private Key)와 주소(Address)를 생성하고 사용하는 EOA 형태의 지갑입니다.
니모닉 기반의 지갑은 단어 코드를 통해 모든 지갑 계정을 생성하고 복구할 수 있지만 코드를 해킹 당하거나 분실할 경우 지갑 내 모든 계정의 자금도 잃게 되므로 각별하게 관리해야 합니다.
EOA 지갑의 가장 큰 단점은 지갑 사용에 필요한 키 관리가 매우 까다롭다는 것입니다. 니모닉 문구나 개인 키를 어딘가에 따로 기록해 보관 했지만 잊어버리거나 휴대폰 앱에만 월렛 키가 저장되어 있는데 휴대폰을 분실 했다던지 하는 경우가 발생하면 지갑을 복구할 옵션이 전혀 없어지게 되고 거기에 보관하고 있는 코인이나 토큰은 영영 사용할 수가 없게 됩니다.
지갑을 연계해 사용하는 Web3 앱에 익숙한 사용자라면 키 관리의 중요성을 알기 때문에 언제든 복구 또는 사용할 수 있도록 월렛 키를 잘 관리하겠지만, 기존 방식에 익숙한 일반적인 사용자들은 여기에 큰 진입 장벽을 느끼게 됩니다. 거기에 지갑을 사용해 토큰을 전송하거나 NFT 생성과 같은 트랜잭션 처리를 해야하는 경우에는 수수료로 사용되는 네이티브 코인(예를 들어 이더리움의 ETH나 폴리곤의 MATIC)을 미리 지갑 주소에 보유하고 있어야 하는데, 없다면 코인 거래소에서 구매하여 지갑으로 전송해야 하는 준비 과정도 필요하게 됩니다.
니모닉코드 관리부터 수수료로 사용될 코인을 준비하는 것까지 EOA 월렛의 불편한 UX는 기존 웹 사용자들에게 높은 진입 장벽이 됩니다.
스마트월렛 ERC-4337 알아보기
Web3
2023/11/04 04:18
블록체인(Blockchain)은 탈 중앙화된 분산 원장 관리 시스템입니다. 여기서 탈 중앙화(Decentralization)란 특정 주체가 권한을 가지고 무엇인가를 결정하거나 제약할 수 있는 것이 아닌 분권화 되어있는 시스템 위에서 모든 규칙이 동일하게 적용되는 것을 의미합니다. 비트코인의 블록체인은 완전하게 탈 중앙화 되어있으므로, 어떤 주체가 함부로 시스템 규칙을 변경거나 거래 내역을 수정할 수 없고 특정인을 제약하거나 또는 검열할 수 없으므로 누구나 안심하고 자유롭게 비트코인을 사용할 수 있습니다.
비트코인의 송금은 디지털 서명과 함께 트랜잭션(Transaction)을 생성하고 블록체인 네트워크에 새로운 거래로 추가함으로써 처리됩니다. 블록체인은 이런 트랜잭션들이 저장되어 있는 블록(Block)들의 모음입니다. 블록은 생성 주기에 따라 시간이 지날수록 매번 새로운 블록이 생성되고 블록체인에 추가되게 됩니다. 블록은 생성될 때마다 그 시간(타임스탬프)을 기록하기 때문에 특정 거래의 체결 시간을 확인하려면 해당 트랜잭션이 포함된 블록의 생성 시간을 확인하면 됩니다.
mempool.space에서 812218번째 블록이 생성된 것을 캡처했습니다. 비트코인의 경우 평균적으로 10분다 새로운 블록이 생성되고 블록체인에 추가되게 됩니다.
새롭게 생성된 블록은 기존 블록들과 함께 그 내용을 수정하지 못하도록 하는 암호 기술을 적용하여 블록체인에 “체인”하는 과정을 거칩니다.

블록 “체인”하는 해시 암호화

비트코인 블록체인의 모든 블록들은 SHA-256 암호 알고리즘을 사용한 해시(Hash) 함수를 통해 일렬 정렬되어 있습니다. 블록마다 연쇄적으로 해시 함수가 적용되어 있어서 그 결과 값인 해시만 비교 검증하는 것만으로도 블록에 저장된 데이터가 변조 되었는지 여부를 확인할 수가 있는데요. 이는 아래와 같은 해시 함수의 특징 때문에 가능합니다.
블록체인의 원리
Bitcoin
2023/10/12 00:23
비트코인(Bitcoin)은 인터넷 상에서 제 3자의 중재없이 오로지 개인과 개인만으로 돈을 주고 받을 수 있도록 하는 온라인 캐시 시스템입니다. 비트코인은 사토시 나카모토(Satoshi Nakamoto)라고 하는 익명의 개발자가 2008년 10월에 9장의 논문으로 발표하며 세상에 공개 되었는데요. 논문 내용을 보면 비트코인을 주고 받은 모든 거래내역들을 암호화 알고리즘으로 사슬(Chain)처럼 이어서 보관한다고 해서 비트코인의 원장 관리 시스템을 블록체인(Blockchain)이라고 부르게 됩니다.
비트코인이 등장하게된 사회적 배경을 알아보자면, 때는 2000년대 후반으로 서브프라임 모기지 사태로 유발된 전 세계적인 금융 위기가 도래한 시기였습니다. 미국의 수 많은 금융기관들이 무 분별하게 운용한 주택담보대출(모기지론)로 인해 극대화된 미국의 부동산 가격 거품이 어느순간 꺼지기 시작하면서 수 많은 사람들이 대출 이자를 갚지 못하는 채무불이행이 발생하였고 이는 미국 금융기관들의 파산으로 이어졌습니다.
전 세계 금융위기의 시작을 알린 리만 브라더스의 파산
금융위기가 발생하고 수 많은 피해자들이 발생하자, 정작 이 사태를 초래한 금융기관들은 사태를 책임지는 모습보다 미 정부로 부터 지원받은 구제금융으로 보너스 파티를 벌이는 등 심각한 도덕적 해이를 보여줬습니다. 이러한 중앙식 금융기관에 대한 불신이 만연한 사회 분위기 속에서 사토시는 비트코인을 세상에 내놓고 첫 블록인 제네시스 블록(Genesis Block)에 아래와 같은 메세지를 남겼습니다.
더 타임즈 2009년 1월 3일, 은행들의 두번째 구제금융을 앞두고 있는 영국 재무장관 (The Times 03/Jan/2009 Chancellor on brink of second bailout for banks.)
사람들이 신뢰하며 믿고 사용했던 금융기관의 도덕적 해이와 이로인해 발생하는 피해는 고스란히 사용자들만 보는 이런 시대 상황은 사토시의 비트코인 발명에 큰 동기가 되었을 것입니다. 비트코인은 기존 금융 거래처럼 은행이나 기관과 같은 신뢰 기반의 중재자를 통해 거래하는 것이 아닌 탈 중앙화된 블록체인 시스템 위에서 개인과 개인이 P2P(peer to peer) 형태로 거래가 처리됩니다.
비트코인(Bitcoin)이란?
Bitcoin
2023/10/05 06:15

라우트 V1과 V2의 차이점

리믹스 V1에서는 라우트 설정을 폴더 구조를 중첩해서 정의하도록 되어 있었는데요. V2에서는 flat routes 제안 내용을 받아들여 폴더 중첩 없이 파일 이름에서 .으로 중첩을 구분하여 라우트 구조를 정의하도록 변경되었습니다.

V1의 경우…

V1의 라우트는 아래처럼 app/routes/내에 중첩된 폴더 구조 기준으로 라우팅 경로가 정의되는 방식이었습니다.
중첩 라우트(Nested routes)
Remix (React-Router)
2023/09/19 02:59
리믹스(Remix.js)는 빠른 페이지 로딩 속도와 우수한 사용자 경험(UX)을 제공하는 웹사이트 개발을 위한 리액트(React) 기반 SSR 프레임워크입니다. 같은 리액트 기반 SSR 프레임워크인 Next.js가 리액트의 확장형 프레임워크에 가깝다면, 리믹스는 리액트를 화면 개발 도구로 활용하면서도 웹 표준 기술에 더 중점을 둡니다.
구글에서 모바일 웹 페이지의 로딩 지연 시간과 사용자 이탈률의 상관관계에 대한 리포트를 공개했습니다. 이 리포트는 로딩 시간이 길어질수록 사용자들이 웹 페이지를 떠날 확률이 높아진다는 점을 보여줍니다. 이는 로딩 속도가 웹사이트의 첫인상에 크게 영향을 미친다는 사실을 잘 드러냅니다. 실제로 웹 페이지에 접속했을 때 스피너(Spinner)와 같은 로딩 아이콘이 자주 나타나거나 화면 전환이 부드럽지 못하면, 사용자는 상당한 불편함을 느끼게 됩니다.
리서치 자료에 의하면 1초에서 3초 사이에 페이지 이탈이 32% 증가하고 1초에서 10초 사이일 때 페이지 이탈이 최대 123%가 증가하는 것으로 나타났습니다.
웹의 우수한 사용자 경험(UX)에서 가장 중요한 요소는 바로 화면 로딩 속도라는 것이죠. 또한, 페이지 로딩 후 react-query나 useEffect()를 사용해 데이터를 가져와 단계적으로 페이지를 완성하는 방식은 문제가 있습니다. 이 방법은 화면 요소가 움직이는 레이아웃 시프트를 유발할 수 있어, UX에 부정적인 영향을 미칩니다.

로딩 아이콘이나 스피너 사용은 이제 안녕

실제 리믹스 홈페이지 로딩 관련 소개에 나오는 스크롤 이펙트입니다.  인상 깊어서 캡쳐해서 올려봅니다.
웹 개발에서 화면 마운트 후 비동기 통신으로 데이터를 가져오는 동안 스피너를 표시하는 방식을 완전히 배제하기는 어렵습니다. 특히 블록체인 기반의 Web3 웹앱과 같이 클라이언트 측에서 사용자가 직접 데이터를 관리하고 처리하는 경우, 불가피한 로딩이 발생합니다. 이런 상황에서는 스피너 또는 스켈레톤 UI를 통해 사용자에게 로딩 중임을 알려야 합니다.
Remix란?
Remix (React-Router)
2023/09/12 01:05
useMemo(), useCallback()과 같이 앱의 성능을 최적화 하는 용도로 사용되는 훅입니다. 남용해서 사용하는 경우 작업에 불필요한 오버해드가 추가되므로 적절한 경우에만 사용하도록 합시다.
useDeferredValue
useTransition
Load more

Series

Search
Web3
2
Bitcoin
3
x402는 뭘까? HTTP 402의 부활
스마트월렛 ERC-4337 알아보기
비트코인 NFT? Ordinals Inscription
블록체인의 원리
비트코인(Bitcoin)이란?
Search
Search

More…

About Jin
DB