들어가며프로젝트 초반, 기획서는 정제되어 있었고 디자인도 군더더기 없이 잘 다듬어져 있었습니다.정리된 시안을 보면 누구든 이렇게 생각할 수 있습니다."이 정도면 그냥 그대로 구현만 하면 되겠네."하지만 실제 개발을 시작해 보면, 오히려 이런 ‘완벽한 시안’이 더 복잡한 구현 문제를 유발하는 경우도 있습니다.기획과 디자인에서 정리되지 않은 여백은 결국 프론트엔드 개발자의 판단과 설계로 채워지게 되며,그 과정에서 예상치 못한 간극들이 드러납니다. 1. 기획과 디자인은 ‘정적인 스냅샷’, 구현은 ‘동적인 흐름’정상 데이터가 있을 때특정 화면 크기에서의 UI정상적인 사용 흐름을 전제로 한 UX하지만 실제 구현은 그보다 훨씬 더 다양한 상태와 흐름을 감안해야 합니다. 예를 들면,로딩 중 상태, 에러 상태, 빈 상..

들어가는 글: Flat Design의 시대가 저물고 있다모바일 UX 디자인의 세계는 지금 조용하지만 거대한 지각 변동을 겪고 있습니다. 지난 10년 가까이 우리 눈을 지배해 온 깔끔하고 단순한 플랫 디자인(Flat Design)의 시대가 저물고 있습니다. 그 빈자리는 마치 현실 세계의 유리나 액체처럼 생생한 '물리적 질감(Materiality)'과 깊이감 있는 '공간(Space)'이 채우기 시작했습니다.UX 리서처의 관점에서 볼 때, 이 변화는 단순한 레트로 트렌드가 아닙니다. 이것은 다가올 공간 컴퓨팅(Spatial Computing) 시대를 위한 전략적 패러다임 전환입니다. 하지만 모든 변화에는 진통이 따르기 마련입니다. 과연 이 새로운 물결은 사용자에게 어떤 '마법'을 선사할까요? 그리고 그 화려함..

해당 글은 현재 총 4편의 시리즈로 구성되어 있습니다."누구나 자료구조와 알고리즘"을 (일부)읽고.."누구나 자료구조와 알고리즘"을 (일부)읽고..(2)"누구나 자료구조와 알고리즘"을 (일부)읽고..(3)"누구나 자료구조와 알고리즘"을 (일부)읽고..(4) (현재글)들어가며작업을 하다 보면 ‘노드(node)’라는 단어를 자주 접하게 됩니다. 특히 프론트엔드 개발을 하다 보면 DOM 구조 속 요소를 노드라고 부르기도 하죠.저 역시 그 정도로만 알고 있었는데, 자료구조를 공부하면서 처음으로 노드가 얼마나 중요한 개념인지 알게 되었습니다. 단순히 태그를 감싸는 요소가 아니라, 데이터를 효율적으로 구성하고 연결하는 구조의 핵심이었던 거죠.처음 자료구조를 접하는 분들이 가장 헷갈리는 부분 중 하나가 바로 노드..

제품과 서비스의 근본적인 문제 해결은 사용자와의 만남에서 시작됩니다. 하지만 그 만남에 닿기까지의 여정은 만만치 않죠. UX 리서치 계획 수립부터 대상자 선별, 모집 그리고 질문지 설계에 이르기까지의 모든 과정은 복잡하고 고도의 전문성을 요구합니다. 이로 인해 오랜 시간과 막대한 비용이 투입되기도 합니다. 저희는 리서치가 꼭 필요함에도 쉽게 시도하지 못했던 이유가 바로 여기에 있다고 생각하게 되었어요. 그래서 리서치 준비 과정을 효율화하고, 오로지 사용자 인사이트에 집중할 수 있는 업무 환경을 조성하는 것을 목표로 ReOpsAI(리옵스에이아이)를 준비하고 있습니다. 전문 리서처가 아니어도, 리소스가 충분하지 않은 작은 팀에서도, ‘사용자에 대한 깊은 이해를 원하는 모든 조직’이 고품질의 UX 리서치를 수..

