들어가며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 사무실 한가운데서 스트레칭 워크숍이 열렸어요. 잠시 모니터와 스마트폰에서 눈을 떼고 긴장했던 몸을 이완시켰죠. 열심히 일한 나를 돌보기 위해, 앞으로도 나와 함께 열심히 일하기 위해, ‘지속 가능한 일’을 위한 충전의 시간을 가졌습니다. 바시필라테스 박지연, 이은혜 강사..

들어가며최근 AI 코드 에디터를 업무에 자주 활용해 볼 수 있는 기회가 제공되어 커서를 이리저리 체감해 볼 수 있었습니다. 그중 Notepads(이하 노트패드)라는 기능을 마주하게 되었는데, 아직 베타 버전이다 보니 인터넷을 검색해도 정보가 많지 않아 어떤 기능인지, 어떻게 활용해야 좋은지에 대해 궁금한 점이 생겼고 실무를 통해서 나름의 방법으로 이용해 본 경험을 공유해 보려고 합니다.또한, AI와의 협업이 어떠했는지, 개발자의 입장에서 만나본 바이브 코딩의 경험은 어떤 느낌이었는지도 공유해 보려고 합니다. 노트패드를 경험해 보자아래는 최근 작업을 수행하면서 노트패드를 활용해 본 경험 사례입니다. 이 경험담이 올바른 사용법이 아닐 수 있기에 참고 용도로만 읽어주길 바랍니다.경험 1. 플러그인으로 추출한 ..

프로젝트 리딩 역할에서 하루 10개씩 쌓이는 PR, 어떻게 효율적으로 처리할까?들어가며프로젝트 리딩을 담당하는 PL 역할을 하다 보니 하루에도 수많은 PR을 리뷰해야 하는 상황에 직면하게 됩니다. 많게는 하루에 10개 정도의 PR이 쌓이는데, 각 PR을 꼼꼼히 리뷰하다 보면 상당한 시간이 소요됩니다. 이는 단순히 시간 문제를 넘어 다른 업무에 지장을 주거나, 리뷰 품질이 저하될 수도 있고, 리뷰를 기다리는 작업자의 작업 속도 저하로 이어질 수 있습니다.이런 문제를 해결하기 위해 다양한 자동화 도구와 프로세스를 도입했고, 그 결과 PR 리뷰 시간을 효과적으로 단축할 수 있었습니다. 이번 글에서는 실제로 적용한 세 가지 핵심 전략에 대해 공유하고자 합니다. PR 템플릿으로 사전 체크리스트 구축PR 템플릿 도..

사용자가 '고객의 목소리로부터 빠르게 의미 있는 니즈를 읽고 좋은 인사이트를 얻길 바라는 마음'으로 만들기 시작한 '어피니티버블'은 올해 초 베타 버전을 공개한 이후 지금까지 기능과 성능을 강화해 왔는데요. 9월 1일부터는 방대한 데이터 분석도 가능한 유료 플랜을 제공하게 되었습니다.베타 버전을 운영하는 동안 어피니티버블은 사용자 여러분의 다양한 피드백을 받으며 성장해 왔습니다.수집한 데이터를 함께 분석하고, 새로운 관점들을 제시해 주는 동료 리서처 같은 도구가 되고자 많은 고민을 했는데요. 그 결과로 기본적인 사용 방식을 유지하면서 전문 리서처 분들의 니즈를 반영해 도구를 다듬었습니다.이번 글에서는 그동안 업데이트 또는 추가된 기능들과 함께, 서비스 플랜에 대해 소개하고자 합니다. 베타 버전과는 어떤 ..

1. View Transitions API를 주목하는 이유SPA(Single Page Application)는 빠른 전환과 데이터 중심의 UI에 강점이 있지만, 페이지 전환이 지나치게 갑작스럽거나 "툭" 끊기는 느낌을 줄 수 있습니다. 지금까지는 이런 부분을 CSS opacity, transform, 또는 JavaScript로 수작업 애니메이션을 구현해 해결해 왔죠.하지만 다음과 같은 문제점이 있었습니다.구성 요소가 바뀌는 구조에서 애니메이션이 어렵고관리도 복잡하고성능도 보장되지 않습니다.그래서 등장한 것이 바로 View Transitions API입니다.CSS/JS 수작업 애니메이션의 번거로움을 해결SPA 구조에서 전환 흐름을 부드럽게 연결브라우저가 상태 전환 전/후의 시각 요소를 감지하고 자동으로 애..

대규모 언어 모델(LLM)을 기반으로 애플리케이션을 개발하기 위한 첫걸음들어가며최근 AI 개발이나 LLM(Large Language Model)을 활용한 서비스 개발이 급속히 증가하면서 팀과제나 학습에서 개인적으로 관심을 갖게된 기술중 하나가 바로 LangChain입니다 이번 글에서는 LangChain의 개념과 활용 방법, 그리고 왜 AI 개발에 LangChain이 유용한지 가볍게 알아보려 합니다.랭체인(LangChain)이란?LangChain은 다양한 언어 모델을 쉽게 연결하여 자연어 처리를 기반으로 하는 애플리케이션을 구축할 수 있게 도와주는 도구입니다. 간단히 말하면, 여러 가지 도구나 API, 데이터베이스 등을 언어 모델과 쉽게 결합하여 더욱 강력하고 유용한 AI 서비스를 만들 수 있도록 지원하는..

지난 6월 서울메타위크 2025에 다녀왔어요. 이번 컨퍼런스에서는 일, 시스템, 지능의 진화라는 주제를 바탕으로, AI가 다양한 산업에서 어떻게 활용되고 있는지 알아볼 수 있었어요. 이틀간 진행된 세션에서는 기술 중심의 담론을 넘어, AI를 바라보는 철학적인 질문과 구체적인 기업 활용 사례를 균형 있게 다뤘는데요. 오픈렛저의 람, 세일즈포스의 샐리, 구글 딥마인드의 스테파니아 등 전 세계 다양한 분야의 연사들이 전한 메시지를 통해 AI의 미래를 다시 생각해 보는 기회가 되었어요. 핵심 주제들을 중심으로 함께 둘러볼게요.AI 시대를 살아가는 우리카이스트 김진형 교수는 키노트에서 AI가 사회에 미치는 영향과 그에 따른 책임을 짚었어요. AI가 일상이 될 미래에는 인간의 지식이 빠르게 대체되고, 비판적 사고와..