말랑말랑 개발기

​Claude Code Meetup Seoul FDE Night 2026 후기

​날짜: 2026년 4월 17일 금요일시간: 18:30 – 21:00장소: 서울 교대역 인근주최: Claude Community Events공동 주최: Worxphere · SpaceY(DIO)진행: 최훈민 (Claude Community Ambassador, Seoul)FDE, 아직 번역되지 않은 직무지난주 금요일, Claude Code FDE Night에 참석했다.Cognition 최규환 님, defytheodd 이선민 님, SpaceY 황현태 님, Worxphere 김요섭 CTO, 채널톡 최한길 님까지 — FDE라는 포지션을 각자의 자리에서 치열하게 정의해 온 분들의 이야기를 한자리에 모은 자리였다.FDE(Forward Deployed Engineer)는 지금 한국에서 막 언어가 만들어지고 있는 직..

지난 11월 30일, 퓨처콘 프론트엔드 행사에 운영진으로 참여했습니다.이전 회차에서는 참가자로 많은 자극을 받았던 행사였고, 그만큼 이번에는 도움을 받는 입장이 아니라 조금이나마 기여해보고 싶다는 마음으로 지원하게 되었습니다.😀운영진으로 참여해보니, 행사를 ‘참여하는 것’과 ‘만드는 것’은 확실히 다르다는 걸 느꼈습니다.참가자일 때는 잘 보이지 않던 수많은 세세한 결정들과 준비 과정들이 있었고, 그런 요소들이 모여 하나의 경험을 만든다는 것을 알게 되었습니다. 저는 이번이 운영진을 처음 도전해본 것인데 이전에 여러 번 행사를 주최해본 경험이 많으신 운영진 분들과 이야기하면서, 제게 부족했던 관점이나 시야를 많이 채워가는 느낌도 받았습니다.제가 얼마나 도움이 되었는지는 모르겠지만, 이런 고민을 직접 해볼..

참여 기간: 2024년 11월 ~ 2025년 5월 (6개월)스터디 주제: React 공식 문서 읽기참여 동기: 퓨처콘 행사에서 React 공식문서 발표를 듣고 체계적인 학습의 필요성을 느낌목표: React API 문서 독파진행 방식: 4인 그룹, 1인 1문서 발표, 회차당 2시간 (30분 발표 + 토론), AI 도구 적극 활용학습 범위: React API 참고서기록: 스터디 노션 페이지참여 계기'We are the future!' 프론트엔드 커뮤니티의 퓨처콘 행사에서 'React 공식문서'에 대한 발표를 듣고 공식문서 스터디에 관심을 갖게 되었습니다.React 개발자이면서 공식 문서를 체계적으로 정독해본 적이 없다는 사실이 부끄럽게 느껴졌고, 이번 기회에 제대로 학습해보고자 스터디에 참여하게 되었습니다...

Lottie-web 라이브러리를 Node 21 이상에서 실행했을 경우 발생한 문제와 해결방안에 대해 설명합니다.문제 상황lottie-web이 SSR(Server Side Rendering) 환경에서 'document is not defined' 오류가 발생합니다.// 문제가 발생하는 코드 (Node v21 이상에서 에러 발생)import lottie from 'lottie-web' const handler = useCallback(async() => { lottie.loadAnimation()})이슈 원인Node.js v21 이상부터 발생lottie-web v5.13.0 에서 수정 반영 되었으나 패키지의 release 문제로 여전히 오류 발생왜 이런 문제가 발생했을까요? lottie.js에 답이 있습..

2024년 한 해 동안 만다라트 모임을 진행했었고, 한 달의 생활을 돌아보는 시간이 의미 있다는 생각이 들어 올해도 같은 멤버들과 만다라트 모임을 이어오고 있다.1년 동안 만다라트를 해오면서 터득한 나만의 팁이 있는데, 바로 한 해 동안 해야 할 일을 너무 구체적으로 잡지 않는 것이다. 구체화하는 데 시간도 많이 들고, 시간이 지나면서 시행착오를 거치며 내 생활 방식에 맞게 목표도 변경되기 때문이다. 그래서 큰 틀의 목표만 잡고, 나머지 세부적인 계획은 해당 달에 구체적으로 작성하고 회고하는 방식으로 진행하고 있는데, 이 방식이 나에게 더 잘 맞는다고 느낀다 :) 만다라트의 의미는 내가 가야 할 목표 지점을 향해 이정표를 주는 것이기 때문에, 처음부터 너무 빡빡하게 잡아서 실천하려고 하는 것보다 어느 정..

