4월 한 달 pxd에서는 NFT와 메타버스를 잘 이해하기 위한 토크가 여러 차례 집중적으로 진행되었는데요, 4월 19일 진행된 pxd talk에서는 다양한 미디어 출연을 통해 미래테크에 대해 설명하며 활약하고 계신 이시한 교수님을 모셨습니다. 그간의 NFT 관련 토크 덕에, 자주 등장하는 유명 사례와 예시들은 눈에 많이 익었습니다. 비플 (Beeple), BAYC, 크립토 펑크라는 이름들도 이제 낯설지 않습니다. 그러나 아직 머릿속에서는 “PFP와 NFT아트의 차이는 무엇이지?” “메타버스에서 NFT가 왜 중요하지?” 등등 개념 간 연관성이 완벽하게 정립되지 않고, 꼬리질문들이 이어지는 참이었습니다. 이번 강연에서는 기본 개념에 대한 설명과 대표 사례 소개를 넘어서서, 각 개념 간의 연관성까지 차근차근 ..

들어가며 지난 프로젝트에서 XAML이라는 언어를 사용했습니다. 프로젝트가 XAML로 개발된다고 들었을 때 (XAML..?) 동공지진😮을 일으키며 새로 나온 언어인가? 뭐지.. 하면서 바로 구글에 XML로 검색했던 기억이 나는데요. 😹 그만큼 저한테는 굉장히 생소하고 자믈, 제므얼, 제믈 여러 가지 이름으로 불리는 이 언어, 여러분들은 들어보신 적이 있으신가요? 프로젝트를 시작하지 않았다면 평생 몰랐을 수도 있는 이 낯선 언어 XAML을 같이 알아봅시다. 내용이 많아서 시리즈로 진행될 예정입니다. 이번 편에서는 XAML을 알아보고, 사용하기 전까지의 환경 구성을 해봅시다. XAML? XAML을 위키백과에서는 아래와 같이 설명하고 있습니다. 닷넷 프레임워크 3.0 기술, 특히 윈도 프레젠테이션 파운데이션(W..

들어가며 회사 홈페이지 리팩토링 작업에서 Vue.js 기반의 환경은 SEO(Search Engine Optimization)가 취약하여 이를 보완하기 위해 NuxtJS 프레임워크를 이용했습니다. NuxtJS에서 학습하면서 알게 된 Data Fetching의 asyncData와 fetch의 차이를 이야기하고자 합니다. Vue.js에서 Data Fetching 하는 법 기존 Vue.js에서는 Lifecycle이 동기적으로 진행되기 때문에 mounted() Lifecycle 훅에서 비동기 구문을 이용해서 API 데이터를 호출해줘야 합니다. import axios from 'axios'; export default { data() { productList: [], }, mounted() { this.getPro..

들어가며 코로나로 인한 언택트 시대에 접어든 만큼 현재 우리 XE(UX Engineer) 그룹도 코로나 발생 초기부터 지금까지 원격 근무를 기본적인 근무 형태로 진행하고 있다. 이제는 사무실이 아닌 집에서 모두 원격 근무를 진행하고 있어 특별한 상황이 아니라면 시간에 구애받지 않고 근무할 수 있는 환경 및 그룹 문화가 만들어졌다. 그러나 더 나아가서 PC 환경에서도 벗어나 집이 아닌 다른 장소에서도 근무를 진행한다면 어떨까? 업무의 특성상 업무 환경이 구성된 PC가 필요하므로 환경 구성이 완료된 노트북을 들고 다녀도 될 테지만 그보다 더 휴대성이 좋은 태블릿 PC나 이조차 없는 상황에서 급하게 처리해야 할 업무가 생긴다면 항상 휴대하고 있는 스마트폰으로도 업무 진행이 가능한 방법이 있어 소개한다. 이 글..

들어가며 디지털 전환기에 클라우드 기술을 통해 서비스 간의 연결을 만들어가고, 이러한 서비스 공간들이 온, 오프라인간의 연결을 넘어 완전한 디지털 세상에서 일어남에 따라 더 많은 데이터가 생성되고 연결되어 나갈 것은 분명해 보입니다. 이미 많은 분들이 스마트폰 앱에서 사용자 데이터를 다른 앱과 공유해도 되는지를 묻는 경험이 있으실 것입니다. 어찌 보면 데이터의 황금시대에 진입했다고 볼 수도 있습니다. 각 기업들은 클라우드 기반 시스템을 통해 데이터 레이크를 구축하고 이를 활용하고자 하는데에 많은 노력을 하고 있습니다. Fortune의 1000대 기업 중 85개의 기업을 대상으로 한 설문조사에 따르면 기업의 91.9%가 데이터 이니셔티브에 대한 투자를 늘린 것을 통해서도 알 수 있습니다. 이렇듯 데이터는 ..

관련 글 : 2022.01.18 - [UI 가벼운 이야기] - 재택근무하는 PM을 위한 다섯 가지 노하우 재택근무를 하던 어느 날 저는 '고마운 분'에서 '더 귀한 분'이 되었다는 소식을 들었습니다. 바로 자주 시켜 먹던 배달 앱에서 VIP로 승격이 된 것인데요. 놀라움 반 두려움 반으로 더 귀해진 나의 소비를 돌아보았습니다. 그러던 찰나 배달 음식으로 한 끼를 든든히 채우는 과정에서 어딘가 모를 기시감이 느껴졌습니다! 재택근무에서 고군분투하는 프로젝트 PM과 저를 포함한 팀원들의 모습이 스쳐 지나갔습니다. 배달을 통한 한 끼 식사와 재택근무는 과연 어떤 포인트의 접점에서 맞닿을까요? 우선 배달 앱을 통해 음식을 주문하는 손님은 팀원에게 업무를 요청하는 PM과 닮아있습니다. 반면 주문 사항에 맞춰 음식을..

들어가며 COVID19가 창궐한 이후, 그동안 원격근무를 하며 웹이나 모바일 개발을 할 때에 로컬 개발서버를 외부에서 접속해야 하는 경우가 있었는데요. 원격 근무를 하는 동안에 집에서 일할 경우 공유기 설정을 변경하여 포트포워딩을 할 수 있거나 한다면 로컬에 접속하는 것이 수월할 수도 있겠지만 회사나 카페, 외부에서 테더링을 사용하는 등 내가 네트워크 설정을 변경할 수 없는 경우에 많이 유용할 것 같아요. 간단하게 시작해 보자. npm을 통해 'localtunnel' 설치를 시작해요. npm install -g localtunnel 자. 준비가 끝났어요. 응…? 벌써...?! 간단하게 실행해 보자. React 또는 Vue 와 같은 Front-End 프로젝트를 하고 있다면 대부분 http://localho..

기술을 이용해 사용자 이해하기 UI, UX 디자인이라고 하면 결과물을 떠올리기 쉬운데요. 디자인을 도출하기 전에 사용자를 이해하는 것이 보다중요합니다. 사용자를 이해하는 데는 관찰과 인뎁스 인터뷰 같은 정성 조사가 중심이 됩니다. 하지만 시간과 비용의 제약으로 한정된 사용자를 대상으로 하는 한계가 있습니다. 이를 보완하려고 사용자의 로그 데이터를 이용해 사용 패턴을 확인하는 정량적 조사를 병행하기도 했는데요. 요즘 pxd UXtech 랩에서는 자연어 처리 기술을 이용해 주관식 설문, 사용자 리뷰, 댓글 등 다수 사용자의 텍스트 데이터로부터사용자를 이해하는 도구를 만들고 있습니다. 자연어 처리 자체 연구보다는 저희가 잘할 수 있는 사용자가 어떻게 활용하고 UI에 적용할지를 고민하고 있습니다. :) 주기적..

들어가며 pxd 홈페이지의 웹 접근성 인증 마크를 획득하기 위해 그룹원 모두가 리뉴얼 작업에 참여하게 되었습니다. 그룹원 모두가 동일한 개발 환경에서 개발할 수 있도록 Docker를 사용하게 되었는데요 오늘은 Docker 적용 기를 간략히 써볼까 합니다. Docker란 무엇인가 Docker가 무엇인지, 어떻게 사용하는 것인지에 대한 정보는 참고할 수 있는 문서나 동영상 등이 많기 때문에 이번 글에서는 Docker 공식 홈페이지에 링크와 wiki에 정의된 글을 가져왔습니다. 얄팍한 코딩 사전 Docker Container 도커 컨테이너는 일종의 소프트웨어를 소프트웨어의 실행에 필요한 모든 것을 포함하는 완전한 파일 시스템 안에 감싼다. 여기에는 코드, 런타임, 시스템 도구, 시스템 라이브러리 등 서버에 설..

들어가며 오늘날 UX 컨설팅 과정에서 정성적인 방법뿐만 아니라 데이터를 기반으로 하는 Evidnece-based 방법론을 적용하는 데에 많은 시도를 하고 있습니다. 저희 팀에서도 몇 해 전부터 이러한 정량적인 방법론과 정성적인 방법론을 혼용해서 Evidence를 획득하여 논리력을 더하는 데에 적극적으로 시도하고 있습니다. 최근에 클라이언트의 데이터팀과의 대화에서 "해당 사이트에서 78%의 상품 구매 고객이 30대이기 때문에, 요즘 30대가 관심 있어 하는 콘텐츠를 기반으로 메인화면을 구성해야 한다."는 인사이트를 전달받았습니다. 하지만 이에, "30대가 해당 사이트에 들어왔을때, 어떤 맥락에서 어떤 것들을 확인하여 해당 사이트에서 상품 구매로 넘어갔는지 아니면 해당 사이트는 구매의 의사결정후 구매를 위해..

아주 짧은 글입니다. 🙂 재택근무를 하면서 음악을 더 많이 듣게 되었어요. 재택근무를 하며 다양한 데일리 체크인을 시도해 보는데요, 요즘에는 마침 엔터테인먼트 산업 관련 프로젝트를 함께 하는 4명이서 하루를 시작할 때 음악 하나씩을 공유하고 있어요. 왜 공유하는지 간단하게 이유 나누기도 하고요. 이렇게 몇 주 공유한 플레이리스트 go pxd! 를 공유합니다. 앞으로 3-4주 업데이트는 더 진행될 예정이에요! 어떤 음악이 업데이트되는지 자주 들어와서 살펴봐 주세요. 또 업데이트하기 원하는 곡이 있으면 댓글로 추천해 주세요! 아차, 그런데... 피엑스디에는 아주 다양한 구성원이 있어요. 제가 감히 피엑스디 로고를 갖다 썼지만 피엑스디의 음악적 취향을 대표하지는 않습니다! 😆

들어가며 사람은 어떠한 작업을 할 때 학습과 반복적인 행동을 통해 과정을 익히며 때로는 유연하게 변경하거나 다르게 대처하기도 합니다. 하지만 컴퓨터는 입력받은 값이 문자인지 숫자인지, 숫자라면 받은 수는 5보다 큰지 아닌지 등 한 단계 한 단계 조건이나 처리 기준이 있어야만 유효한 결과(값)를 도출합니다. 따라서 코드 작업을 할 때 흐름을 먼저 그리고 그것을 코드로 옮기는 습관이 있다면 프로그래밍 사고의 폭을 넓히는데 도움을 줄 수 있습니다. 흐름을 그린다는 것은 결국 사용자 경험(UX)에서 출발한다고 생각합니다. 그것을 어떻게 그려야 하는지 살펴보겠습니다. 순서도(Flowchart)란 워크 플로우나 과정을 기호(도형)로 그린 것입니다. 프로그래밍뿐만 아니라 분석, 설계, 디자인, 문서 작성 등 다양한 ..