 1.  Vite 4 버전이 설치된 프로젝트 두 개를 Vite 6으로 업그레이드했습니다.
 2.  결론적으로, 추가 수정 사항 없이 잘 동작했습니다.
 3.  업그레이드는 4→5, 5→6 마이그레이션 가이드와 릴리즈 노트를 참고하며 진행했습니다.
 4.  버전을 올리고 빌드하는 과정에서
     Excepted identifier but found "import"
     오류가 발생했습니다.
 5.  구글링 해보니 ESBuild 최신 버전에서 발생한 문제였습니다.
 6.  마침 12월 26일에 배포된 Vite
     6.0.5
     에서 ESBuild를
     0.24.0
     으로 고정해 해당 버그를 픽스했습니다.
 7.  현재 최신 Vite 버전에서는 문제 없이 잘 동작합니다.
 8.  다만 Vitest 테스트를 실행하니, 이전에는 없던 에러가 새로 나타났습니다. (테스트 자체는 정상 통과)
 9.  Vitest
     2.x
     버전이 Vite
     6
     버전을 완벽하게 지원하지 않아서 발생한 에러로 추정하고 있습니다.
 10. Vitest 릴리즈 노트에 따르면
     3.x
     버전부터 Vite
     6
     버전을 공식 지원한다고 합니다.
 11. 테스트 실행 자체는 문제없어서 Vitest
     3
     릴리즈가 나오면 버전을 함께 올릴 예정입니다.

<ol ><li>Vite 4 버전이 설치된 프로젝트 두 개를 Vite 6으로 업그레이드했습니다.</li><li>결론적으로, 추가 수정 사항 없이 잘 동작했습니다.</li><li>업그레이드는 4→5, 5→6 마이그레이션 가이드와 릴리즈 노트를 참고하며 진행했습니다.</li><li>버전을 올리고 빌드하는 과정에서 <code >Excepted identifier but found "import"</code> 오류가 발생했습니다.</li><li>구글링 해보니 ESBuild 최신 버전에서 발생한 문제였습니다.</li><li>마침 12월 26일에 배포된 Vite <code >6.0.5</code>에서 ESBuild를 <code >0.24.0</code>으로 고정해 해당 버그를 픽스했습니다.</li><li>현재 최신 Vite 버전에서는 문제 없이 잘 동작합니다.</li><li>다만 Vitest 테스트를 실행하니, 이전에는 없던 에러가 새로 나타났습니다. (테스트 자체는 정상 통과)</li><li>Vitest <code >2.x</code> 버전이 Vite <code >6</code> 버전을 완벽하게 지원하지 않아서 발생한 에러로 추정하고 있습니다.</li><li>Vitest 릴리즈 노트에 따르면 <code >3.x</code> 버전부터 Vite <code >6</code> 버전을 공식 지원한다고 합니다.</li><li>테스트 실행 자체는 문제없어서 Vitest <code >3</code> 릴리즈가 나오면 버전을 함께 올릴 예정입니다.</li></ol>

Vite 4 to 6 버전업 후기