요즘 MCP에 대한 주목이 높아졌다는걸 체감하고 있습니다. 개발자와 스몰토크 나누면 꼭 나오는 주제이기도 하고요.이미 현업에서 업무 생산성을 높이기 위해 적용한 사례도 들려오고 있습니다.하지만 저는 아직 MCP를 어떻게 사용할 수 있을지 감이 안잡히지 않더라고요. 따라서 공식 문서와 튜토리얼을 보면서 천천히 적용해보려 합니다.Cursor AI를 IDE로 사용중인데 Cursor에서 MCP를 지원한다고 하네요. Claude Desktop을 사용한다면 간편하게 구축할 수 있어 보이는데, 저는 Cursor에서 적용해 보고 싶습니다.일단 Cursor에서 MCP를 사용하기 위해서는 0.45.x이상의 버전이 필요하니 업데이트를 꼭 해주세요. https://www.cursor.com/changelog저는 0.47.x ..

LLM과 더불어 관심도가 높은 MCP에 대해 잘 설명한 글을 발견해서 옮겨봅니다.MCP는 AI 애플리케이션을 위한 USB-C 포트 같은 것입니다.USB-C가 다양한 주변기기에 장치를 연결하는 표준화된 방법을 제공하듯, MCP는 AI 앱이 다양한 데이터 소스와 도구에 연결하는 방법을 표준화합니다. 자세히 살펴보겠습니다! 🚀핵심 구조MCP는 호스트 애플리케이션이 여러 서버에 연결할 수 있는 클라이언트-서버 아키텍처를 따릅니다.주요 구성 요소는 다음과 같습니다:호스트클라이언트서버자세히 알아보기 전에 개요를 살펴보겠습니다 👇호스트와 클라이언트:호스트: AI 앱(Claude 데스크톱, Cursor)으로 AI 상호작용을 위한 환경을 제공하고, 도구와 데이터에 접근하며, MCP 클라이언트를 실행합니다.MCP 클라..

출처 : https://vite.dev/guide/migration ViteNext Generation Frontend Toolingvite.dev원본글읽으면서 궁금한 내용을 추가로 작성하였습니다. Environment API새로운 실험적 Environment API의 일환으로 큰 내부 리팩토링이 필요했습니다. Vite 6는 대부분의 프로젝트가 새로운 메이저 버전으로 빠르게 업그레이드할 수 있도록 호환성을 깨지 않으려 노력했습니다. 생태계의 대부분이 새 API를 안정적으로 사용하기 시작할 때까지 기다릴 예정입니다. 일부 엣지 케이스가 있을 수 있지만, 이는 주로 프레임워크와 도구의 저수준 사용에만 영향을 미칠 것입니다. 릴리스 전에 생태계의 메인테이너들과 협력하여 이러한 차이점들을 완화했습니다. 문제점을..

참여 기간 : 2024년 9월 7일~12월7일 (3개월)스터디 주제 : '리액트 훅을 활용한 마이크로 상태 관리' 책을 매주 스터디스터디를 신청한 이유 : 책을 통해 리액트 훅과 상태 관리에 대해 공부하고 각자 프로젝트에서 어떻게 적용하고 있는지 고민을 나누기 위해 스터디를 진행했다. 스터디를 참여 시작할 때 세웠던 목표1. 책 완독2. 코드 레벨에서 이해하기진행 과정한 주에 1~2장을 읽고 내용을 정리한다.스터디날 발표자를 랜덤으로 선정하여 해당 회차 스터디를 진행한다. 지난 12월, 3개월간 진행된 자바카페 2024년 하반기 스터디가 마무리되었습니다. 마지막 발표회에서 제가 리더를 맡았던 '리액트 훅을 활용한 마이크로 상태 관리 (다이시 카토)' 스터디의 회고를 발표하게 되었습니다. 회고 발표스터디 ..

1. 행사 개요행사 일시 및 장소2024년 11월 7일 코엑스에서 AWS Industry Week 2024에 개최되었습니다.주요 주제이번 AWS Industry Week 2024의 주요 테마는 '산업별 혁신과 클라우드 전환'이었습니다. 키노트는 총 6개의 주요 산업 트랙으로 구성되어 있는데요. 각 트랙을 살펴보면:  - 리테일 및 소비재- 통신 및 미디어- 금융 및 핀테크- 제조 및 하이테크- 헬스케어 및 생명 과학- 디지털 인더스트리  이렇게 다양한 산업군을 아우르는 세션들이 준비되어 있었습니다.  2025년을 앞두고 각 기업들이 어떤 클라우드 전략을 준비하고 있는지 엿볼 수 있는 좋은 기회였습니다.저는 특히 '리테일 및 소비재' 트랙을 통해 고객 경험 혁신과 AI 활용 사례를 우리 회사에 접목할 수 ..