웹 퍼블리싱 트렌드 기술 변화 (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가 일상이 될 미래에는 인간의 지식이 빠르게 대체되고, 비판적 사고와..

들어가며Next.js 환경의 프론트엔드 프로젝트 경험을 되돌아보며, 사전에 좀 더 깊게 고려했으면 좋았을 보안 관련 내용들을 알아보고 정리해 보려 합니다. XSS 공격⬇️ 설명XSS 공격은 가장 흔한 공격 중 하나로 입력 필드나 URL 파라미터 등을 통해 스크립트를 코드에 삽입하고 다른 사용자의 브라우저에서 해당 스크립트가 실행되도록 만드는 공격입니다. 쿠키 탈취, 하이재킹 등 심각한 문제로 이루어질 수 있습니다.XSS 유형을 아래처럼 3가지로 나눌 수 있습니다.Reflected XSS악성 스크립트를 URL 파라미터나 다른 입력값에 포함해 사용자에게 전달하고, 사용자가 이 악성 스크립트가 포함된 URL을 클릭하거나 폼을 제출하면 서버가 해당 스크립트를 응답 페이지에 그대로 포함해 사용자의 브라우저에서 실..

들어가며요즘 유행인 MCP에 대해 소개합니다. MCP (모델 컨텍스트 프로토콜) 이란?MCP(Model Context Protocol)는 AI 모델이 외부 데이터 소스 및 도구와 안전하게 통합될 수 있도록 하는 개방형 프로토콜입니다.AI 시스템이 단순히 텍스트를 생성하는 것을 넘어 필요한 정보를 실시간으로 가져오고 다른 소프트웨어나 데이터 시스템과 협업할 수 있도록 지원하여 AI 모델의 성능과 실제 활용도를 높이는 데 기여합니다.Anthropic에서 오픈 소스로 공개한 이 기술은 AI 모델이 다양한 데이터 소스 및 도구에 표준화된 방식으로 연결될 수 있도록 지원하며, AI 생태계에서 'USB-C 포트'와 같은 역할을 수행합니다.https://www.anthropic.com/news/model-contex..