2021년 초에 합류했다가 벌써 만 4년이 다되어간다.올해는 국제화 기억만 있을 정도로 하나에만 완전히 몰입했다.아참, 올해 6월 1일에 결혼도 했다.그런데 막상 회고를 해보려고 하니 국제화 프로젝트 보다는 팀원들과 조직이 더 많이 생각났다.그래서 여기서는 회사에 관련된 주제들만 이야기할 예정이다.결혼, 트레바리 독서모임, 블로그, 책, 생활 등은 개인 회고로 정리할 예정이다.1. 조직1-1. 팀원올 한해 Product 조직에는 13명이 입사하고, 2명이 퇴사했다.입사: 올리(PD), 도니(FE), 하리(FE), 루시(FE), 럭끼(FE), 퍼즈(FE), 또우(Mobile), 감자(BE), 약풍(BE), 프레디(BE), 로켓(BE), 구피(DevOps), 포카(DevOps)퇴사: 홍시(FE), 하루(BE..

2024년 CTO 회고

인프랩 CTO 이동욱님의 글에서 소개된 웹툰 "낫오버"를 보며 떠올린 생각을 정리해본다.

웹툰에서는 예민하고 소심한 기질을 가진 선수가 등장한다. 그는 주변의 시선과 편견에 스스로를 제한하며 가능성을 펼치지 못했지만, 감독이 그의 장점을 발견하고 이를 성장의 기회로 삼을 수 있도록 돕는다. 그 결과, 그는 핵심 선수로 성장한다. 이 이야기에서 중요한 점은 감독이 그의 단점에만 주목하지 않고, 그 속에 숨겨진 가능성을 믿고 지지했다는 것이다. 이를 통해 단점을 쉽게 지적하거나, 불필요한 조언으로 타인의 성장을 방해하는 태도가 얼마나 부정적인 영향을 미칠 수 있는지 다시금 깨닫게 된다. 판단과 조언이 섣부를수록 상대에게 해가 될 가능성은 더욱 커진다.

나는 타인의 시선이나 말에 휘둘리기보다 스스로의 내면에 집중하는 것이 중요하다고 생각한다. 자신의 강점과 약점, 목표와 가치를 누구보다 잘 이해할 수 있는 사람은 결국 자기 자신이다. 외부의 시선에 지나치게 민감하게 반응하기보다는, 자신에게 집중하며 한 걸음씩 나아가는 데 힘써야 한다. 아직은 부족한 모습도 성장의 과정으로 받아들이고, 작은 진전을 통해 더 나은 내가 되는 것이 중요하다. 물론, 이 과정에서 주변의 목소리를 열린 자세로 받아들이는 것도 자기 이해를 돕는 중요한 요소다.

요즘 구성원들의 업무 평가를 작성하고 있다. 매년 반복되는 일이지만, 평가란 단순히 점수를 매기는 것이 아니라 각 구성원의 가능성과 성장을 어떻게 조명할지 고민하는 시간이다. 나는 구성원들이 자신의 약점에만 집중하지 않고 그 안에 숨겨진 가능성을 발견하길 바란다. 동시에 자신이 잘하는 것에 자부심을 가지고 이를 더 표현할 수 있기를 기대한다.

리더로서 나 자신에게는 섣부른 판단과 불필요한 조언을 경계하며, 구성원 개개인의 고유한 잠재력을 존중하고 믿는 것이 가장 중요한 역할임을 상기시킨다. 모든 성장은 자신을 있는 그대로 존중하고, 조금씩 나아가려는 노력에서 시작된다. 리더로서 나는 그 여정을 함께 믿고 지지하는 사람이 되고 싶다.

https://jojoldu.tistory.com/815

인프랩 CTO 이동욱님의 글에서 소개된 웹툰 "낫오버"를 보며 떠올린 생각을 정리해본다. 웹툰에서는 예민하고 소심한 기질을 가진 선수가 등장한다. 그는 주변의 시선과 편견에 스스로를 제한하며 가능성을 펼치지 못했지만, 감독이 그의 장점을 발견하고 이를 성장의 기회로 삼을 수 있도록 돕는다. 그 결과, 그는 핵심 선수로 성장한다. 이 이야기에서 중요한 점은 감독이 그의 단점에만 주목하지 않고, 그 속에 숨겨진 가능성을 믿고 지지했다는 것이다. 이를 통해 단점을 쉽게 지적하거나, 불필요한 조언으로 타인의 성장을 방해하는 태도가 얼마나 부정적인 영향을 미칠 수 있는지 다시금 깨닫게 된다. 판단과 조언이 섣부를수록 상대에게 해가 될 가능성은 더욱 커진다. 나는 타인의 시선이나 말에 휘둘리기보다 스스로의 내면에 집중하는 것이 중요하다고 생각한다. 자신의 강점과 약점, 목표와 가치를 누구보다 잘 이해할 수 있는 사람은 결국 자기 자신이다. 외부의 시선에 지나치게 민감하게 반응하기보다는, 자신에게 집중하며 한 걸음씩 나아가는 데 힘써야 한다. 아직은 부족한 모습도 성장의 과정으로 받아들이고, 작은 진전을 통해 더 나은 내가 되는 것이 중요하다. 물론, 이 과정에서 주변의 목소리를 열린 자세로 받아들이는 것도 자기 이해를 돕는 중요한 요소다. 요즘 구성원들의 업무 평가를 작성하고 있다. 매년 반복되는 일이지만, 평가란 단순히 점수를 매기는 것이 아니라 각 구성원의 가능성과 성장을 어떻게 조명할지 고민하는 시간이다. 나는 구성원들이 자신의 약점에만 집중하지 않고 그 안에 숨겨진 가능성을 발견하길 바란다. 동시에 자신이 잘하는 것에 자부심을 가지고 이를 더 표현할 수 있기를 기대한다. 리더로서 나 자신에게는 섣부른 판단과 불필요한 조언을 경계하며, 구성원 개개인의 고유한 잠재력을 존중하고 믿는 것이 가장 중요한 역할임을 상기시킨다. 모든 성장은 자신을 있는 그대로 존중하고, 조금씩 나아가려는 노력에서 시작된다. 리더로서 나는 그 여정을 함께 믿고 지지하는 사람이 되고 싶다. https://jojoldu.tistory.com/815

기억보단 기록을

자신에게 집중하며 한 걸음씩 전진하기

크리에이터, 지식 공유자, 커뮤니티 빌더로 지냈던 2024년

회고/어쩌면 개발자가 아니었을지도?

누군가를 알고 싶다면 시간과 돈을 쓰는 곳을 살펴보면 돼요.

2024년의 저를 돌아보니 개발자라는 정체성 외에 다른 모습으로 보낸 시간이 길었더라고요. 크리에이터이자 지식 공유자, 커뮤니티 빌더로 많은 시간을 보냈어요. 또 테슬라 오너, 기부자, 독서가로 보내기도 했죠.

여러분의 2024년은 어땠나요? 마음 아픈 소식으로 힘든 연말, 좋았던 순간도 잠시 돌아보는 회고의 시간이 되길 바라요!

https://hajoeun.com/2024/retrospective?utm_medium=app&utm_campaign=241231&utm_source=careerly

누군가를 알고 싶다면 시간과 돈을 쓰는 곳을 살펴보면 돼요. 2024년의 저를 돌아보니 개발자라는 정체성 외에 다른 모습으로 보낸 시간이 길었더라고요. 크리에이터이자 지식 공유자, 커뮤니티 빌더로 많은 시간을 보냈어요. 또 테슬라 오너, 기부자, 독서가로 보내기도 했죠. 여러분의 2024년은 어땠나요? 마음 아픈 소식으로 힘든 연말, 좋았던 순간도 잠시 돌아보는 회고의 시간이 되길 바라요! https://hajoeun.com/2024/retrospective?utm_medium=app&amp;utm_campaign=241231&amp;utm_source=careerly

hajoeun.com

2024년 회고, 어쩌면 개발자가 아니었을지도?

Small language models capable of addressing specific tasks without burning through processing power are likely to surge in popularity.

What's next for generative AI in 2025?

2024년에는
 * 생성형 AI(genAI) 시범 프로젝트의 급증
 * 높은 실험 비용 및 불확실한 효과에 대한 우려 제기
 * 이는 기업들이 비즈니스 결과에 초점
 * 데이터 품질 개선
 * 인재를 육성하는 데 집중

2025년에는
 * 대기업들은 AI 전략 우선
 * GenAI 프로젝트를 지원하기 위해 비즈니스-IT 협업 강화
 * 대규모 언어 모델(LLM) 시범 프로젝트에서 실제 프로덕션 전환 예상
 * SLM(소규모 언어 모델)도 주목받으며 특정 작업을 효율적으로 처리하는 데 기여
 * 기업들은 데이터를 관리하고 AI를 보다 효과적으로 활용하기 위해 새로운 기술 및 아키텍처를 채택 예정

[ 예측 AI와 생성형 AI]
 * 예측 AI
   * 기계 학습과 통계를 사용하여 과거 데이터를 기반으로 미래 이벤트나 행동을 예측하는 기술
   * Forrester는 전체 AI 사용 사례 중 50% 이상이 예측 AI로 전환될 것으로 전망
   * 유지보수, 개인화, 공급망 최적화, 수요 예측 등에서 검증된 응용 프로그램으로 투자 이동 전망
 * 생성형 AI
   * GAN(생성적 적대 신경망)과 같은 심층 학습 방법을 활용하여 새로운 콘텐츠(예: 이미지, 텍스트, 비디오, 합성 데이터) 생성
 * 생성형 AI와 예측 AI의 시너지
   * 미래에는 예측 결과를 활용하여 생성형 AI의 출력을 향상시키는 접근 방식 증가 예상
   * Forrester는 현재 28%에서 2025년까지 35%로 증가 예상

[ SLM(small language models)의 부상 ]
 * SLM
   * 경량화된 생성형 AI 모델, 100억 개 이하의 매개변수를 가진 모델
   * 모델의 뉴럴 네트워크 크기, 매개변수 수, 훈련 데이터 양이 적어 더 적은 컴퓨팅 리소스 소비
   * LLM보다 비용 효율적이며, 정확성과 관련성 면에서도 더 나은 성능 제공
 * 효율성
   * SLM은 온프레미스나 프라이빗 클라우드에서 배포 가능
   * 이는 보안과 프라이버시를 자연스럽게 강화
 * 범위
   * SLM은 금융, 헬스케어, 법률 서비스와 같은 전문화된 산업에서 우수한 성능 발휘
 * 대표 모델
   * Google Gemini Nano, Microsoft Orca-2–7b, Meta Llama-2–13b 등

[ 에이전틱 AI(Agentic AI)의 가능성 ]
 * 과제: 다중 모델 간의 시너지, RAG(정보 검색 강화 생성) 기술, 특수화된 전문 지식 간의 정렬은 여전히 해결되지 않은 과제
 * 성공 요인: 2025년까지 기업 CIO의 30%가 데이터 최고 책임자(CDO)를 IT 팀에 통합하여 AI 이니셔티브를 주도할 것으로 예상

[ 멀티모달(Multimodal) AI의 성장 ]
 * 멀티모달 AI는 텍스트, 이미지, 비디오, 오디오와 같은 다양한 데이터 유형을 처리하며, 이들의 상관관계를 분석
 * 응용 분야
   * 의료: 의료 영상, 환자 기록, 실험실 결과를 통합하여 진단 및 치료 개선
   * 금융: 고객 전화 문의 분석으로 문제 해결 지원
   * 자동차: 카메라, GPS, LiDAR 데이터를 통합하여 자율주행, 응급 대응, 내비게이션 최적화

[ AI의 성공을 위한 준비와 리더십 ]
2025년에는 다음 세 가지 요소가 조직의 성공을 좌우할 것으로 예상
 * 강력한 리더십: AI 전략을 주도하는 리더십의 중요성
 * 데이터 품질: 깨끗한 데이터 인프라를 구축하는 것이 필수
 * AI 인재 개발: 기업 요구를 충족시킬 수 있는 전문 인력을 양성

결론
 * 생성형 AI는 2025년에도 계속해서 진화하며, 예측 AI와의 시너지를 통해 새로운 혁신 구현
 * 조직들은 효율적이고 지속 가능한 AI 솔루션을 통해 복잡한 문제를 해결하며, 비즈니스 성과를 극대화에 집중

 * source: https://www.computerworld.com/article/3627484/whats-next-for-generative-ai-in-2025.html?utm_date=20241231130752&utm_campaign=US%20AI%20in%20the%20Enterprise&utm_content=slotno-1-title-What%27s%20next%20for%20generative%20AI%20in%202025%3F&utm_term=Editorial%20-%20IDG%27s%20Top%20Enterprise%20Stories&utm_medium=email&utm_source=Adestra&huid=9d4dd075-c27c-4c62-a1cb-bedd06fa7033

2024년에는<ul ><li>생성형 AI(genAI) 시범 프로젝트의 급증</li><li>높은 실험 비용 및 불확실한 효과에 대한 우려 제기</li><li>이는 기업들이 비즈니스 결과에 초점</li><li>데이터 품질 개선</li><li>인재를 육성하는 데 집중</li></ul> 2025년에는<ul ><li>대기업들은 AI 전략 우선</li><li>GenAI 프로젝트를 지원하기 위해 비즈니스-IT 협업 강화</li><li>대규모 언어 모델(LLM) 시범 프로젝트에서 실제 프로덕션 전환 예상</li><li>SLM(소규모 언어 모델)도 주목받으며 특정 작업을 효율적으로 처리하는 데 기여</li><li>기업들은 데이터를 관리하고 AI를 보다 효과적으로 활용하기 위해 새로운 기술 및 아키텍처를 채택 예정</li></ul> [ 예측 AI와 생성형 AI]<ul ><li>예측 AI<ul ><li>기계 학습과 통계를 사용하여 과거 데이터를 기반으로 미래 이벤트나 행동을 예측하는 기술</li><li>Forrester는 전체 AI 사용 사례 중 50% 이상이 예측 AI로 전환될 것으로 전망</li><li>유지보수, 개인화, 공급망 최적화, 수요 예측 등에서 검증된 응용 프로그램으로 투자 이동 전망</li></ul></li><li>생성형 AI<ul ><li>GAN(생성적 적대 신경망)과 같은 심층 학습 방법을 활용하여 새로운 콘텐츠(예: 이미지, 텍스트, 비디오, 합성 데이터) 생성</li></ul></li><li>생성형 AI와 예측 AI의 시너지<ul ><li>미래에는 예측 결과를 활용하여 생성형 AI의 출력을 향상시키는 접근 방식 증가 예상</li><li>Forrester는 현재 28%에서 2025년까지 35%로 증가 예상</li></ul></li></ul> [ SLM(small language models)의 부상 ]<ul ><li>SLM<ul ><li>경량화된 생성형 AI 모델, 100억 개 이하의 매개변수를 가진 모델</li><li>모델의 뉴럴 네트워크 크기, 매개변수 수, 훈련 데이터 양이 적어 더 적은 컴퓨팅 리소스 소비</li><li>LLM보다 비용 효율적이며, 정확성과 관련성 면에서도 더 나은 성능 제공</li></ul></li></ul><ul ><li>효율성<ul ><li>SLM은 온프레미스나 프라이빗 클라우드에서 배포 가능</li><li>이는 보안과 프라이버시를 자연스럽게 강화</li></ul></li><li>범위<ul ><li>SLM은 금융, 헬스케어, 법률 서비스와 같은 전문화된 산업에서 우수한 성능 발휘</li></ul></li><li>대표 모델<ul ><li>Google Gemini Nano, Microsoft Orca-2–7b, Meta Llama-2–13b 등</li></ul></li></ul> [ 에이전틱 AI(Agentic AI)의 가능성 ]<ul ><li>과제: 다중 모델 간의 시너지, RAG(정보 검색 강화 생성) 기술, 특수화된 전문 지식 간의 정렬은 여전히 해결되지 않은 과제</li><li>성공 요인: 2025년까지 기업 CIO의 30%가 데이터 최고 책임자(CDO)를 IT 팀에 통합하여 AI 이니셔티브를 주도할 것으로 예상</li></ul> [ 멀티모달(Multimodal) AI의 성장 ]<ul ><li>멀티모달 AI는 텍스트, 이미지, 비디오, 오디오와 같은 다양한 데이터 유형을 처리하며, 이들의 상관관계를 분석</li><li>응용 분야<ul ><li>의료: 의료 영상, 환자 기록, 실험실 결과를 통합하여 진단 및 치료 개선</li><li>금융: 고객 전화 문의 분석으로 문제 해결 지원</li><li>자동차: 카메라, GPS, LiDAR 데이터를 통합하여 자율주행, 응급 대응, 내비게이션 최적화</li></ul></li></ul> [ AI의 성공을 위한 준비와 리더십 ]2025년에는 다음 세 가지 요소가 조직의 성공을 좌우할 것으로 예상<ul ><li>강력한 리더십: AI 전략을 주도하는 리더십의 중요성</li><li>데이터 품질: 깨끗한 데이터 인프라를 구축하는 것이 필수</li><li>AI 인재 개발: 기업 요구를 충족시킬 수 있는 전문 인력을 양성</li></ul> 결론<ul ><li>생성형 AI는 2025년에도 계속해서 진화하며, 예측 AI와의 시너지를 통해 새로운 혁신 구현</li><li>조직들은 효율적이고 지속 가능한 AI 솔루션을 통해 복잡한 문제를 해결하며, 비즈니스 성과를 극대화에 집중</li></ul> <ul ><li>source: https://www.computerworld.com/article/3627484/whats-next-for-generative-ai-in-2025.html?utm_date=20241231130752&amp;utm_campaign=US%20AI%20in%20the%20Enterprise&amp;utm_content=slotno-1-title-What%27s%20next%20for%20generative%20AI%20in%202025%3F&amp;utm_term=Editorial%20-%20IDG%27s%20Top%20Enterprise%20Stories&amp;utm_medium=email&amp;utm_source=Adestra&amp;huid=9d4dd075-c27c-4c62-a1cb-bedd06fa7033</li></ul>

Computerworld

[ComputerWorld] 2025년에 기대되는 생성형AI의 다음 단계

From design tools, to our design process, to the user behaviors that will change the way we design — a list of what to expect for User Experience (UX) Design in the next year.

The State of UX in 2025

매년 이맘때쯤 살펴보는 UX Trends 2025년 전망에 제 생각을 더해 10가지로 정리해 봤습니다. 원문을 함께 소개해드리니 같이 살펴보시면 좋겠습니다. 크게 보면 산업구조가 AI 중심으로 바뀌면서 디자인 가치, 실무를 하는 환경, 의사결정 구조까지 직접적으로 변화할 것으로 전망하고 있습니다.

한국은 미국의 UX 업계 변화를 2년 정도 시차를 두고 따라가는 모양새였는데 그 시간차도 줄어들 것 같습니다. 비즈니스 성과 중심, 정성적 수치 보다 정략적 수치 기반으로 평가하는 것, 사용자 공감 대신 AI 통해 도출한 시뮬레이션 결과 등에 중점을 둔 디자인 의사결정이 UX 리서치 업계에도 변화를 만들 것으로 보입니다.

1️⃣ UX의 탈중심화 - UX가 비즈니스 목표의 부산물로 전락
2️⃣ 디자인 통제권의 이동 - 디자이너→AI/비즈니스 의사결정자로의 권한 이동
3️⃣ 전문성의 경계 붕괴 - AI 도구로 인한 디자인 민주화와 가치 평가 기준 변화
4️⃣ 정량적 성과 중심으로의 전환 - 사용자 공감에서 AI 활용한 수치 중심으로 변화
5️⃣ 디자이너 역할의 정체성 위기 - 디자인 작업보다 조직 정치에 집중
6️⃣ 의사결정 구조의 변화 - 인간의 직관에서 알고리즘 기반 결정으로
7️⃣ 디자인 담론의 질적 하락 - 깊이 있는 논의에서 알고리즘 최적화된 콘텐츠로
8️⃣ 커뮤니티 주도권의 상실 - 기업 주도 행사로의 전환과 독립성 약화
9️⃣ 지속가능한 UX 가치의 재정립 필요성 - 비즈니스와 사용자 경험 사이의 새로운 균형점 모색
🔟 디자이너의 새로운 정체성 모색 - 변화를 수용하면서도 전문성을 유지하는 방안

https://trends.uxdesign.cc/

매년 이맘때쯤 살펴보는 UX Trends 2025년 전망에 제 생각을 더해 10가지로 정리해 봤습니다. 원문을 함께 소개해드리니 같이 살펴보시면 좋겠습니다. 크게 보면 산업구조가 AI 중심으로 바뀌면서 디자인 가치, 실무를 하는 환경, 의사결정 구조까지 직접적으로 변화할 것으로 전망하고 있습니다. 한국은 미국의 UX 업계 변화를 2년 정도 시차를 두고 따라가는 모양새였는데 그 시간차도 줄어들 것 같습니다. 비즈니스 성과 중심, 정성적 수치 보다 정략적 수치 기반으로 평가하는 것, 사용자 공감 대신 AI 통해 도출한 시뮬레이션 결과 등에 중점을 둔 디자인 의사결정이 UX 리서치 업계에도 변화를 만들 것으로 보입니다. 1️⃣ UX의 탈중심화 - UX가 비즈니스 목표의 부산물로 전락2️⃣ 디자인 통제권의 이동 - 디자이너→AI/비즈니스 의사결정자로의 권한 이동3️⃣ 전문성의 경계 붕괴 - AI 도구로 인한 디자인 민주화와 가치 평가 기준 변화4️⃣ 정량적 성과 중심으로의 전환 - 사용자 공감에서 AI 활용한 수치 중심으로 변화5️⃣ 디자이너 역할의 정체성 위기 - 디자인 작업보다 조직 정치에 집중6️⃣ 의사결정 구조의 변화 - 인간의 직관에서 알고리즘 기반 결정으로7️⃣ 디자인 담론의 질적 하락 - 깊이 있는 논의에서 알고리즘 최적화된 콘텐츠로8️⃣ 커뮤니티 주도권의 상실 - 기업 주도 행사로의 전환과 독립성 약화9️⃣ 지속가능한 UX 가치의 재정립 필요성 - 비즈니스와 사용자 경험 사이의 새로운 균형점 모색🔟 디자이너의 새로운 정체성 모색 - 변화를 수용하면서도 전문성을 유지하는 방안 https://trends.uxdesign.cc/

UX Trends

《2025년 UX 업계의 변화 전망, 10가지》

계란후라이 1160

﻿
2024년 회고 시리즈 - 2월
#키워드 : 꿈, 인내, 리더십, 팀워크

‘나‘에게 꿈이 소중한 것처럼 다른 누군가의 꿈도 매우 소중합니다. 우리가 꿈을 꼭 이루고 싶은 만큼 다른 누군가도 꿈을 반드시 이루고 싶어 할 것입니다. 우리가 가족과 친구를 사랑하는 만큼 그들의 꿈도 존중하고 응원해야 합니다.

그러나 우리는 가끔 사랑한다는 포장 아래 상대방의 꿈을 무시하고 경멸하는 경우가 있습니다. 꿈의 크기나 방향이 우리 마음에 들지 않는 경우에 그렇습니다. 사랑하는 사람이 더 좋은 꿈, 그럴듯한 꿈을 꾸기를 바라는 마음입니다. 사랑은 내가 바라는 최고의 것을 주는 것이 아니라 상대방이 원하는 것을 해주는 마음입니다. 그러니 사랑한다면 온전히 상대방이 바라고 원하는 것을 들어줍시다.

많은 사람들이 어린 시절 꾸던 꿈을 어른이 되어서 포기합니다. 그 이유는 어린 시절 꾸던 꿈은 먹고살기 어려울 것 같아서입니다. 직업이 생계를 유지하는 중요한 수단이지만, 직업이 먹고살기 위해 하는 일을 의미하지 않습니다. 직업은 자아실현의 수단입니다. 좋아하고 잘하는 일을 선택하여 기쁘고 감사한 마음으로 일을 할 수 있다면 돈을 얼마나 벌든 그 꿈을 선택해야 한다고 믿습니다.

용기 있게 직업을 선택할 수 있도록 돕는 역할이 가족과 친구가 되는 우리가 해야 할 일입니다. 응원하고 격려하여 마침내 가족과 친구가 꿈을 이룰 수 있도록 옆에서 든든하게 버텨주는 것입니다. 원하는 일을 한다는 것은 많은 인내가 필요합니다. 인내의 과정은 몹시 어렵기 때문에 누군가의 도움이 절실합니다. 그 도움이란 직접적으로 무언가를 해주는 것도 있지만 옆에서 그림자와 같이 동행해 주는 것만으로 많은 힘이 됩니다.

꿈을 이루기 위해 인내가 필요합니다. 학습과 훈련은 중력을 거스르는 일처럼 사람의 본성을 역행하는 것입니다. 쉬고 싶고 놀고 싶은 사람의 욕구에 반하여 꾸준히 공부하고 연습하는 일은 결코 쉬운 과제가 아닙니다. 꿈이라는 원대한 미션이 있을 때 인내라는 중력을 거슬러 목표가 있는 정상으로 올라갈 수 있습니다.

꿈이라는 목표와 달성 계획은 구체적인 내용으로 눈으로 볼 수 있어야 합니다. 목표와 계획을 매일 떠올리며 힘든 여정을 견뎌야 하는 것입니다. 반드시 꿈을 이루고 말겠다는 강력한 의지로 무장하여 결코 포기하지 않는 결단이 있어야 합니다. 많은 사람들이 어린 시절 꾸던 꿈을 포기하는 배경으로 강한 의지와 굳은 결단이 없는 이유가 크게 작용합니다.

여러분, 2025년도 결코 호락호락하지 않을 것입니다. 그러나 우리 존나게 버팁시다. 꿈이라는 목표만 바라보고 성실하게 계획을 하나하나 수행해 나아갑시다. 전문가는 그렇게 꾸준히 노력하는 사람에게 주어지는 호칭이 됩니다. 전문가가 되었을 때 취업이라는 굴레를 벗어난 어디서나 인정받고 자유하게 일을 할 수 있는 사람이 됩니다.

아기 독수리는 절벽에서 등 떠밀려 고난에 가까운 훈련을 받습니다. 고난이 지나가고 훈련이 쌓여 언젠가 멋지게 하늘을 날 수 있게 됩니다. 우리도 지금 열심히 흘리는 땀방울로 말미암아 멋지게 꿈이라는 날개를 펼칠 수 있을 날이 곧 오게 되리라 믿습니다. 2025년에는 프로 독수리처럼 하늘 높이 날아오르는 우리가 되길 진심으로 응원합니다.

계란후라이 1160 ﻿2024년 회고 시리즈 - 2월#키워드 : 꿈, 인내, 리더십, 팀워크 ‘나‘에게 꿈이 소중한 것처럼 다른 누군가의 꿈도 매우 소중합니다. 우리가 꿈을 꼭 이루고 싶은 만큼 다른 누군가도 꿈을 반드시 이루고 싶어 할 것입니다. 우리가 가족과 친구를 사랑하는 만큼 그들의 꿈도 존중하고 응원해야 합니다. 그러나 우리는 가끔 사랑한다는 포장 아래 상대방의 꿈을 무시하고 경멸하는 경우가 있습니다. 꿈의 크기나 방향이 우리 마음에 들지 않는 경우에 그렇습니다. 사랑하는 사람이 더 좋은 꿈, 그럴듯한 꿈을 꾸기를 바라는 마음입니다. 사랑은 내가 바라는 최고의 것을 주는 것이 아니라 상대방이 원하는 것을 해주는 마음입니다. 그러니 사랑한다면 온전히 상대방이 바라고 원하는 것을 들어줍시다. 많은 사람들이 어린 시절 꾸던 꿈을 어른이 되어서 포기합니다. 그 이유는 어린 시절 꾸던 꿈은 먹고살기 어려울 것 같아서입니다. 직업이 생계를 유지하는 중요한 수단이지만, 직업이 먹고살기 위해 하는 일을 의미하지 않습니다. 직업은 자아실현의 수단입니다. 좋아하고 잘하는 일을 선택하여 기쁘고 감사한 마음으로 일을 할 수 있다면 돈을 얼마나 벌든 그 꿈을 선택해야 한다고 믿습니다. 용기 있게 직업을 선택할 수 있도록 돕는 역할이 가족과 친구가 되는 우리가 해야 할 일입니다. 응원하고 격려하여 마침내 가족과 친구가 꿈을 이룰 수 있도록 옆에서 든든하게 버텨주는 것입니다. 원하는 일을 한다는 것은 많은 인내가 필요합니다. 인내의 과정은 몹시 어렵기 때문에 누군가의 도움이 절실합니다. 그 도움이란 직접적으로 무언가를 해주는 것도 있지만 옆에서 그림자와 같이 동행해 주는 것만으로 많은 힘이 됩니다. 꿈을 이루기 위해 인내가 필요합니다. 학습과 훈련은 중력을 거스르는 일처럼 사람의 본성을 역행하는 것입니다. 쉬고 싶고 놀고 싶은 사람의 욕구에 반하여 꾸준히 공부하고 연습하는 일은 결코 쉬운 과제가 아닙니다. 꿈이라는 원대한 미션이 있을 때 인내라는 중력을 거슬러 목표가 있는 정상으로 올라갈 수 있습니다. 꿈이라는 목표와 달성 계획은 구체적인 내용으로 눈으로 볼 수 있어야 합니다. 목표와 계획을 매일 떠올리며 힘든 여정을 견뎌야 하는 것입니다. 반드시 꿈을 이루고 말겠다는 강력한 의지로 무장하여 결코 포기하지 않는 결단이 있어야 합니다. 많은 사람들이 어린 시절 꾸던 꿈을 포기하는 배경으로 강한 의지와 굳은 결단이 없는 이유가 크게 작용합니다. 여러분, 2025년도 결코 호락호락하지 않을 것입니다. 그러나 우리 존나게 버팁시다. 꿈이라는 목표만 바라보고 성실하게 계획을 하나하나 수행해 나아갑시다. 전문가는 그렇게 꾸준히 노력하는 사람에게 주어지는 호칭이 됩니다. 전문가가 되었을 때 취업이라는 굴레를 벗어난 어디서나 인정받고 자유하게 일을 할 수 있는 사람이 됩니다. 아기 독수리는 절벽에서 등 떠밀려 고난에 가까운 훈련을 받습니다. 고난이 지나가고 훈련이 쌓여 언젠가 멋지게 하늘을 날 수 있게 됩니다. 우리도 지금 열심히 흘리는 땀방울로 말미암아 멋지게 꿈이라는 날개를 펼칠 수 있을 날이 곧 오게 되리라 믿습니다. 2025년에는 프로 독수리처럼 하늘 높이 날아오르는 우리가 되길 진심으로 응원합니다.﻿

꿈을 찾는 사람에게 보내는 348 번째 편지

And by "all," I mean everything: core product, failed pivots, miscellaneous

After 3 Years, I Failed. Here's All My Startup's Code. | Dylan Huang

스타트업을 시작하는 것은 많은 개발자들의 꿈이지만, 현실은 항상 녹록지 않습니다. 최근 3년간 API 통합을 간소화하는 개발 도구를 개발한 스타트업 'Konfig'의 창업자 Dylan Huang이 자신의 경험을 공유하며, 실패의 과정을 상세히 기록했습니다. 그는 자신들의 코드베이스를 모두 공개하며, 다른 개발자들에게 도움이 되기를 바라고 있습니다.

 * 스타트업 배경: Konfig는 2022년 말에 시작된 개발 도구 스타트업으로, API 통합을 쉽게 만드는 것을 목표로 했다.
 * 주요 제품:
   * SDK 생성기: OpenAPI 사양을 기반으로 다양한 프로그래밍 언어의 고품질 클라이언트 라이브러리를 생성하는 도구.
   * 문서화 도구: Markdown 및 OpenAPI 기반의 문서 생성.
   * API 데모: Markdown 기반의 Jupyter 노트북 형태로 제공.
   * 공개 API용 SDK: 다양한 공개 API에 대한 SDK 제공.
 * 기타 개발 항목:
   * 콜드 아웃바운드 메시지 생성을 위한 쉘 스크립트.
   * 프로그램적 SEO 스크립팅.
   * 마케팅 웹사이트 및 제품 문서화.
   * 커스텀 모노레포 설정을 지원하는 Changeset Bot 수정.
   * Earthly를 사용한 SDK 생성기 통합 테스트.
   * AI 피벗 실험 및 Notion 데이터베이스 통합.

실패의 원인과 배운 점
 * 시장 적합성 부족: 일부 스타트업과의 협업에도 불구하고, 하이퍼 성장 비즈니스를 구축하는 데 어려움을 겪음.
 * 가격 책정 문제: ROI가 명확함에도 불구하고, 잠재 고객과의 계약 체결이 어려웠으며, 가격이 너무 낮게 책정됨.
 * AI 제품으로의 피벗 실패: 생성형 AI를 활용한 B2B SaaS AI 제품으로 전환을 시도했지만, 충분한 시장 반응을 얻지 못함.

여러분이 스타트업을 시작하거나 새로운 프로젝트를 진행할 때, 시장의 요구와 제품의 적합성을 어떻게 평가하시나요? 실패를 통해 얻은 교훈을 다음 도전에 어떻게 적용할 수 있을까요?

https://dylanhuang.com/blog/closing-my-startup

스타트업을 시작하는 것은 많은 개발자들의 꿈이지만, 현실은 항상 녹록지 않습니다. 최근 3년간 API 통합을 간소화하는 개발 도구를 개발한 스타트업 'Konfig'의 창업자 Dylan Huang이 자신의 경험을 공유하며, 실패의 과정을 상세히 기록했습니다. 그는 자신들의 코드베이스를 모두 공개하며, 다른 개발자들에게 도움이 되기를 바라고 있습니다. <ul ><li>스타트업 배경: Konfig는 2022년 말에 시작된 개발 도구 스타트업으로, API 통합을 쉽게 만드는 것을 목표로 했다.</li><li>주요 제품:<ul ><li>SDK 생성기: OpenAPI 사양을 기반으로 다양한 프로그래밍 언어의 고품질 클라이언트 라이브러리를 생성하는 도구.</li><li>문서화 도구: Markdown 및 OpenAPI 기반의 문서 생성.</li><li>API 데모: Markdown 기반의 Jupyter 노트북 형태로 제공.</li><li>공개 API용 SDK: 다양한 공개 API에 대한 SDK 제공.</li></ul></li><li>기타 개발 항목:<ul ><li>콜드 아웃바운드 메시지 생성을 위한 쉘 스크립트.</li><li>프로그램적 SEO 스크립팅.</li><li>마케팅 웹사이트 및 제품 문서화.</li><li>커스텀 모노레포 설정을 지원하는 Changeset Bot 수정.</li><li>Earthly를 사용한 SDK 생성기 통합 테스트.</li><li>AI 피벗 실험 및 Notion 데이터베이스 통합.</li></ul></li></ul> 실패의 원인과 배운 점<ul ><li>시장 적합성 부족: 일부 스타트업과의 협업에도 불구하고, 하이퍼 성장 비즈니스를 구축하는 데 어려움을 겪음.</li><li>가격 책정 문제: ROI가 명확함에도 불구하고, 잠재 고객과의 계약 체결이 어려웠으며, 가격이 너무 낮게 책정됨.</li><li>AI 제품으로의 피벗 실패: 생성형 AI를 활용한 B2B SaaS AI 제품으로 전환을 시도했지만, 충분한 시장 반응을 얻지 못함.</li></ul> 여러분이 스타트업을 시작하거나 새로운 프로젝트를 진행할 때, 시장의 요구와 제품의 적합성을 어떻게 평가하시나요? 실패를 통해 얻은 교훈을 다음 도전에 어떻게 적용할 수 있을까요? https://dylanhuang.com/blog/closing-my-startup

dylanhuang.com

스타트업 3년, 실패했지만 코드를 공개합니다

제주항공 여객기 참사로 인해 고통을 겪고 계신 유가족 여러분께 깊은 애도의 마음을 전합니다.

제주항공 여객기 참사로 인해 고통을 겪고 계신 유가족 여러분께 깊은 애도의 마음을 전합니다.

한 유튜버의 면접자가 실제로 썼던 코드라네요ㅋㅋ 창의성으로 통과시켜주고 싶었으나 hiring committee에서 탈락시켰다고...
😵‍💫😵‍💫

한 유튜버의 면접자가 실제로 썼던 코드라네요ㅋㅋ 창의성으로 통과시켜주고 싶었으나 hiring committee에서 탈락시켰다고...😵‍💫😵‍💫

Sleep Sort를 아세요??

이거 정렬이 되나요 😂
실행해도
실행해보니 현 배열 그대로인데 이해가 안되네요 ㅠ...

매년 이맘때면 연락이 와요. 회사는 어떤지, 하는 일은 마음에 드는지 안부를 묻죠. 헤드헌터예요.

이직 생각이 없더라도 헤드헌터와 알고 지내는 건 제법 괜찮은 선택이에요. '정보의 비대칭성'을 해소할 수 있으니까요.

구체적으론 세 가지 좋은 점이 있었어요.

1. 채용 시장의 분위기를 파악할 수 있어요
2. 서류 전형에 대한 부담이 낮아져요
3. 연봉 계약도 혼자 하는 것보단 유리해져요

여러분이 생각하는 헤드헌터를 알고 지내면 좋은 이유는 무엇인가요? 혹시 단점도 있었나요?

매년 이맘때면 연락이 와요. 회사는 어떤지, 하는 일은 마음에 드는지 안부를 묻죠. 헤드헌터예요. 이직 생각이 없더라도 헤드헌터와 알고 지내는 건 제법 괜찮은 선택이에요. '정보의 비대칭성'을 해소할 수 있으니까요. 구체적으론 세 가지 좋은 점이 있었어요. 1. 채용 시장의 분위기를 파악할 수 있어요2. 서류 전형에 대한 부담이 낮아져요3. 연봉 계약도 혼자 하는 것보단 유리해져요 여러분이 생각하는 헤드헌터를 알고 지내면 좋은 이유는 무엇인가요? 혹시 단점도 있었나요?&nbsp;

헤드헌터와 알고 지내면 좋은 점

저는 멘토링을 할 때 개발뿐만 아니라 문제 정의부터 시작해 기획, 커뮤니케이션, 팀 문화, PPT, 발표 등 사이드 프로젝트를 만드는데 도움을 줄 수 있는 전과정에 관한 피드백을 드립니다.

특히, 개발자분들만 모여 있는 경우 발표와 관련된 부분을 굉장히 어려워하는 것을 많이 봤습니다.
발표 자료 구성, 전달력 있는 말하기 방법, 톤, 말할 때의 습관 등 다양한 부분에 피드백을 드리는 것이 중요하다고 생각합니다.

오늘은 사이드 프로젝트 발표에서 PPT를 어떻게 구성하는지에 대한 피드백을 공유해보겠습니다.
기초적인 내용이 많지만, 실제로 도움을 드렸던 부분을 중심으로 정리해봤습니다.

---
1. 발표는 설득이 목적입니다

- 여러분은 프로젝트의 기능과 목적 등 모든 것을 이미 알고 있지만, 발표를 듣는 분들은 대부분 처음 프로젝트를 접하는 분들입니다.

- 따라서 발표 자료는 매우 친절하게 구성하고, 설득을 목적으로 만들어야 합니다.

- "왜 이 서비스를 만들었지?" "왜 해당 기능을 넣었을까?"와 같은 질문에 충분히 답할 수 있도록 자료를 준비하세요.

- 문제 정의 - 기획 소개 - 기능 소개 - 시연 - 마무리로 이어지는 흐름을 방해받지 않도록 구성하세요.

---
2. '3의 법칙'

- 문제 정의, 특징, 기능 등을 소개할 때 숫자 3을 기억하세요.

- 정보를 제시하거나 설득의 근거를 제시할 때 3개로 구성하면 효과적입니다.

- 1~2개의 경우 부족하다는 느낌을 주고, 4개 이상은 복잡하다는 인상을 줄 수 있습니다.

- 기획 및 컨설팅 업계에서는 숫자 3을 적음의 끝이자 많음의 시작이라고 표현합니다. (출처 - 시선의 발견)

- PPT에서도 숫자 3을 적절히 활용하세요.

---
3. 너무 많은 텍스트를 자료에 넣지 마세요

- 발표 자료는 발표자를 돕는 도구입니다.

- 발표 중 청중의 시선은 발표 자료가 아니라 발표자에게 머물러야 합니다.

- 하지만 PPT를 만드는 입장에서는 최대한 많은 정보를 담고 싶어 하죠.

- 이로 인해 가독성이 떨어지고, 청중이 장문의 텍스트를 읽느라 시선이 분산될 수 있습니다.

- PPT에는 중요하고 수치적인 텍스트만 간결하게 정리하고, 부연 설명은 발표자가 직접 하는 것이 좋습니다.

---
4. 최종 시연은 영상으로 진행하세요

- 시연 방법은 크게 두 가지가 있습니다.
1. 직접 웹이나 앱을 띄워놓고 시연하는 방법
2. 미리 녹화한 영상을 PPT에 삽입해 진행하는 방법

- 저는 필수가 아닌 이상 두 번째 방법을 추천합니다.

- 라이브 시연은 생생함과 어필력을 제공하지만, 시간 조절이 어렵고 실수의 가능성이 있으며, 발표 흐름이 끊길 수 있는 단점이 있습니다.

- 미리 녹화한 영상은 시간 활용이 정확하고 편집이 가능해 청중이 이해하기 쉽습니다.

- 때문에 가능하면 녹화된 시연 영상을 활용하시기를 권장합니다.

저는 멘토링을 할 때 개발뿐만 아니라 문제 정의부터 시작해 기획, 커뮤니케이션, 팀 문화, PPT, 발표 등 사이드 프로젝트를 만드는데 도움을 줄 수 있는 전과정에 관한 피드백을 드립니다. 특히, 개발자분들만 모여 있는 경우 발표와 관련된 부분을 굉장히 어려워하는 것을 많이 봤습니다.발표 자료 구성, 전달력 있는 말하기 방법, 톤, 말할 때의 습관 등 다양한 부분에 피드백을 드리는 것이 중요하다고 생각합니다. 오늘은 사이드 프로젝트 발표에서 PPT를 어떻게 구성하는지에 대한 피드백을 공유해보겠습니다.기초적인 내용이 많지만, 실제로 도움을 드렸던 부분을 중심으로 정리해봤습니다. ---1. 발표는 설득이 목적입니다 - 여러분은 프로젝트의 기능과 목적 등 모든 것을 이미 알고 있지만, 발표를 듣는 분들은 대부분 처음 프로젝트를 접하는 분들입니다. - 따라서 발표 자료는 매우 친절하게 구성하고, 설득을 목적으로 만들어야 합니다. - "왜 이 서비스를 만들었지?" "왜 해당 기능을 넣었을까?"와 같은 질문에 충분히 답할 수 있도록 자료를 준비하세요. - 문제 정의 - 기획 소개 - 기능 소개 - 시연 - 마무리로 이어지는 흐름을 방해받지 않도록 구성하세요. ---2. '3의 법칙' - 문제 정의, 특징, 기능 등을 소개할 때 숫자 3을 기억하세요. - 정보를 제시하거나 설득의 근거를 제시할 때 3개로 구성하면 효과적입니다. - 1~2개의 경우 부족하다는 느낌을 주고, 4개 이상은 복잡하다는 인상을 줄 수 있습니다. - 기획 및 컨설팅 업계에서는 숫자 3을 적음의 끝이자 많음의 시작이라고 표현합니다. (출처 - 시선의 발견) - PPT에서도 숫자 3을 적절히 활용하세요. ---3. 너무 많은 텍스트를 자료에 넣지 마세요 - 발표 자료는 발표자를 돕는 도구입니다. - 발표 중 청중의 시선은 발표 자료가 아니라 발표자에게 머물러야 합니다. - 하지만 PPT를 만드는 입장에서는 최대한 많은 정보를 담고 싶어 하죠. - 이로 인해 가독성이 떨어지고, 청중이 장문의 텍스트를 읽느라 시선이 분산될 수 있습니다. - PPT에는 중요하고 수치적인 텍스트만 간결하게 정리하고, 부연 설명은 발표자가 직접 하는 것이 좋습니다. ---4. 최종 시연은 영상으로 진행하세요 - 시연 방법은 크게 두 가지가 있습니다.1. 직접 웹이나 앱을 띄워놓고 시연하는 방법2. 미리 녹화한 영상을 PPT에 삽입해 진행하는 방법 - 저는 필수가 아닌 이상 두 번째 방법을 추천합니다. - 라이브 시연은 생생함과 어필력을 제공하지만, 시간 조절이 어렵고 실수의 가능성이 있으며, 발표 흐름이 끊길 수 있는 단점이 있습니다. - 미리 녹화한 영상은 시간 활용이 정확하고 편집이 가능해 청중이 이해하기 쉽습니다. - 때문에 가능하면 녹화된 시연 영상을 활용하시기를 권장합니다.

사이드 프로젝트 발표 피드백

YouTube에서 마음에 드는 동영상과 음악을 감상하고, 직접 만든 콘텐츠를 업로드하여 친구, 가족뿐 아니라 전 세계 사람들과 콘텐츠를 공유할 수 있습니다.

 - YouTube

최근 프론트엔드 개발에서 API 모킹의 중요성이 점점 커지고 있습니다. 서버 개발이 완료되지 않은 상태에서도 Mock 데이터를 이용해 프론트엔드 개발을 진행하고, 독립적인 테스트를 수행할 수 있기 때문인데요. 이와 관련하여, 개인적으로 우아한형제들이 개발한 MSG(Mock Service GUI)관련 소프트웨어를 관심있게 지켜보고 있습니다.

MSG(Mock Service GUI)란?
MSG는 기존의 모킹 방식처럼 코드를 수정하는 번거로움 없이, 브라우저에 표시되는 UI를 통해 모킹 데이터를 제어할 수 있는 도구입니다. MSW(Mock Service Worker)를 기반으로 개발되었으며, 브라우저 확장 프로그램이 아닌 프로젝트에 디펜던시로 설치해 사용합니다.

MSG의 주요 기능
 * UI 기반 제어: API 모킹 데이터를 코딩하지 않고 UI에서 직접 선택 및 수정할 수 있습니다. 이를 통해 API 응답 데이터를 실시간으로 변경하며 화면 전환 결과를 바로 확인할 수 있습니다.
 * 로컬스토리지 활용: 각자의 브라우저 로컬스토리지에 개인 맞춤형 API 모킹 설정을 저장하고 관리할 수 있습니다. 팀원 간 설정 충돌을 방지하며 작업 효율성을 높입니다.
 * 프로젝트 통합성: MSG는 API 모킹 데이터를 프로젝트 내 여러 API와 쉽게 매핑할 수 있어, 신규 프로젝트 셋업 시에도 빠르고 효과적으로 활용할 수 있습니다.
MSG의 활용 사례
 * 우아한형제들은 MSG를 주문, 결제, 회원 도메인 프로젝트에 적용했으며, 특히 배민클럽 구독 서비스 프로젝트에서는 초기 셋업부터 MSG를 적극적으로 활용해 다량의 모킹 데이터를 효율적으로 관리했습니다.
 * 최신 버전인 MSG 2.0은 기능이 더욱 강화되어, 팀 내 다양한 프로젝트에서 사용 사례가 점차 확대되고 있다고 합니다.

현재 MSG는 오픈소스 전환을 목표로 개발되고 있습니다. 만약 공개된다면, QA, 기획자, 개발자 모두가 실시간으로 데이터를 확인하고 테스트하면서 더욱 원활하고 신속한 협업이 가능해질 것으로 보입니다. 오픈소스로 공개된다면 안쓸 이유가 없어보이고 여러 부서와 팀에 긍정적인 변화를 가져올 것으로 보이는만큼 빨리 공개되었으면 좋겠네요 :)

