pxd talks는 여러 분야의 연사님을 초빙해 인사이트를 나누는 시간입니다. pxd 구성원들이 더 넓은 시야로 무언가를 새롭게 발견하거나 자신을 성장시킬 수 있는 기회를 얻을 수 있도록 말이죠. 그리고 그 경험은 [pxd talks] 아티클로 기록합니다. pxd 구성원들이 함께 보고 듣고 느끼고 배운 것들이 사라지지 않고 pxd story에 남아 더 넓은 세상으로 뻗어갈 수 있기를 바랍니다. 여기 기획자, 디자이너, 리서처, 개발자 등 각 분야 전문가들이 모여 밤낮으로 고생해 만든 제품이 있어요. 그리고 마침내 제품을 세상에 내놓죠. 그럼 끝인 걸까요? 우리는 최선을 다했으니 제품의 성패는 운명에 맡기면 되는 걸까요? 그럴 리가요! 사실 제품 출시는 결과가 아닌 과정에 가까워요. 제품이 세상에 나왔다는..

들어가며 자주 사용되지만 화면에 표현되는 것에 비해 손이 많이 가는 UI를 하나만 꼽아보라고 한다면 개인적으로 테이블을 꼽을 수 있을 거 같습니다. 최근 진행했던 한 프로젝트에도 어김없이 테이블 UI가 필요했는데요, 처음 계획은 작업을 쉽게 하기 위해 무료 라이선스의 패키지를 설치하려고 했으나 기획 상 요구되는 기능에 비해서 너무 무거운 것은 아닐까 하는 생각이 들었습니다. 그래서 마치 라이브러리처럼 사용할 수 있으면서 필요한 기능만 가진 테이블 컴포넌트를 직접 만들어보기로 했습니다. 사전 준비 먼저 기능 구현을 위해서 필요한 최소한의 기능을 정리해 보았습니다. 테이블 목록과 칼럼 sorting, 페이징 처리는 API 호출하고 결과를 바인딩 할 예정이어서 UI 적으로 풀어낼 기능만 구현하면 되었으므로 상..

블록체인은 관련 주체들과 사회적이고 기술적인 환경이 상호작용하며 하나의 생태계를 이루고 있습니다. 블록체인 기술을 이용하는 우리는 모두 블록체인 생태계의 일부지만, 그 전반을 알기란 쉽지 않습니다. 그래서 [블록체인 연대기(the Blockchain Chronicle)]는 블록체인 생태계에 무슨 일이 일어나고 있는지 살펴보고 또 기록합니다. 차곡차곡 쌓아나간 블록체인 생태계의 오늘이 내일을 향한 어제의 기억이 될 수 있도록 말이죠. 누구나 한 번쯤은 블록체인과 AI(인공지능)에 대해 들어보셨을 겁니다. 블록체인과 AI는 우리가 미래를 말할 때 빠지지 않는 키워드지만, 자칫 막연하고 먼 이야기처럼 느껴질 수도 있죠. 블록체인과 AI는 우리 삶에서 어떤 도움을 주고 있을까요? 블록체인과 AI가 만난 미래는 ..

들어가며 올해 XE 그룹에서는 사내 시스템 신규 구축 및 개선 관련한 몇 가지 내부 프로젝트를 진행하고 있습니다. 그중 하나인 사내 회의실 예약 시스템인 ‘The0’ 프로젝트의 PM을 맡아 진행하며 배우고 느낀 점, 진행 과정 등을 공유하고자 합니다. The0 프로젝트 pxd 회의실 예약 시스템이 만들어지기 전까지 사내에선 구글 캘린더를 사용하여 회의실을 예약해 왔습니다. 그동안 구글 캘린더를 회의실 예약관리 툴로 활용함에 있어 여러 가지 불편함을 느끼게 되었고, 이러한 불편함을 개선해 효율적으로 회의실들을 예약관리할 수 있는 플랫폼을 만들어보자 라는 목표로 ‘The0’ 프로젝트가 시작되었습니다. 프로젝트를 시작하기에 앞서 해당 프로젝트(플랫폼) 이름을 정하는 것 또한 중요하기에 팀원들의 다양한 아이디어..

