들어가며 지난 글에서 web3가 무엇인지 살펴보았는데요. (WEB 3.0 - web3가 뭐죠?) 이번에는 프론트엔드 시점에서 바라본 web 3.0에 대해 이야기해 보고자 합니다. 사용자는 주로 웹브라우저를 통해 프론트엔드에 접근하여 디앱을 구동하고 서비스를 이용할 수 있는데 그 가운데에서 우리가 가장 영향력을 펼칠 수 있는 디앱에 대해 알아보아요. DApp (Decentralized Application)이란? 디앱(DApp, Decentralized Application)은 분산형 애플리케이션을 말해요. 디앱은 블록체인 기술(암호화폐와 블록체인, 스마트 콘트랙트 등)을 기반으로 구축되며, 중앙 관리자가 없는 분산형 시스템이에요. 누구나 읽고 쓸 수 있는 공개된 블록체인 네트워크에서 동작하고, 데이터를 ..

WEMIX PLAY는 블록체인을 기반으로 한 글로벌 P&E(Play & Earn) 플랫폼입니다. 게임 안에서만 일어났던 일들을 게임 밖으로 확장시키며 독자적인 블록체인 생태계를 구축하고 있죠. 게임 속 자산을 또 다른 게임에 투자할 수도, NFT를 거래할 수도 있습니다. 또 어떤 것들이 가능한지 궁금하지 않나요? 새로운 모습으로 찾아올 WEMIX PLAY의 요모조모를 미리 살펴봅니다. 알면 알수록 더 재미있게 즐길 수 있을 테니까요. GameFi는 게임(Game)과 DeFi(Decentralized Finance, 탈중앙화된 금융)를 합친 개념입니다. DeFi란 블록체인 기술을 활용한 금융 서비스를 가리키는데요. GameFi는 게임을 하다 보면 자연스럽게 축적되는 게임 내 자산으로 다양한 DeFi를 이용..

들어가며, 2022년을 돌아보면 지난해는 일상과 블록체인 기술의 접점이 늘어나는 한 해였습니다. 비트코인 같은 화폐 형태로 알려졌던 블록체인 기술이 현재는 화폐만의 가치를 넘어 하나의 예술 작품이자, 개인의 활동과 신분을 증명하는 방식이 됐고 새로운 가치를 창출하는 수단으로 확장하고 있습니다. 이러한 관점에서 블록체인 기술의 핵심인 메인 네트워크를 운영하는 회사들 또한 기존의 사업 영역을 확대하고 다양한 시도를 하고 있습니다. 그렇다면 이런 다양한 시도와 활동은 블록체인 서비스의 고객에게 어떻게 전달되고 있을까요? 오늘은 이러한 관점에서 저희가 블록체인 네트워크의 브랜드 사이트들을 둘러본 경험을 짧게나마 공유하고자 합니다. 메인 네트워크의 목표와 가치를 전달한다 브랜드 사이트의 Home 화면은 브랜드의 ..

투표는 DAO(Decentralize Autonomous Organization)의 의사결정을 위한 중요한 수단 최근 언론 보도에서 웹 3.0을 이야기하면서 '탈중앙화', '블록체인' 등을 자주 언급하고 있습니다. 그 이유는 블록체인이 등장하면서 자주 거론되는 '탈중앙화'를 통해 '중앙 기관(중개 플랫폼)'이 없더라도 구성원 간의 상호 작용(웹 2.0)과 개방적인 커뮤니티(웹 1.0)가 가능할 것으로 기대하기 때문이죠(출처). 웹 3.0의 미래에 대해서 아직은 의견이 분분하나 '블록체인' 기술이 가져오는 '탈중앙화'에 다양한 기대를 거는 것은 확실해 보입니다. '탈중앙화'라는 용어에서 보이는 것 처럼 중앙 기관의 막강한 권력이 분산될 것이란 기대를 하고 있습니다. 비트코인을 무정부주의(아나키즘) 화폐라고..