https://www.youtube.com/watch?v=dDAfG4fe4do
https://techblog.woowahan.com/20154/

최근 프론트엔드 개발에서 API 모킹의 중요성이 점점 커지고 있습니다. 서버 개발이 완료되지 않은 상태에서도 Mock 데이터를 이용해 프론트엔드 개발을 진행하고, 독립적인 테스트를 수행할 수 있기 때문인데요. 이와 관련하여, 개인적으로 우아한형제들이 개발한 MSG(Mock Service GUI)관련 소프트웨어를 관심있게 지켜보고 있습니다. MSG(Mock Service GUI)란?MSG는 기존의 모킹 방식처럼 코드를 수정하는 번거로움 없이, 브라우저에 표시되는 UI를 통해 모킹 데이터를 제어할 수 있는 도구입니다. MSW(Mock Service Worker)를 기반으로 개발되었으며, 브라우저 확장 프로그램이 아닌 프로젝트에 디펜던시로 설치해 사용합니다. MSG의 주요 기능<ul ><li>UI 기반 제어: API 모킹 데이터를 코딩하지 않고 UI에서 직접 선택 및 수정할 수 있습니다. 이를 통해 API 응답 데이터를 실시간으로 변경하며 화면 전환 결과를 바로 확인할 수 있습니다.</li><li>로컬스토리지 활용: 각자의 브라우저 로컬스토리지에 개인 맞춤형 API 모킹 설정을 저장하고 관리할 수 있습니다. 팀원 간 설정 충돌을 방지하며 작업 효율성을 높입니다.</li><li>프로젝트 통합성: MSG는 API 모킹 데이터를 프로젝트 내 여러 API와 쉽게 매핑할 수 있어, 신규 프로젝트 셋업 시에도 빠르고 효과적으로 활용할 수 있습니다.</li></ul>MSG의 활용 사례<ul ><li>우아한형제들은 MSG를 주문, 결제, 회원 도메인 프로젝트에 적용했으며, 특히 배민클럽 구독 서비스 프로젝트에서는 초기 셋업부터 MSG를 적극적으로 활용해 다량의 모킹 데이터를 효율적으로 관리했습니다.</li><li>최신 버전인 MSG 2.0은 기능이 더욱 강화되어, 팀 내 다양한 프로젝트에서 사용 사례가 점차 확대되고 있다고 합니다.</li></ul> 현재 MSG는 오픈소스 전환을 목표로 개발되고 있습니다. 만약 공개된다면, QA, 기획자, 개발자 모두가 실시간으로 데이터를 확인하고 테스트하면서 더욱 원활하고 신속한 협업이 가능해질 것으로 보입니다. 오픈소스로 공개된다면 안쓸 이유가 없어보이고 여러 부서와 팀에 긍정적인 변화를 가져올 것으로 보이는만큼 빨리 공개되었으면 좋겠네요 :) https://www.youtube.com/watch?v=dDAfG4fe4dohttps://techblog.woowahan.com/20154/

