작가: 카일
검토자: 샌디
출처: 콘텐츠 길드 - 뉴스
PermaApp은 Permaweb에 배포된 분산형 애플리케이션(dApp)을 의미하며 모든 데이터는 Arweave 네트워크에 저장되므로 Arweave 네이티브 애플리케이션이라고도 합니다. EverPay, Permaswap, ArDrive가 대표적입니다.
이러한 애플리케이션이 중앙 집중식 서버의 제약을 없애고 진정한 분산 운영을 달성할 수 있는 이유는 바로 Permaweb의 지원에 의존하기 때문입니다. PermaApp의 프런트 엔드가 어떻게 영구적으로 온라인 상태가 될 수 있는지 이해하려면 먼저 Permaweb이 무엇인지 이해해야 합니다.
Permaweb: 결코 사라지지 않는 인터넷
Permaweb은 Arweave를 기반으로 구축된 영구적인 인터넷 계층으로, 사진, 비디오, 웹 페이지, 애플리케이션 등 다양한 데이터를 전달하여 결코 사라지지 않는 인터넷을 형성합니다. 기존 인터넷과 달리 Permaweb의 모든 데이터는 영구적으로 저장되고 변경이 불가능하며 추적이 가능합니다.
사용자는 일반 웹사이트에 접속하는 것처럼 브라우저를 통해 직접 Arweave에 저장된 콘텐츠에 접속할 수 있습니다. PermaApp의 프런트 엔드 페이지는 Permaweb이 이러한 데이터를 웹 페이지 형식으로 구성하고 조립한 결과입니다.
PermaApp 프런트 엔드 페이지는 어떻게 배포됩니까?
다른 블록체인 애플리케이션과 비교하여 PermaApp은 보다 완전한 분산화를 달성합니다. 프런트엔드 페이지는 중앙 집중식 서버 호스팅에 의존할 필요가 없지만 Arweave의 분산형 스토리지 네트워크를 사용하고 클라이언트측 렌더링(CSR) 모드로 렌더링됩니다. 전체 프로세스는 코드 업로드, 리소스 로드, 페이지 렌더링의 세 가지 주요 단계로 나눌 수 있습니다.
1. 코드 업로드: 프런트 엔드를 Arweave에 배포
개발자는 PermaApp의 프런트 엔드 코드를 패키징하고 Arweave 네트워크에 업로드합니다. 코드에는 다음과 같은 페이지 표시 및 상호 작용을 위한 모든 리소스가 포함됩니다.
- HTML : 버튼, 텍스트, 이미지 배치 등 페이지의 구조를 정의합니다.
- CSS : 색상, 글꼴, 레이아웃을 포함한 페이지 스타일을 제어합니다.
- JavaScript : 버튼 클릭 후 팝업 창과 같은 대화형 기능을 구현합니다.
- 멀티미디어 파일 : 사진, 비디오, 오디오 등
각 파일이 업로드된 후 영구 거래 ID(예: 고유 링크)가 생성됩니다. 그 중 메인 페이지의 HTML 파일은 일반적으로 페이지의 입구 역할을 하며, 개발자는 해당 거래 ID나 링크만 공개하면 사용자가 해당 페이지에 액세스할 수 있습니다.
2. 사용자 액세스: Arweave 게이트웨이를 통해 리소스 로드
PermaApp을 방문하는 사용자 경험은 일반 웹사이트를 탐색하는 것과 유사합니다. 브라우저는 Arweave 네트워크에서 필요한 HTML, CSS, JavaScript 및 멀티미디어 파일을 가져오는 Arweave 게이트웨이에 요청합니다.
2. 사용자 액세스: Arweave 게이트웨이를 통해 리소스 로드
PermaApp을 방문하는 사용자 경험은 일반 웹사이트를 탐색하는 것과 유사합니다. 브라우저는 Arweave 네트워크에서 필요한 HTML, CSS, JavaScript 및 멀티미디어 파일을 가져오는 Arweave 게이트웨이에 요청합니다.
모든 리소스는 Arweave에 저장되고 AWS와 같은 기존 클라우드 서버에 의존하지 않기 때문에 서버 가동 중단으로 인해 이러한 페이지가 무효화되는 일은 없습니다. 무슨 일이 일어나더라도 모든 PermaApp 페이지는 항상 온라인 상태이므로 사용자에게 안정적인 액세스 환경을 제공합니다.
3. 렌더링: 페이지가 브라우저에서 렌더링됩니다.
브라우저가 코드를 다운로드한 후 이를 구문 분석하여 완전한 페이지로 조합합니다.
- HTML을 구문 분석한 후 페이지 프레임을 구축합니다.
- 페이지에 스타일을 추가하려면 CSS를 로드하세요.
- JavaScript를 실행하여 대화형 기능을 구현합니다.
이러한 렌더링 작업은 사용자의 브라우저에서 완료되므로 이 클라이언트 측 렌더링(CSR) 모드는 백엔드 서버에 의존할 필요가 없으며 이는 액세스 효율성을 향상시킬 뿐만 아니라 애플리케이션의 높은 안정성을 보장합니다.
요약
Arweave와 PermaApp 사이의 가교 역할을 하는 Permaweb은 Arweave에 저장된 분산형 데이터를 질서정연하게 정리하여 사용자에게 페이지 형태로 표시합니다.
클라이언트 측 렌더링(CSR)을 통해 PermaApp의 프런트 엔드 페이지는 기존 서버의 한계를 완전히 제거하여 원활한 사용자 경험을 달성합니다. 동시에 이 아키텍처는 애플리케이션을 검열에 저항하고 영구적으로 만듭니다. 시간이 지나도 애플리케이션의 페이지와 데이터는 항상 온라인 상태이며 사용자는 언제든지 액세스할 수 있습니다.
코드 업로드부터 페이지 렌더링까지 PermaApp의 모든 측면은 안정적이고 투명하며 결코 사라지지 않는 미래의 인터넷인 Permaweb의 고유한 가치를 보여줍니다.
🏆 "버그 잡기" 보상: 이 글에서 오타, 잘못된 문장, 잘못된 설명을 발견한 경우 저를 클릭하여 신고하시면 인센티브를 받으실 수 있습니다.
면책조항: 이 기사는 PermaDAO의 견해나 입장을 대변하지 않습니다. PermaDAO는 투자 조언을 제공하거나 어떤 프로젝트도 보증하지 않습니다. 독자는 자신이 거주하는 국가의 법률을 준수하고 규정에 따라 Web3 활동을 수행해야 합니다.
모든 댓글