들어가며 웹 3.0 시대를 맞이하는 현재 시점에 스마트 콘트랙트(smart contract)의 기본 개념에 조금이나마 이해를 돕고자 이번 블로그 글을 작성했습니다. 스마트 콘트랙트란? 스마트 콘트랙트는 전산으로 이루어지는 전자 계약 기술을 뜻합니다. 스마트 콘트랙트의 특징은 블록체인 기반 기술을 사용해 상호 간 계약에 있어서 제3의 인증기관이나 중개인이 필요 없이 계약 당사자 간 사전에 협의한 내용을 미리 프로그래밍하여 전자 계약서 문서 안에 넣어두고, 이 계약 조건이 모두 충족되면 자동으로 계약 내용이 실행되도록 하는 시스템입니다. 동작 원리 블록체인 기반 스마트 콘트랙트는 기본적으로 모든 트랜잭션 로그가 저장된 블록체인 데이터베이스와 스마트 콘트랙트의 상태를 저장하는 데이터베이스 두 가지가 존재합니다..

들어가며 이전 글에서는 화면을 그릴 수 있는 간략한 사용법을 설명해 드렸었는데요, 이번 글에서는 프로토타이핑 작업 시 사용하는 기능(메뉴)들에 대해 설명하겠습니다. 피그마 맛보기는 총 2편의 시리즈로 구성되어 있습니다. 피그마 맛보기 #1 피그마 맛보기 #2 (현재글) Prototype 대메뉴 설명 프로토타입을 만들기 위해서는 우측 상단에 있는 Prototype 탭을 선택해 줍니다. Device 항목을 선택하지 않으면 추후 프로토타입 진행 시 PC 기준으로 설정되기 때문에 모바일로 작업하시려면 해당 디바이스를 선택 후 진행하시는 것이 좋습니다. Background 항목은 기본 #000000(Black)으로 설정되어있으나 변경할 수 있습니다. 디바이스 선택 후 상단 # 메뉴를 선택하여 프레임을 생성해 줍니..