www.youtube.com

API 모킹 환경의 진화, MSG(Mock Service GUI)

2024 was insane, and many things happened around AI and software development in general. I believe...

25 top open-source tools for building web apps you can't afford to miss in 2025🎉 🚀

여기 2024년에 가능성을 보여주었고, 2025년에 더욱 빛날 것으로 보이는 25개의 오픈소스 웹앱 개발도구를 소개합니다.~^^

1. AI 및 LLM 도구
 * Composio
   * https://composio.dev/
   * AI 에이전트 통합 플랫폼
   * 250개 이상의 애플리케이션을 지원하며, GitHub, Jira, Salesforce, Gmail 등 다수의 SaaS 앱 연결 지원
 * Vercel AI SDK
   * https://sdk.vercel.ai/
   * TypeScript로 AI 웹 앱 빌드
   * React, Next.js, Vue, SvelteKit 등을 지원하며, 반복적인 설정을 단순화하고 대화형 UI 기반 구축
 * LangGraph JS
   * https://www.langchain.com/langgraph
   * 그래프 기반 에이전트 워크플로우 구축
   * 상태 머신 개념을 사용하여 복잡한 AI 워크플로우를 그래프 방식으로 쉽게 구축
 * CopilotKit
   * https://www.copilotkit.ai/
   * 웹 앱에 AI 코파일럿 추가, GitHub Copilot과 같은 기능을 앱에 쉽게 추가
 * LanceDB
   * https://lancedb.com/
   * AI 앱을 위한 고성능 벡터 데이터베이스
   * 벡터 임베딩을 효율적으로 저장하고 쿼리할 수 있는 SQLite와 유사한 빠른 데이터베이스