들어가며 프론트 작업을 하다 보면 사용자에 대한 정보를 이용한 작업이나 확인 여부를 가지고 작업을 하는 경우가 필요한데 클라이언트가 서버를 통해 인증을 확인받는 방법들과 JSON Web Token(이하 JWT) 토큰 인증에 대해서 알아보려 합니다. 인증과 인가 인증과 인가는 각각 인증(Authentication) - 사용자의 신원을 검증하는 행위 ( 비밀번호, 일회용 핀, 인증 앱, 생체인식 등) 인가(Authorization) - 사용자에게 특정 리소스나 기능에 액세스할 수 있는 권한을 부여하는 프로세스 이며, 둘을 간단히 비교하면 다음과 같습니다. 비교인증(Authentication)인가(Authorization) 기능 자격 증명 확인 권한 허가/여부 진행방식 비밀번호, 생체인식, 핀, 앱 보안팀에서..

pxd talks는 여러 분야의 연사님을 초빙해 인사이트를 나누는 시간입니다. pxd 구성원들이 더 넓은 시야로 무언가를 새롭게 발견하거나 자신을 성장시킬 수 있는 기회를 얻을 수 있도록 말이죠. 그리고 그 경험은 [pxd talks] 아티클로 기록합니다. pxd 구성원들이 함께 보고 듣고 느끼고 배운 것들이 사라지지 않고 pxd story에 남아 더 넓은 세상으로 뻗어갈 수 있기를 바랍니다. 들어가며, 인간은 사회적 동물입니다. 가족, 친구, 동료 등 다양한 집단에서 여러 사람과 부딪히며 살아가죠. 그러나 다른 사람과 관계를 맺는 것이 모두에게 순탄한 일은 아닙니다. 갈등, 불화 등으로 힘겨워하는 사람들도 많죠. 그렇다고 해서 세상과 단절된 채로 살아갈 수는 없습니다. 어떠한 지점에서, 찰나일지라도 타..

들어가며 더운 여름이 가고 가을이 오는게 느껴지는 요즘, pxd 구성원들은 여전히 위믹스 생태계의 다양한 프로덕트들을 만들어가느라 바쁜 나날을 보내고 있습니다. 그와 더불어 직접 만든 위믹스 프로덕트를 사용자 입장에서 이용해보자는 취지에서 시작된 ‘내돈내테 프로젝트'도 여전히 순항 중이죠. WEMIX PLAY에 이어 세 번째 ‘내돈내테’ 주제는 바로 월렛이었습니다. 월렛은 블록체인 세계 진입을 위한 가장 첫 번째 관문인데요, 리서치 및 월렛 디자인을 위해 여러 월렛을 직접 다운로드 받아보고 둘러보긴 했지만 암호화폐 투자자가 되어 월렛을 사용해본 적은 없었습니다. 이번 기회를 통해 정말 내 돈을 가지고 월렛을 이용했을 때 발견할 수 있는 인사이트들이 있을 것이라 생각했습니다. 어떤 월렛을 어떻게 봤을까? ..

들어가며 위믹스 생태계의 다양한 프로젝트를 디자인하는 pxd의 구성원들이 자신들이 만든 서비스를 직접 사용자의 입장에서 사용해 보는 ‘내돈내테’의 두 번째 테스트는 위믹스 플레이 (WEMIX PLAY)입니다. 위믹스 플레이는 위믹스 블록체인 생태계 중 PnE(Play and Earn)의 중요한 역할을 담당하는 GameFi(Finance) 플랫폼입니다. 게임 플레이어들은 위믹스 플레이를 통해 게임을 하고 얻은 토큰 보상으로 Pool이나 Staking에 예치하여 추가적인 이익을 얻거나, 다른 토큰으로 교환을 하는 등의 GameFi를 제공하고 있습니다. 초기 위믹스 플레이 3.0 사이트 개발에 참여했던 분을 포함한 디자이너 3명과 UX리서처 1명, 그리고 위믹스 플레이를 처음 접해보는 블록체인 유경험자 1명을..

