본문 바로가기

테크블로그

(2)
[Tech] Pre-rendering 그리고 Data fetching 안녕하세요. 든든부문 확장셀에서 개발을 하고 있는 Bard입니다. 최근 베타로 런칭한 머니플에는 개별 웹페이지 URL을 소셜미디어에 공유했을 때 미리보기가 가능해야 한다는 요구사항이 있었습니다. 그 요구사항을 충족시키기 위해 프로젝트에서 사용한 Nextjs의 Pre-Rendering을 이용한 경험을 공유합니다. 왜 Pre-Rendering이 필요한가? 우선 Next.js에서 사용되는 React는 SPA(Single Page Application)로 초기 렌더링이 느리고 후반에 빠른 특징이 있습니다. 이 특징이 나타나는 이유는 사용자가 실제 콘텐츠를 볼 때 서버로 요청을 한 뒤에 JS 전체가 로드되어야 앱을 실행합니다. 이때 JavaScript가 실행되기 전에는 사용자에게 빈 화면을 렌더링 합니다. 이후 ..
[Tech] 이더리움 트랜잭션 분석 안녕하세요! 헤이비트 개발자 Qwerty입니다. 저는 헤이비트에서 디지털 자산 투자 서비스를 위한 스마트 컨트랙트를 분석하고 있습니다. 스마트 컨트랙트는 비탈릭 부테린(Vitalik Buterin)이 비트코인을 포크(fork)하여 이더리움 블록체인 네트워크에 구현한 것을 시작으로, 현재는 클레이튼, 바이낸스 스마트 체인, 테라, 솔라나와 같은 수많은 블록체인 네트워크에서 지원하고 있습니다. 스마트 컨트랙트는 토큰처럼 간단한 것으로부터 시작해서 스마트 컨트랙트가 복잡하게 상호작용하는 디파이(DeFi)와 같은 형태로 배포되어 있습니다. 그런데 이 스마트 컨트랙트는 절대로 스스로 동작하지 않습니다. 반드시 메타 마스크와 같은 지갑을 통해 트랜잭션을 생성해야만 비로소 스마트 컨트랙트가 동작을 하는데요, 오늘은 ..