기획과 디자인 단계에서부터 고려해야 하는 성능 이야기 들어가며최근 프로젝트를 진행하면서 문득 이런 생각이 들었습니다. "성능 최적화는 언제나 개발자 몫인가?"라는 의문이었죠.기획서에는 분 단위 데이터 갱신이라고 적혀있고, 디자인에는 화려한 애니메이션과 고해상도 이미지들이 가득한데, 정작 성능에 대한 고려는 개발 단계에서야 시작되는 경우가 대부분입니다.물론 성능 최적화의 기술적 구현은 개발자의 역할이 맞습니다. 하지만 정말 좋은 성능은 기획과 디자인 단계부터 함께 고민할 때 나온다는 것을 여러 프로젝트를 통해 깨달았습니다.이번 글에서는 실제 프로젝트에서 겪었던 사례들을 바탕으로, 각 단계에서 성능을 함께 고려했을 때 얼마나 더 나은 결과를 만들 수 있는지 공유해보고자 합니다. 현실: 성능 이슈가 시작되는 ..

검색에서 답변으로 — pxd가 만든 SEO+GEO 통합 진단 도구 들어가며"우리 사이트, ChatGPT한테는 어떻게 보일까?"요즘 들어 이런 질문을 자주 받습니다. 이제 사람들은 네이버나 구글에 키워드를 입력하기보다, ChatGPT, Gemini, Perplexity 같은 AI에게 질문을 하고 답을 얻는 방식에 익숙해졌습니다. 사용자의 의도를 이해하고 맥락에 맞는 정보를 직접 제공하는 생성형 AI는 이제 새로운 검색의 표준이 되어가고 있죠. 기업과 브랜드는 물론, 개인 역시 자신의 콘텐츠가 AI에게 어떻게 이해되고 평가되는지를 고민해야 하는 시대입니다. 단순히 검색 결과의 상위 노출이 아니라, AI가 신뢰할 수 있는 방식으로 콘텐츠를 설계하고 구현하는 것이 중요해졌습니다.기존의 SEO(Search Eng..

들어가며Next.js 프레임워크로 React 프로젝트를 매번 구성하던 중, 프레임워크 없이 새롭게 프로젝트 환경을 설정해야 할 상황이 생겼습니다. AI의 도움을 받아 설치를 진행하는 과정에서, 평소 익숙하게 사용하던 Create React App(CRA) 방식이 아닌 Vite 형태로 설치하는 것을 보게 되었습니다. 이를 계기로 Vite에 대해 알아보게 되었고, React 환경을 쉽게 시작할 수 있게 해주는 공식 CLI 도구인 CRA가 더 이상 사용되지 않는다는 소식을 접하면서 Vite로 설정하는 방법을 찾아보게 되었습니다. CRA 문제점올해 2025년 2월, React 팀이 공식적으로 CRA를 deprecated 선언했습니다.더 이상 공식적으로 지원하지 않는다는 뜻이죠.그렇다면 그동안 CRA 문제점은 어..

요즘 AI 업계의 화두는 ‘에이전틱 AI(Agentic AI)’입니다. 그런데 에이전트 활용 경험은 이전과는 비슷하면서도 조금 다른 것 같습니다. 어떤 점이 달라야 할까요? 에이전틱 AI란?에이전틱 AI는 고도의 자율성을 가지고 스스로 작동할 수 있는 인공지능 시스템을 의미합니다. 동적으로 변화하는 환경에서 효율적인 결정을 내리기 위해, 에이전트 AI는 스스로 해야 할 일을 인지하고(Perceive) - 추론하고(Reason) - 계획을 세우고 알아서 행동하며(Act) - 학습(Learn) 단계를 거칩니다. 반면, 비에이전틱 AI인 프롬프트 기반 AI는 사용자의 지시, 즉 프롬프트 입력이 매번 필요합니다. 내 판단이 필요한 순간에 AI가 판단하고 액션을 취하고 학습까지 하여 최적의 결과를 내주는 것..

웹 퍼블리싱 트렌드 기술 변화 (feat. container, cascade, :has(), view transitions, Figma DevMode) 들어가며복직 후 웹 기술의 변화 속도가 이전보다 훨씬 빨라졌다는 것을 실감했습니다.AI 기반의 작업 방식 변화도 크지만,특히 UI 개발자 입장에서 실무에 적용 가능한 기술들이 다양하게 등장했고,디자인 시스템, 마크업 구조, 디자인 툴 연동 방식 등에도 큰 변화가 있었습니다.단순히 디자인을 "그대로 구현하는" 수준을 넘어,시스템화된 UI를 구성하는 구조적인 접근이 요구되고 있다는 점이 인상 깊었습니다.이번 글에서는 그런 흐름들을 공부하면서 UI개발자 관점에서 주목할 만했던 웹 트렌드 키워드 5가지를 정리해 보았습니다. 기능 소개보다는 실무에 어떻게 연결될 ..

들어가며1편에서 살펴본 것처럼 Proactive AI는 단순히 ‘얼마나 높은 레벨까지 제공할 수 있는가’의 문제가 아닙니다. 어떤 상황에서, 어떤 기능을 통해, 어떤 방식으로 개입할 것인가가 더 중요합니다. 같은 Proactive 기능이라도 적용되는 영역에 따라 적절한 수준이 달라지기 때문입니다.실제로 AI Assistant가 제공하는 기능을 살펴보면, 도메인에 관계없이 크게 세 가지 유형으로 나눌 수 있습니다. 첫째는 서비스·앱·기능 실행으로, AI Assistant와 연결된 앱이나 기기의 기능을 음성 명령으로 제어하는 영역입니다. 둘째는 일상 대화로, 인삿말이나 감정 표현, 잡담과 같은 가벼운 대화를 통해 사용자와의 친밀감을 쌓는 영역입니다. 마지막은 정보 탐색으로, 사용자의 질문에 답변하거나 필요한..

들어가며“알잘딱깔센”이라는 표현 아시나요? ‘알아서 잘 딱 깔끔하고 센스 있게’라는 뜻으로, 내가 직접 구체적으로 요청하지 않아도 누군가가 내 취향과 상황을 잘 파악해서 완벽하게 대신해주길 바랄 때 쓰는 말입니다. 회사에서 업무를 할 때, 집안일을 처리할 때, 혹은 여행 준비를 할 때처럼 묘하게 번거롭고 귀찮은 순간마다 “누가 알잘딱깔센으로 챙겨주면 얼마나 편할까?” 하는 생각이 들곤 하죠.사실 이런 욕구는 AI 서비스에서도 비슷하게 나타나고 있습니다. 단순히 질문에 답하거나 명령을 수행하는 차원을 넘어, 사용자의 맥락을 읽고 먼저 필요한 것을 제안하거나 실행해주는 Proactive AI 개념이 주목받고 있습니다.최근 AI 개인화 관련 프로젝트를 진행하면서, Proactive AI Assistant 기..

pxd talks는 여러 분야의 연사님을 초빙해 인사이트를 나누는 시간입니다. pxd 구성원들이 더 넓은 시야로 무언가를 새롭게 발견하거나 자신을 성장시킬 수 있는 기회를 얻을 수 있도록 말이죠. 그리고 그 경험은 [pxd talks] 아티클로 기록합니다. pxd 구성원들이 함께 보고 듣고 느끼고 배운 것들이 사라지지 않고 pxd story에 남아 더 넓은 세상으로 뻗어갈 수 있기를 바랍니다. 목과 어깨가 뻐근한 어느 평일 오후, pxd 사무실 한가운데서 스트레칭 워크숍이 열렸어요. 잠시 모니터와 스마트폰에서 눈을 떼고 긴장했던 몸을 이완시켰죠. 열심히 일한 나를 돌보기 위해, 앞으로도 나와 함께 열심히 일하기 위해, ‘지속 가능한 일’을 위한 충전의 시간을 가졌습니다. 바시필라테스 박지연, 이은혜 강사..