2. 프레임워크 및 빌드 도구
 * Encore
   * https://encore.dev/
   * 자동화된 인프라가 포함된 백엔드 프레임워크
   * 클라우드 서비스를 단순화하여 일관된 API와 DevOps 자동화 제공
 * HTMX
   * https://htmx.org/
   * JavaScript 없이 동적 웹 앱 개발
   * HTML만으로도 모던한 웹 앱을 구축
 * Val Town
   * https://www.val.town/
   * 서버리스 JavaScript 실행 플랫폼
   * GitHub Gist와 서버리스 함수의 결합처럼 작동하며 JavaScript 코드 공유와 실행 방식 혁신
 * Deno 2
   * https://deno.com/
   * TypeScript 지원을 내장한 안전한 런타임
   * Node.js의 창시자인 Ryan Dahl의 새로운 프로젝트로, 현대적인 기능과 내장된 보안 제공
 * Turborepo
   * https://turbo.build/
   * 고성능 JS 모노레포 빌드 시스템
   * 지능형 캐싱과 병렬 실행을 통해 모노레포 관리의 빌드 시간 단축

3. 실시간 및 이벤트 기반 시스템
 * Socket.io
   * https://socket.io/
   * 웹 앱용 양방향 실시간 통신 라이브러리
   * 실시간 기능을 추가할 때 복잡한 통신 문제를 손쉽게 처리
 * Feather.js
   * https://feathersjs.com/
   * 실시간 API 프레임워크
   * REST API와 실시간 업데이트를 모두 지원하는 프레임워크
 * Deepstream.io
   * https://deepstream.io/
   * 확장 가능한 실시간 데이터 동기화 엔진
   * 협업 편집기나 멀티플레이어 게임 구축에 적합
 * Serverless Framework
   * https://www.serverless.com/
   * 클라우드 애그노스틱 서버리스 앱 개발
   * AWS, Azure, Google Cloud 등 다양한 클라우드 환경에서 서버리스 애플리케이션을 배포
 * RabbitMQ
   * https://www.rabbitmq.com/
   * 분산 시스템을 위한 강력한 메시지 브로커
   * 신뢰할 수 있는 메시지 전달을 지원하며 Node.js 애플리케이션에 필수