텍스트 분석 도구 '모라고'를 만들고 있습니다. PXD UX 테크랩은 자연어 처리 기술을 이용해 텍스트를 분석하는 도구 '모라고'를 만들고 있습니다. CSV 형식의 데이터를 업로드하면 '모라고'가 워드 클라우드처럼 키워드를 추출해 주고, 사용자는 키워드별로 중요한 문장을 선별해 다시 텍스트로 복사하는 방식으로 사용할 수 있습니다. 간단한 사용 예시로 금융 앱 토스의 최근 6개월 iOS 앱 리뷰 46개를 분석 도구로 돌려보았습니다. 분석 도구가 비슷한 주제의 문장을 모아주고 사용자는 그 중에서 눈에 띄는 주제를 살펴봅니다. 이 주제에서 중요하다고 생각하는 문장을 저장하고, 저장한 문장과 키워드를 복사해 추가로 편집할 수 있습니다. (현재 개발 중인 모라고 베타 버전을 이용하실 수 있도록 신청을 받고있습니다..

들어가며 블록체인이란 단어가 점점 더 우리 일상에서 자주 보이고, 실제로 많은 관련 프로젝트들, 이슈들이 언급되고 있습니다. 새로운 기술이 도입되고, 산업이 변화할 때마다 언급되는 Everett Rogers의 The diffusion of innovation curve에 따르면 현재 2.5%의 혁신가들(Innovators)과 13.5% 얼리어답터들(Early Adopters)이 새로운 산업의 시작을 위해 여러 가지 시도를 하고 있는 시기가 아닌가 싶습니다. 이러한 시도들을 기반으로, 프로젝트들의 성공들이 쌓이게 되면 이러한 블록체인 기반 서비스들이 일상이 될 텐데요, 블록체인 서비스를 접하게 될 때 가장 처음 맞닥뜨리는 생소함이 있습니다. 바로 'Sign up'이 아니라 'Connect a wallet'..

화폐는 시대와 필요에 따라 형태가 달라져 왔습니다. 조개, 금속, 태환 등 실물 화폐에서 지류, 신용 거래로 넘어와 최근에는 블록체인 기술을 기반으로 가상화폐로 발전했습니다. 하지만 온체인에서 거래되는 가상화폐는 눈으로 보고 만질 수 있는 실물 화폐와는 차이가 있습니다. 때문에 DeFi의 상품과 서비스를 완벽하게 이해하는 데 다소 어려움이 있죠. 그래서 상품과 서비스 이용을 위해 이에 대한 이해를 도와주는 장치가 반드시 필요합니다. WEMIX.Fi의 상품 및 서비스 그래픽처럼 말이죠. 사용자의 이해를 돕기 위해 WEMIX.Fi의 상품 및 서비스 디자인은 단순하면서 직관적입니다. WEMIX.Fi 브랜드의 심벌인 구체는 가상화폐를 상징하며, 구체의 움직임은 금융 상품의 원리를 표현합니다. 특히, 상품의 특징..

들어가며 오늘은 [프로그래머, 열정을 말하다]라는 책에 대해서 이야기해보고자 합니다. 또한 굉장히 주관적인 견해가 많이 포함된 포스팅이라는 점을 미리 말씀드립니다. 이 책을 읽게 된 계기 최근, 주변의 상황이 급격한 변화를 맞이하게 되면서 나 스스로도 개발자로서의 나의 위치와 상황에 대해서 개인적으로 되돌아보는 시간이 많아졌습니다. 적지 않은 시간을 개발자로서 살아왔지만 그동안 뿌듯함이나 성취감보다는 항상 부족하고 만족스럽지 못한 시간을 보내왔다고 느껴졌어요. 스스로 경쟁력 없는 사람이라고 여기고 나 자신을 하찮게 포장하는 데에만 급급했습니다. 큰 변화를 잘 맞이하기 위해서는 나 자신부터 마음을 잘 잡아야 한다고 생각했어요. 그래서 무작정 이 책을 읽었습니다. 책을 추천받아서 빌린 지는 꽤 되었지만 몸으..

WEMIX.Fi의 브랜드 키워드이자 핵심 가치는 무엇일까요? 유연성과 안전성, 그리고 확장성입니다. WEMIX.Fi의 BX는 이를 시각적으로 형상화했습니다. 형태, 색상, 모션, 질감으로 말이죠. 브랜드의 얼굴인 로고부터 살펴볼까요? 파란색 원이 하나 보입니다. 그러다 이내 모션이 더해지며 형태와 색이 바뀌죠. 파란색 구체에서 두 개의 작은 구체가 튀어 나와 주변을 빠르게 돌더니 다시 큰 구체 안으로 들어갑니다. 색도 변합니다. 파란색에 분홍빛과 보라빛이 감돌며 작은 구체의 존재와 움직임을 부각시키죠. 로고의 형상은 순식간에 1차원에서 3차원으로 바뀝니다. 생각의 전환으로 탄생한 유기적 형태의 BI 사실 처음부터 이처럼 역동적인 로고가 나왔던 것은 아닙니다. 우여곡절이 있었죠. 오랜 시간 공을 들였던 다..

들어가며 처음 React + typescript 조합을 사용했을 때 컴포넌트를 만들기 위해 아래와 같은 코드를 많이 사용했습니다. // Parent type Props = { count: number; }; const Parent: React.FC = ({ count }) => { return Parent {count}; }; export default Parent; // App import Parent from "./Parent"; function App() { return ( ); } export default App; 강의나 여러 예제에서 React.FC를 많이 사용했기 때문에 “함수형 컴포넌트를 만들 때 React.FC를 사용해야 되는구나”라는 생각을 갖게 되었는데요 최근에 React.FC 사용을..