들어가며구글에는 수많은 서비스가 있습니다. 검색, 유튜브, 메일... 전부 기억하기 힘들 만큼이나 많습니다. 하지만 여러분들은 구글 서비스를 이용하며 로그인을 해본 기억이 그리 많지는 않을 것입니다. 과연 구글은 어떻게 사용자가 로그인을 하지 않고도 서로 다른 도메인 간 로그인을 유지시킬 수 있었을까요? 이번 포스트를 통해 이에 대하여 추측해 보겠습니다.본론우선 공식 문서를 통해 힌트를 얻어 보겠습니다. 기본적으로 저희는 구글에서 계속 로그인 상태를 유지하고 싶습니다. 하지만 그렇지 못하는 경우에 대해 구글은 '쿠키' 사용 설정을 확인해 보라 알려줍니다. 이를 통해 구글은 로그인 유지에 '쿠키'를 활용한다는 것을 알 수 있습니다. 스택오버플로우의 글에서는 아래와 같이 도메인 단위의 쿠키 저장이 가능함을 ..

왜 임팩트인가  우리가 하는 이 리서치가 조직에 정말 도움이 되는 건가? 치열하게 몰두했던 리서치의 결과물이 조직 안에서 어떻게 쓰이고 있을까? 팀 회고에 자주 등장하는 주제입니다. 올해는 ‘어떻게 하면 리서치의 임팩트를 파악하고 트래킹’ 할 수 있을까… 달리 말하면, 어떻게 하면 내가 리서치를 잘 해내고 있는지 확인해 볼 수 있을까...라는 고민을 본격적으로 해보려고 마음을 먹었는데요, 그 고민의 과정을 공유해 보려고 합니다. 먼저 이해를 돕기 위해 리서치팀이 어떻게 일하고 있는지 알려드리려고 합니다. 현재 피엑스디 UX 리서치팀의 업무는 ‘선행 리서치(Foundational)’ 리서치와 ‘프로덕트(Evaluative) 리서치’로 구분되어 있습니다. 선행 리서치팀은 최신 트렌드와 기술을 통해 미래 유저..

들어가며WebGL 기반의 자바스크립트 라이브러리 three.js를 react에서 손쉽게 사용할 수 있도록 도와주는 라이브러리인 react-three-fiber(이하 RTF)에 대해 간단하게 알아봅니다. 특징컴포넌트 기반3D 장면을 웹상에서 구현하기 위해서는 수반되어야 하는 많은 지식이 있습니다. 카메라, 조명, 텍스처, scene 등을 하나하나 구현해나가야 하는데 three.js를 사용해 본 사람은 알겠지만 단순한 mesh 하나를 만드는데도 많은 양의 코드가 필요합니다. 복잡한 내용일수록 코드 가독성은 떨어지고 피로감은 올라가죠.RTF는 react 개발자라면 익숙한 커스텀 태그와 컴포넌트 형식으로 각종 API를 제공합니다. 또한 react 훅과도 잘 맞고 useFrame, useLoader 같은 다양한 ..

퍼소나 = 사용자 세분화 하기사용자 중심 디자인에는 사용자 이해가 우선 합니다. 그래서 사용자를 정의하는데 퍼소나 방법을 많이 사용합니다. 공감을 위해 가상 인물에 이름을 지어주거나 사진을 붙이고 스토리를 부여하기도 하는데요. 퍼소나의 진정한 의미는 사용자를 세분화하는 데 있습니다. 우리는 사용자는 모두 다르다는 걸 알면서도 종종 뭉뚱그려 생각하는 경향이 있거든요.설문 조사에서 우리 제품을 50%가 좋아한다라고 했을 때. 우리 제품을 반만 좋아하는 애매한 사용자 집단이 좀 더 좋아하는(수치를 높이는) 방법을 찾지는 않잖아요. 좋아하는 집단과 좋아하지 않는 집단이 반반정도 있다는 것이니. 좋아하는 집단에 집중해 좋아하는 부분을 더 강조하거나, 좋아하지 않는 집단이 가진 문제를 찾아 해결하는 전략을 세워 디..

들어가며최근 운영 프로젝트 업무 내용 확인하다 보니 구축 시에는 칸반 보드를 생성하였으나 운영 모드에서는 사용하지 않아 파악이 어려웠던 경험이 있었고, 앞으로 진행하는 프로젝트는 깃헙 칸반 보드를 적극 사용했으면 하는 마음에 얘기를 해보고 싶어 졌습니다.칸반보드를 도입하게 된 배경기존에는 맥북의 그룹 메모, 슬랙 메신저로 정보를 취득하는 환경이다 보니 시간별로 데이터를 쌓는 구조여서 정보가 쌓을수록 데이터 구분이 되지 않았고, 산발적으로 쏟아지는 업무와 다수 작업자의 업무 및 진행사항은 프로젝트 그룹원 모두 파악하기 어려워 기억에 의존하거나 PL이 개인적으로 기록하고 있는 환경이었습니다. ⇒ 작업자별 각자 업무를 파악하고, 여러 작업의 진척 상황을 한눈에 구분할 수 있고, 특정 업무별 히스토리를 기록할 ..