4. 개발자 경험 및 테스트 도구
 * Vitest
   * https://vitest.dev/
   * Vite 통합 차세대 테스트 프레임워크
   * 빠른 속도로 테스트를 실행하며, 개발 서버의 성능을 테스트 환경에서도 제공
 * Playwright
   * https://playwright.dev/
   * AI 기반 E2E 테스트 생성 도구
   * 믿을 수 있는 QA 엔지니어처럼 작동하며, 앱을 클릭하면 테스트 코드 자동 생성
 * Prettier
   * https://prettier.io/
   * 코드 포맷터
   * 세미콜론이나 줄바꿈과 같은 논쟁을 끝내주는 일관된 코드 포맷터
 * Jest
   * https://jestjs.io/
   * 스냅샷 지원을 갖춘 JavaScript 테스트 프레임워크
   * 단위 테스트부터 스냅샷까지 모두 지원하는 만능 도구
 * Puppeteer
   * https://pptr.dev/
   * 모던 웹 테스트를 위한 헤드리스 Chrome 자동화
   * 크롬 자동화, 웹 스크래핑, PDF 생성 등 다양한 작업 수행

5. 디자인 컴포넌트 및 UI
 * Shadcn-UI
   * https://ui.shadcn.com/
   * 복사-붙여넣기 구현을 지원하는 접근성 컴포넌트 라이브러리
   * 스타일링 제한 없이 컴포넌트를 완전 제어할 수 있는 접근 방식 제공
 * Radix Themes
   * https://www.radix-ui.com/themes/docs/components/theme
   * Radix Primitives를 위한 프로덕션 준비 테마 시스템
   * Radix Primitives의 장점을 테마 시스템에 통합하여 쉽게 활용
 * Daisy UI
   * https://daisyui.com/
   * Tailwind 기반 컴포넌트 라이브러리
   * Tailwind의 클래스를 간소화하여 코드가 더 깔끔하게 유지
 * Vanilla Extract
   * https://vanilla-extract.style/
   * 실행 시간 없는 타입이 적용된 CSS-in-JS 솔루션
   * TypeScript의 강력함과 실행 시간 없이 순수 CSS 제공
 * Ark UI
   * https://ark-ui.com/
   * 프레임워크에 구애받지 않는 헤드리스 UI 컴포넌트
   * React, Vue, Solid에서 일관된 컴포넌트 제공

 * 원문: https://dev.to/composiodev/25-top-open-source-tools-for-building-web-apps-you-cant-afford-to-miss-in-2025-5005

여기 2024년에 가능성을 보여주었고, 2025년에 더욱 빛날 것으로 보이는 25개의 오픈소스 웹앱 개발도구를 소개합니다.~^^ 1. AI 및 LLM 도구<ul ><li>Composio<ul ><li>https://composio.dev/</li><li>AI 에이전트 통합 플랫폼</li><li>250개 이상의 애플리케이션을 지원하며, GitHub, Jira, Salesforce, Gmail 등 다수의 SaaS 앱 연결 지원</li></ul></li><li>Vercel AI SDK<ul ><li>https://sdk.vercel.ai/</li><li>TypeScript로 AI 웹 앱 빌드</li><li>React, Next.js, Vue, SvelteKit 등을 지원하며, 반복적인 설정을 단순화하고 대화형 UI 기반 구축</li></ul></li><li>LangGraph JS<ul ><li>https://www.langchain.com/langgraph</li><li>그래프 기반 에이전트 워크플로우 구축</li><li>상태 머신 개념을 사용하여 복잡한 AI 워크플로우를 그래프 방식으로 쉽게 구축</li></ul></li><li>CopilotKit<ul ><li>https://www.copilotkit.ai/</li><li>웹 앱에 AI 코파일럿 추가, GitHub Copilot과 같은 기능을 앱에 쉽게 추가</li></ul></li><li>LanceDB<ul ><li>https://lancedb.com/</li><li>AI 앱을 위한 고성능 벡터 데이터베이스</li><li>벡터 임베딩을 효율적으로 저장하고 쿼리할 수 있는 SQLite와 유사한 빠른 데이터베이스</li></ul></li></ul> 2. 프레임워크 및 빌드 도구<ul ><li>Encore<ul ><li>https://encore.dev/</li><li>자동화된 인프라가 포함된 백엔드 프레임워크</li><li>클라우드 서비스를 단순화하여 일관된 API와 DevOps 자동화 제공</li></ul></li><li>HTMX<ul ><li>https://htmx.org/</li><li>JavaScript 없이 동적 웹 앱 개발</li><li>HTML만으로도 모던한 웹 앱을 구축</li></ul></li><li>Val Town<ul ><li>https://www.val.town/</li><li>서버리스 JavaScript 실행 플랫폼</li><li>GitHub Gist와 서버리스 함수의 결합처럼 작동하며 JavaScript 코드 공유와 실행 방식 혁신</li></ul></li><li>Deno 2<ul ><li>https://deno.com/</li><li>TypeScript 지원을 내장한 안전한 런타임</li><li>Node.js의 창시자인 Ryan Dahl의 새로운 프로젝트로, 현대적인 기능과 내장된 보안 제공</li></ul></li><li>Turborepo<ul ><li>https://turbo.build/</li><li>고성능 JS 모노레포 빌드 시스템</li><li>지능형 캐싱과 병렬 실행을 통해 모노레포 관리의 빌드 시간 단축</li></ul></li></ul> 3. 실시간 및 이벤트 기반 시스템<ul ><li>Socket.io<ul ><li>https://socket.io/</li><li>웹 앱용 양방향 실시간 통신 라이브러리</li><li>실시간 기능을 추가할 때 복잡한 통신 문제를 손쉽게 처리</li></ul></li><li>Feather.js<ul ><li>https://feathersjs.com/</li><li>실시간 API 프레임워크</li><li>REST API와 실시간 업데이트를 모두 지원하는 프레임워크</li></ul></li><li>Deepstream.io<ul ><li>https://deepstream.io/</li><li>확장 가능한 실시간 데이터 동기화 엔진</li><li>협업 편집기나 멀티플레이어 게임 구축에 적합</li></ul></li><li>Serverless Framework<ul ><li>https://www.serverless.com/</li><li>클라우드 애그노스틱 서버리스 앱 개발</li><li>AWS, Azure, Google Cloud 등 다양한 클라우드 환경에서 서버리스 애플리케이션을 배포</li></ul></li><li>RabbitMQ<ul ><li>https://www.rabbitmq.com/</li><li>분산 시스템을 위한 강력한 메시지 브로커</li><li>신뢰할 수 있는 메시지 전달을 지원하며 Node.js 애플리케이션에 필수</li></ul></li></ul> 4. 개발자 경험 및 테스트 도구<ul ><li>Vitest<ul ><li>https://vitest.dev/</li><li>Vite 통합 차세대 테스트 프레임워크</li><li>빠른 속도로 테스트를 실행하며, 개발 서버의 성능을 테스트 환경에서도 제공</li></ul></li><li>Playwright<ul ><li>https://playwright.dev/</li><li>AI 기반 E2E 테스트 생성 도구</li><li>믿을 수 있는 QA 엔지니어처럼 작동하며, 앱을 클릭하면 테스트 코드 자동 생성</li></ul></li><li>Prettier<ul ><li>https://prettier.io/</li><li>코드 포맷터</li><li>세미콜론이나 줄바꿈과 같은 논쟁을 끝내주는 일관된 코드 포맷터</li></ul></li><li>Jest<ul ><li>https://jestjs.io/</li><li>스냅샷 지원을 갖춘 JavaScript 테스트 프레임워크</li><li>단위 테스트부터 스냅샷까지 모두 지원하는 만능 도구</li></ul></li><li>Puppeteer<ul ><li>https://pptr.dev/</li><li>모던 웹 테스트를 위한 헤드리스 Chrome 자동화</li><li>크롬 자동화, 웹 스크래핑, PDF 생성 등 다양한 작업 수행</li></ul></li></ul> 5. 디자인 컴포넌트 및 UI<ul ><li>Shadcn-UI<ul ><li>https://ui.shadcn.com/</li><li>복사-붙여넣기 구현을 지원하는 접근성 컴포넌트 라이브러리</li><li>스타일링 제한 없이 컴포넌트를 완전 제어할 수 있는 접근 방식 제공</li></ul></li><li>Radix Themes<ul ><li>https://www.radix-ui.com/themes/docs/components/theme</li><li>Radix Primitives를 위한 프로덕션 준비 테마 시스템</li><li>Radix Primitives의 장점을 테마 시스템에 통합하여 쉽게 활용</li></ul></li><li>Daisy UI<ul ><li>https://daisyui.com/</li><li>Tailwind 기반 컴포넌트 라이브러리</li><li>Tailwind의 클래스를 간소화하여 코드가 더 깔끔하게 유지</li></ul></li><li>Vanilla Extract<ul ><li>https://vanilla-extract.style/</li><li>실행 시간 없는 타입이 적용된 CSS-in-JS 솔루션</li><li>TypeScript의 강력함과 실행 시간 없이 순수 CSS 제공</li></ul></li><li>Ark UI<ul ><li>https://ark-ui.com/</li><li>프레임워크에 구애받지 않는 헤드리스 UI 컴포넌트</li><li>React, Vue, Solid에서 일관된 컴포넌트 제공</li></ul></li></ul> <ul ><li>원문: https://dev.to/composiodev/25-top-open-source-tools-for-building-web-apps-you-cant-afford-to-miss-in-2025-5005</li></ul>

DEV Community

[Dev] 2025년에 놓쳐선 안 될 25가지 오픈소스 웹 앱 개