pxd talks는 여러 분야의 연사님을 초빙해 인사이트를 나누는 시간입니다. pxd 구성원들이 더 넓은 시야로 무언가를 새롭게 발견하거나 자신을 성장시킬 수 있는 기회를 얻을 수 있도록 말이죠. 그리고 그 경험은 [pxd talks] 아티클로 기록합니다. pxd 구성원들이 함께 보고 듣고 느끼고 배운 것들이 사라지지 않고 pxd story에 남아 더 넓은 세상으로 뻗어갈 수 있기를 바랍니다. 지난번 강의 [pxd talks] WEB3 시대에서 정체성 표현과 소통의 방식이 어떻게 ‘통합’되고 있을까?가 WEB3 씬의 다양한 사용모습에 초점을 맞추었다면, 이번 108회 pxd talks에서는 WEB3가 가지는 의미와, 사용자 유입을 높이기 위한 전략에 초점을 맞추어 배워볼 수 있었습니다. WEB3가 뭐죠?..

들어가며 타이포그래피를 더욱 풍부하게 해주는 font-feature-settings 속성에 대해서 알아보겠습니다. font-feature-settings 이 속성은 오픈 타입 글꼴의 고급 설정을 제어합니다. 기본적으로 font-variant의 속성과 값을 축약 형태로 연결하여 중첩 선언하여 사용할 수 있는 형태입니다. 자세한 내용은 font-variant 속성과 함께 알아보겠습니다. 참고로 당연한 얘기지만 각 속성들은 해당 글꼴에서 지원해야 사용할 수 있습니다. font-variant-ligatures ligature라는 글꼴 속성을 제어합니다. ligature란 합자 기능으로 두 개의 글자를 하나로 합쳐서 간결하게 표현하는 것을 말합니다. 문자를 이용하여 화살표를 표현할 때 ”-” 와 ”>“를 연달아 ..

'지름길'은 목적지까지 빠르게 갈 수 있는, 빙 둘러 가지 않고 질러가는 길이에요. 지름길이 어떻게 생겼는지를 짐작해 보자면, 최초의 누군가가 평소 다니던 길 밖으로 나왔을 거고 용기를 내 담벼락을 뛰어넘거나 개구멍을 발견할 때까지 주변을 살폈을 테죠. 풀숲을 헤치거나 자갈들을 발로 밀어내며 길을 다졌을지도 몰라요. 그렇게 생긴 길은 다른 행인이 목적지에 더 일찍, 편안히 도착할 수 있도록 돕죠. 대뜸 왜 지름길이냐고요? 오늘 [pxd people] 주인공을 보며 딱 그런 생각이 떠올랐거든요. 과정은 절대 간편하지 않고 꽤나 수고롭지만, 그럼에도 새로운 길을 찾아 나서는, PD 2팀의 프로덕트 디자이너 진의준 님의 이야기를 소개할게요. Q. 주니어(주임) 인터뷰이는 처음이에요! 자기소개를 부탁드려요. p..

들어가며 요즘 서비스를 만들 때 SEO도 당연히 생각하고 만들다 보니 robot, sitemap 파일 등록이 필수가 되었습니다. 그룹 내에서도 해당 부분 프로젝트 구축 시 누락되지 않게 체크할 수 있는 체크 리스트와 가이드를 만들어 놓고 작업을 하고 있는데요, 이번에 Next.js에서 자동으로 sitemap을 생성해 주는 패키지가 업데이트되었다고 해서 현재 운영 중인 사이트에 적용해 보는 겸 가이드를 정리해 보았습니다. sitemap이 필요한가요? 구글에서는 아래와 같이 사이트맵의 필요성을 정의하고 있습니다. 사이트맵은 사이트에 있는 페이지, 동영상 및 기타 파일과 그 관계에 관한 정보를 제공하는 파일입니다. Google과 같은 검색엔진은 이 파일을 읽고 사이트를 더 효율적으로 크롤링합니다. 사이트맵은 ..