base-kr

[Farcaster Frame v2에 대해 Araboza]

Frame은 파캐스터에서 강력하게 미는 기능이고, 유저입장에서도 꽤나 매력적인 기능이라고 생각하는데요. 우선 프레임에 대해 간단히 알아보자면...

1/ 아래 사진처럼 포스트 이외에도 무언가 상호작용이 가능한 섹션을 파캐스터에서는 프레임이라고 부릅니다. 가장 큰 기능으로는 지갑과의 상호작용이 가능하다는 부분이고, 내 포스트에 NFT를 구매하거나 토큰 구매를 하게 할 수도 있죠.

Building /acquire-fun /surfy /base-kr | Developer | https://twitter.com/0xboosik |
https://boosik.notion.site | ex) A41, Samsung

2/ 이게 어떻게 가능하냐! 라고 하면 사실 별건 아니고 파캐스터에서 인터페이스를 열어줬기 때문인데요.. 프레임 스펙에 맞춰서 프론트엔드 코드를 구성하면 파캐스터 클라이언트(Warpcast 라던지)에서 프레임을 그려주는 것이 주 원리입니다..만 사실 몰라도 됩니다. (정확히는 html을 이미지로 추출해서 그려줍니다.)

6/ 그래서 프레임 v2는 full-screen을 지원하게 됩니다. 기존 프레임은 파캐스터 클라이언트에 자그마한 모달(modal)정도로 구현됐다면, 이제는 마치 텔레그램 미니앱과 같이 풀스크린 화면을 지원하는 것이죠.

3/ 우리가 알아야 할 것은 기존의 트위터와 파캐스터의 기능적 차이점은 프레임 지원 여부이며, 프레임을 통해 내 포트스와 온체인간 결합이 한층 더 깔끔해졌다는 점이죠.

4/ 최근에 파캐스터 개발 커뮤니에서는 Frame v2를 제안했습니다. 어떤 내용이 달라진것일까요? Docs에 나온 내용들을 통해 알아봅시다.

4/ 최근에 파캐스터 개발 커뮤니에서는 Frame v2를 제안했습니다. 어떤 내용이 달라진것일까요? Docs에 나온 내용들을 통해 알아봅시다.

https://github.com/farcasterxyz/protocol/discussions/205

5/ 우선 문제정의를 먼저 살펴보면... 기존 프레임의 기능이 부족해서 더 많은 앱이 프레임을 사용하기 위해서는 v2를 통해 다양한 기능을 추가해야 한다고 하네요. 그리고 언급한 것 처럼 html을 이미지로 추출하는 로직 때문에 느리다고도 합니다. (저도 개발하면서 이 과정이 참 귀찮더라구요)

7/ 당연한 얘기겠지만, 그 안에서 지갑과의 연결도 더 매끄럽게 진행됩니다. 아래 사진처럼 말이죠.

8/ 그 아래 나온 내용들은 대부분 코드로 작성해야 하는 세부 스펙들이어서, 프레임을 직접 만드는것에 관심이 많은 유저들이 아니면 크게 중요하진 않습니다. 다만, 프레임 v2부터는 전체화면에 html을 그대로 렌더링하기 때문에 더 쾌적해집니다.

9/ 그리고 이런 UI를 제공함으로써 기존에는 프레임 모달에 버튼을 한정적으로 달아야했던 부분을, 더 자유롭게 웹페이지 만들듯 구현할 수 있다는 점이 저는 마음에 들더라구요. 텔레그램 미니앱들 처럼 게임도 만들 수 있고, DeFi도 프레임v2로 만들어볼 수 있을 것 같네요!

10/ 이런걸 보고 있자니 참 블록체인 판 너무 빠르게 흘러갑니다ㅠㅠ 저도 열심히 빌딩해서 뭔가 결과를 만들어보고 싶네요. 프레임 v2에 대한 설명이었습니다!

좋은 정보 감사합니다! 
69 $degen

We all deserve to be fathers. Of course, mothers are great, too.

@base builder #001; onchain cities w/ OAK & city3