우아콘에 나온 데이터분석 챗봇 '물어보새!'
이거 보고 저도 만들고 있어요!
(재밌는데 AI 엔지니어로 전향을...)

연휴에 널널한데 재밌게 좋네요 :) 다들 업무에 적용해보세요!

https://youtu.be/_QPhoKItI2k?si=X7-bDz4IGqJx0NDc

우아콘에 나온 데이터분석 챗봇 '물어보새!'이거 보고 저도 만들고 있어요!(재밌는데 AI 엔지니어로 전향을...) 연휴에 널널한데 재밌게 좋네요 :) 다들 업무에 적용해보세요! https://youtu.be/_QPhoKItI2k?si=X7-bDz4IGqJx0NDc

youtu.be

랭체인+RAG으로 text to SQL 만들기

React 19가 얼마 전 정식 버전으로 출시되었는데요, 혹시 React 19 업그레이드를 고려하고 계신가요? 공식 문서의 업그레이드 가이드를 한글로 번역해두었으니 참고하시면 도움이 될 것 같습니다 😊

[번역] 리액트 19 업그레이드 가이드

오늘은 라인플러스의 김은빈님이 번역해주신 글입니다.

리액트 19가 정식 버전으로 출시되면서 많은 변화와 개선사항들이 있었습니다. 특히 메이저 업데이트인 만큼 호환성이 깨지는 변경사항들이 있어 업그레이드 시 주의가 필요한데요.

이 가이드에서는 설치부터 시작해 코드 자동 변환(Codemods), 호환성 이슈, 지원 중단되는 기능들까지 상세히 다루고 있습니다. 특히 실제 마이그레이션 과정에서 발생할 수 있는 이슈들과 해결 방법에 대해 자세히 설명하고 있으니, 리액트 19 업그레이드를 계획하고 계신 분들에게 꼭 필요한 내용이 될 것 같습니다.

업그레이드 과정에서 어려움을 겪지 않도록, 목차에 있는 내용들을 차근차근 살펴보시는 것을 추천드립니다! 😊

글 링크: https://velog.io/@eunbinn/react-19-upgrade-guide

오늘은 라인플러스의 김은빈님이 번역해주신 글입니다. 리액트 19가 정식 버전으로 출시되면서 많은 변화와 개선사항들이 있었습니다. 특히 메이저 업데이트인 만큼 호환성이 깨지는 변경사항들이 있어 업그레이드 시 주의가 필요한데요. 이 가이드에서는 설치부터 시작해 코드 자동 변환(Codemods), 호환성 이슈, 지원 중단되는 기능들까지 상세히 다루고 있습니다. 특히 실제 마이그레이션 과정에서 발생할 수 있는 이슈들과 해결 방법에 대해 자세히 설명하고 있으니, 리액트 19 업그레이드를 계획하고 계신 분들에게 꼭 필요한 내용이 될 것 같습니다. 업그레이드 과정에서 어려움을 겪지 않도록, 목차에 있는 내용들을 차근차근 살펴보시는 것을 추천드립니다! 😊 글 링크: https://velog.io/@eunbinn/react-19-upgrade-guide

velog.io

리액트 19 업그레이드 가이드

내 커리어 30년을 돌이켜보면 초반에 많이 했던 실수 중의 하나가 내가 있는 현재 환경에 대한 부정적인 시각을 갖고 있었던 것이었다. 좋은 점은 눈에 안 들어오고 나쁜 점만 부각되는 형태였는데 그러면서 왠지 다른 회사나 경쟁사는 우리보다 훨씬 더 완벽한 환경이란 착각을 하는 모양새였다.

큰 기대를 가지고 다른 환경에 가서 일하면서 여기는 여기대로 또 다른 문제점들이 존재한다는 것을 깨닫는데 오랜 시간이 걸리지는 않았다. 중요한 포인트는 안 좋은 점 하나에 꽂혀 버리는 것이 아니라 균형 잡힌 시각을 갖는 것이다.

 1. 긍정적인 부분의 합이 부정적인 부분의 합보다 크다면 괜찮은 환경이다. 여기서 합을 할 때 중요한 포인트는 가중치를 분명하게 주어야 한다는 점이다. 사람이 좋은 곳인지 특히 내 상사가 좋은 사람인지 여부에는 높은 가중치를 주어야 한다. 회사의 비전과 미션이 내 개인적인 관심사와 일치하는지도 중요한 포인트다.
 2. 다른 환경은 완벽할 것이라는 기대는 충족될 수 없는 기대다. 다른 환경으로 이동할 때 기대 수준 관리를 할 필요가 있다. 기대가 크면 실망도 크다.

완벽한 환경은 존재하지 않지만, 균형 잡힌 시각을 바탕으로 긍정적인 부분의 합이 부정적인 부분의 합보다 큰지를 바라봄으로써 계속 있는 것이 맞는지 아니면 다른 환경을 찾아가는 것이 맞는지 결정할 수 있었다. 그리고 어디에 있건 언젠가는 떠나겠지만 현재에 최선을 다하는 모습을 보이는 것은 중요하다. 이게 평판에 영향을 끼치며 좋은 평판 없이 커리어 후반기 이직은 쉽지 않다.

내 커리어 30년을 돌이켜보면 초반에 많이 했던 실수 중의 하나가 내가 있는 현재 환경에 대한 부정적인 시각을 갖고 있었던 것이었다. 좋은 점은 눈에 안 들어오고 나쁜 점만 부각되는 형태였는데 그러면서 왠지 다른 회사나 경쟁사는 우리보다 훨씬 더 완벽한 환경이란 착각을 하는 모양새였다. 큰 기대를 가지고 다른 환경에 가서 일하면서 여기는 여기대로 또 다른 문제점들이 존재한다는 것을 깨닫는데 오랜 시간이 걸리지는 않았다. 중요한 포인트는 안 좋은 점 하나에 꽂혀 버리는 것이 아니라 균형 잡힌 시각을 갖는 것이다. <ol ><li>긍정적인 부분의 합이 부정적인 부분의 합보다 크다면 괜찮은 환경이다. 여기서 합을 할 때 중요한 포인트는 가중치를 분명하게 주어야 한다는 점이다. 사람이 좋은 곳인지 특히 내 상사가 좋은 사람인지 여부에는 높은 가중치를 주어야 한다. 회사의 비전과 미션이 내 개인적인 관심사와 일치하는지도 중요한 포인트다.</li><li>다른 환경은 완벽할 것이라는 기대는 충족될 수 없는 기대다. 다른 환경으로 이동할 때 기대 수준 관리를 할 필요가 있다. 기대가 크면 실망도 크다.</li></ol> 완벽한 환경은 존재하지 않지만, 균형 잡힌 시각을 바탕으로 긍정적인 부분의 합이 부정적인 부분의 합보다 큰지를 바라봄으로써 계속 있는 것이 맞는지 아니면 다른 환경을 찾아가는 것이 맞는지 결정할 수 있었다. 그리고 어디에 있건 언젠가는 떠나겠지만 현재에 최선을 다하는 모습을 보이는 것은 중요하다. 이게 평판에 영향을 끼치며 좋은 평판 없이 커리어 후반기 이직은 쉽지 않다.

모든 일에는 명암이 있다

A few points that I want to mention after working in Coupang for 6 months as a Recommender system software engineer

Review - 6 Months in Coupang

쿠팡에서 추천 시스템 백엔드 엔지니어로 조인한지 6개월 차가 되었습니다.
다음 분기를, 내년을 준비하고자 지난 기간을 되돌아봅니다.

문화
자신의 상황에 따라 많이 차이가 있을 수 있으나, 제가 경험하고 느낀 바는 아래와 같습니다.

 * 사용자 문제에 기반
대부분의 주요 프로젝트는 사용자 문제에 기반하여 주도됩니다. 여러 데이터를 참조하여 문제를 정의하고, 해결하고자 하는 바를 기술하며, 성공과 실패(롤백)은 어떤 기준일지를 작성한 1-pager를 통해 변경 프로젝트가 시작되고 팀이 구성됩니다.

 * 실험 주도
문제 정의부터 성공과 실패의 정의 및 판단까지 모든 것은 데이터와 A/B 테스트를 기반으로 진행됩니다. 고도화되어 구현에 큰 비용이 발생하지 않는 A/B 테스트 플랫폼과 프로세스는 중요 핵심 자산으로 보이며, 그렇기에 모든 변경은 검증되어 개선이 인정될 때만 반영되고 그렇지 않다면 폐기됩니다.
(관련해 좋은 책, Ron Kohavi의 Trustworthy Online Controlled Experiments)

 * 문제를 소유하지, 도메인을 점유하지 않음
주로는 도메인 오너가 도메인에 대한 변경을 진행하게 되지만, 리소스가 없다면 도메인 오너의 가이드 하에 특정 문제를 해결하기 위해 도메인 오너가 아닌 컨트리뷰터가 기여하기도 합니다. 물론, 특정 도메인 서비스에 대한 운영, oncall 등은 도메인 오너가 진행합니다.

하지만, 어떤 문제를 어떤 구성원이 P0로 해결하는 중이라면 그 문제를 위한 변경은 도메인에 구애받지 않고 '급한 구성원'이 해결할 수 있는 기회가 비교적 열려 있습니다.

Self AAR (Review)
추천 시스템은 다른 백엔드 시스템과는 조금 다르게 내부적으로 헤비한 데이터(Data-Intensive) 처리가 존재하고, 그 데이터 처리에 기반한 모델을 서빙한다는 특징이 있습니다. 유사한 도메인으로는 검색, ML 서빙 플랫폼와 같은 것들이 생각되는데요.

그렇기에 엔지니어로 관여하는 부분은 모델링, 파이프라이닝, 서빙, 그리고 기본적인 운영과 같은 4가지로 구분할 수 있습니다.

저는 지난 160일간 대략적으로 파이프라이닝, 서빙, 그리고 운영에 관여하였습니다.

 * 파이프라이닝
특정 유저에 대해 특정 추천상품이라는 후보군들을 뽑아내기 위해 Offline으로 준비되는 데이터에 해당됩니다. Java, Scala, Python 등에 기반한 Spark으로 되어 있어, 일부 데이터를 추가하는 작업을 진행하였습니다.

 * 서빙
실시간으로 추천 위젯과 위젯의 상품 리스트를 응답하는 서비스입니다. 주로 다양한 업스트림을 Aggregate하는 패턴으로 다양한 아규먼트를 받을 수 잇는 GRPC 엔드포인트를 제공합니다.

 * 운영
모델링, 파이프라이닝, 서빙에 대한 유지와 모니터링이 해당됩니다. Spark 버젼을 마이그레이션하거나, AWS LB와 내부 클러스터 설정 구조를 변경하거나, CICD에 사용되는 서비스를 전사 정책에 따라 마이그레이션 하는 등의 작업을 진행합니다.

특징적으로는 Oncall이 일주일씩 로테이션이 되기에, Grafana alert에 따라 전화가 오면 핸들링하는 Oncall 프로세스를 진행하기도 합니다.

(원본: https://kadensungbincho.com/blog/backend/review-6-months-in-coupang)

쿠팡에서 추천 시스템 백엔드 엔지니어로 조인한지 6개월 차가 되었습니다. 다음 분기를, 내년을 준비하고자 지난 기간을 되돌아봅니다. 문화자신의 상황에 따라 많이 차이가 있을 수 있으나, 제가 경험하고 느낀 바는 아래와 같습니다. <ul ><li>사용자 문제에 기반</li></ul>대부분의 주요 프로젝트는 사용자 문제에 기반하여 주도됩니다. 여러 데이터를 참조하여 문제를 정의하고, 해결하고자 하는 바를 기술하며, 성공과 실패(롤백)은 어떤 기준일지를 작성한 1-pager를 통해 변경 프로젝트가 시작되고 팀이 구성됩니다. <ul ><li>실험 주도</li></ul>문제 정의부터 성공과 실패의 정의 및 판단까지 모든 것은 데이터와 A/B 테스트를 기반으로 진행됩니다. 고도화되어 구현에 큰 비용이 발생하지 않는 A/B 테스트 플랫폼과 프로세스는 중요 핵심 자산으로 보이며, 그렇기에 모든 변경은 검증되어 개선이 인정될 때만 반영되고 그렇지 않다면 폐기됩니다. (관련해 좋은 책, Ron Kohavi의 Trustworthy Online Controlled Experiments) <ul ><li>문제를 소유하지, 도메인을 점유하지 않음</li></ul>주로는 도메인 오너가 도메인에 대한 변경을 진행하게 되지만, 리소스가 없다면 도메인 오너의 가이드 하에 특정 문제를 해결하기 위해 도메인 오너가 아닌 컨트리뷰터가 기여하기도 합니다. 물론, 특정 도메인 서비스에 대한 운영, oncall 등은 도메인 오너가 진행합니다. 하지만, 어떤 문제를 어떤 구성원이 P0로 해결하는 중이라면 그 문제를 위한 변경은 도메인에 구애받지 않고 '급한 구성원'이 해결할 수 있는 기회가 비교적 열려 있습니다. Self AAR (Review)추천 시스템은 다른 백엔드 시스템과는 조금 다르게 내부적으로 헤비한 데이터(Data-Intensive) 처리가 존재하고, 그 데이터 처리에 기반한 모델을 서빙한다는 특징이 있습니다. 유사한 도메인으로는 검색, ML 서빙 플랫폼와 같은 것들이 생각되는데요. 그렇기에 엔지니어로 관여하는 부분은 모델링, 파이프라이닝, 서빙, 그리고 기본적인 운영과 같은 4가지로 구분할 수 있습니다. 저는 지난 160일간 대략적으로 파이프라이닝, 서빙, 그리고 운영에 관여하였습니다. <ul ><li>파이프라이닝</li></ul>특정 유저에 대해 특정 추천상품이라는 후보군들을 뽑아내기 위해 Offline으로 준비되는 데이터에 해당됩니다. Java, Scala, Python 등에 기반한 Spark으로 되어 있어, 일부 데이터를 추가하는 작업을 진행하였습니다. <ul ><li> 서빙</li></ul>실시간으로 추천 위젯과 위젯의 상품 리스트를 응답하는 서비스입니다. 주로 다양한 업스트림을 Aggregate하는 패턴으로 다양한 아규먼트를 받을 수 잇는 GRPC 엔드포인트를 제공합니다. <ul ><li>운영</li></ul>모델링, 파이프라이닝, 서빙에 대한 유지와 모니터링이 해당됩니다. Spark 버젼을 마이그레이션하거나, AWS LB와 내부 클러스터 설정 구조를 변경하거나, CICD에 사용되는 서비스를 전사 정책에 따라 마이그레이션 하는 등의 작업을 진행합니다. 특징적으로는 Oncall이 일주일씩 로테이션이 되기에, Grafana alert에 따라 전화가 오면 핸들링하는 Oncall 프로세스를 진행하기도 합니다. (원본: https://kadensungbincho.com/blog/backend/review-6-months-in-coupang)

Kaden Sungbin Cho

쿠팡에서의 6개월 회고

남이 짠 코드를 읽는 건 재미없는 일입니다. 가끔 잘 짜인 코드를 볼 때면 기분이 좋았지만… 그런 일이 많지는 않았습니다. 잘 짠 코드라 하더라도 코드 타래를 끝도 없이 따라가며 의도를 파악하기까지의 순간은 고통 그 자체였습니다. 내가 코딩할 때나 재미를 느끼는 것입니다.

코드를 짜는 재미

남이 짠 코드를 읽는 건 재미없는 일입니다.
가끔 잘 짜인 코드를 볼 때면 기분이 좋았지만… 그런 일이 많지는 않았습니다.
잘 짠 코드라 하더라도 코드 타래를 끝도 없이 따라가며 의도를 파악하기까지의 순간은 고통 그 자체였습니다.
내가 코딩할 때나 재미를 느끼는 것입니다.

남의 코드를 많이 읽어야 실력이 빨리 향상된다고 합니다. 동의합니다.
저도 공부를 위해 가끔 오픈 소스 코드를 다운로드해서 읽어 보려 시도했지만…
번번이 포기했습니다. 너무 어렵고 재미없고 고통스러워서.
20년 동안 코딩을 했지만 실력이 이 모양인 건 남의 코드를 많이 안 읽어서 아닐까?

요즘 다시 남의 코드를 읽고 있습니다.
다 Cursor 덕분입니다.
Cursor에게 부탁하고 Accept를 누르다 보면 코드를 하나도 모른 채 프로그램이 동작하게 됩니다.
분명 내 프로젝트인데 어떤 파일에 어떤 코드들이 있는 건지 나도 모르겠어.

할 수 없이 잠시 멈추고 꾸역꾸역 코드를 읽습니다.
남이 짠 코드. 역시나 재미없고 스트레스를 받습니다.
그래도 읽어 나갈 수밖에 없습니다. 내 프로젝트니까.

이렇게라도 남의 코드를 읽으며 배울 수 있으니 좋은 거 아닐까?
그런 생각이 들면서도 이게 뭐 하는 짓인가 현타가 오는 건 어쩔 수 없습니다. 코딩을 하는 재미를 빼앗기고 있는 것 같습니다.

바둑을 두던 사람들도 이런 기분이었을까요?

https://jeho.page/essay/2024/12/23/writing-code.html

남이 짠 코드를 읽는 건 재미없는 일입니다. 가끔 잘 짜인 코드를 볼 때면 기분이 좋았지만… 그런 일이 많지는 않았습니다. 잘 짠 코드라 하더라도 코드 타래를 끝도 없이 따라가며 의도를 파악하기까지의 순간은 고통 그 자체였습니다. 내가 코딩할 때나 재미를 느끼는 것입니다. 남의 코드를 많이 읽어야 실력이 빨리 향상된다고 합니다. 동의합니다. 저도 공부를 위해 가끔 오픈 소스 코드를 다운로드해서 읽어 보려 시도했지만… 번번이 포기했습니다. 너무 어렵고 재미없고 고통스러워서. 20년 동안 코딩을 했지만 실력이 이 모양인 건 남의 코드를 많이 안 읽어서 아닐까? 요즘 다시 남의 코드를 읽고 있습니다. 다 Cursor 덕분입니다. Cursor에게 부탁하고 Accept를 누르다 보면 코드를 하나도 모른 채 프로그램이 동작하게 됩니다. 분명 내 프로젝트인데 어떤 파일에 어떤 코드들이 있는 건지 나도 모르겠어. 할 수 없이 잠시 멈추고 꾸역꾸역 코드를 읽습니다. 남이 짠 코드. 역시나 재미없고 스트레스를 받습니다. 그래도 읽어 나갈 수밖에 없습니다. 내 프로젝트니까. 이렇게라도 남의 코드를 읽으며 배울 수 있으니 좋은 거 아닐까? 그런 생각이 들면서도 이게 뭐 하는 짓인가 현타가 오는 건 어쩔 수 없습니다. 코딩을 하는 재미를 빼앗기고 있는 것 같습니다. 바둑을 두던 사람들도 이런 기분이었을까요? https://jeho.page/essay/2024/12/23/writing-code.html

K리그 프로그래머

마케팅업에 종사하지 않는 일반 소비자에게도 '소비자 주도권 강화'라는 개념은 낯설지 않을 것으로 생각된다. 공급이 아닌 수요가 중심이 되는 온디맨드(On-demand) 경제·시장·서비스가 나오면서 소비자 주도권 강화가 떠올랐다. 블록체인과 금융 데이터 개방에 따른 대출 등 금융 서비스 선택, 온라인동영상서비스(OTT) 플랫폼 등 시대에 따른 다양한 콘텐츠 선택이 소비 시대의 흐름을 바꿨다.

[ET단상]소비자 주도권 강화의 시대

마케팅업에 종사하지 않는 일반 소비자에게도 '소비자 주도권 강화'라는 개념은 낯설지 않을 것으로 생각된다. 공급이 아닌 수요가 중심이 되는 온디맨드(On-demand) 경제·시장·서비스가 나오면서 소비자 주도권 강화가 떠올랐다.

블록체인과 금융 데이터 개방에 따른 대출 등 금융 서비스 선택, 온라인동영상서비스(닫기
온라인동영상서비스 플랫폼 등 시대에 따른 다양한 콘텐츠 선택이 소비 시대의 흐름을 바꿨다.
 
여기에 코로나19 팬데믹에 들어가며 다양한 브랜드가 e커머스와 D2C(Direct to Consumer) 서비스를 선보였다.

이처럼 소비자 주도권의 강화는 많은 개념적인 인식에서부터 실생활에서 소비자 경험까지 다양한 경로로 체감되고 있다.

브랜드의 공통 가이드와 거버넌스 전략 아래 각 소비자에게 특화한 로컬 콘텐츠의 강화도 이뤄지고 있다. '나이키_서울' 계정과 '제네시스_코리아' 계정 등장이 대표적이다. 이들 각 브랜드 계정에서는 로컬 소비자가 원하는 방식으로 소통이 이어진다.

브랜드 대체불가토큰과 메타버스 시장에서도 이와 유사한 흐름이 나타난다. 소유의 강화와 탈중앙화를 핵심 키워드로 설명할 수 있는 웹 3.0 시대에는 필연적 변화가 불가피하다. 주요 글로벌 브랜드들은 웹 3.0이라는 소비자 주도권 강화 시대에서의 브랜드 사업 유지와 확장을 위해 새로운 전략을 모색하고 있다.

미래를 보는 신문 - 전자신문

블록체인 기반 코워킹, 코리빙 커뮤니티

논스

- 미래 혁명가들을 위한 베이스캠프. 
- 크립토 기반 코워킹, 코리빙 하우스.
#커뮤니티 #블록체인 #창업가

넷마블 잡부

민형기

#백엔드 #개발자 #소프트웨어엔지니어

기획자

현백 김영문

📌 소비자 주도권 강화의 시대, 개념적 인식부터 소비자 경험까지

시니어 마케터

마케터

영양사

Brand/Contents Marketer

- project management / branding
- DA / FB・IG AD / CRM / product viral
- photography / copywriting / PR

브랜드마케터ㅣ콘텐츠마케터

원채

Soundcloud

Instagram

Blog

모두에게 도움이 될 건강한 가치의 서비스를 지향하며 
흥미로운 서비스에 임팩트를 줄 수 있는 마케터로 자리하고자 
매일 새로운 마음으로 유영하듯 일하고 있습니다.  :)


📌 소비자 주도권 강화의 시대, 개념적 인식부터 소비자 경험까지

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필