다크패턴의 정의를 알아보고 실제 서비스에서 발생하는 예시를 살펴봅니다.

소비자를 기만하는 다크패턴의 사례

<리서치 하는데요> 시즌4 파트너인 민영 님께서 작성한 HMG DEVELOPERS 블로그 같이 읽어보면 좋을 것 같아 소개드립니다! 저희 시즌3에서도 함께 이야기를 나눴던 '다크 패턴'과 '기만적 패턴'에 대한 이야기를 다루고 있는데요. 내일 모임에서도 관련한 내용을 함께 이야기해 보도록 하겠습니다. 공정거래위원회에서는 다크패턴을 '온라인 눈속임 상술'이라고 표현하고 있고, 다크패턴이라는 개념을 2010년 처음 소개한 영국의 UX 디자이너 해리 브리그널은 '기만적 패턴'이라고 사용하고 있습니다. 용어에 대한 혼선이 있지만 핵심은 사용성을 떨어뜨려 비즈니스 이익을 편취하는 행위에 있습니다.

[ 큐레이터의 문장 🎒 ]

다크 패턴이란?

'소비자를 기만하거나 속이는 유형의 디자인'으로 "오늘 밤까지만 가격 유지(할인)"라고 홍보하면서 물건 값을 올리지 않거나 숙박 서비스 예약 시 세금과 기타 비용을 제외한 금액을 표시하고는 최종결제 단계에서 금액을 달리하는 경우 등이 해당합니다.

다크패턴의 종류

 1. 압박형 다크패턴 - "이 요금 객실 1개 남음"과 같은 방식의 문구로 사용자를 재촉하고 압박하는 디자인
 2. 방해형 다크패턴 - 구독해지를 하기 위해 페이지 전환이 12번 필요한 서비스와 같이 고의적으로 사용자의 과업 달성을 방해하고 피로감을 유발해 특정 행동이나 선택을 포기하도록 유도하는 디자인
 3. 편취형 다크패턴 - '자세히 보기'를 클릭해야만 후지불 옵션 선택 시 결제할 객실 요금의 5%가 수수료로 지불된다는 것을 알 수 있는 것처럼 알아채기 어려운 인터페이스 등을 통해 예상치 못한 지출을 유도하는 디자인
 
https://developers.hyundaimotorgroup.com/blog/527

&lt;리서치 하는데요&gt; 시즌4 파트너인 민영 님께서 작성한 HMG DEVELOPERS 블로그 같이 읽어보면 좋을 것 같아 소개드립니다! 저희 시즌3에서도 함께 이야기를 나눴던 '다크 패턴'과 '기만적 패턴'에 대한 이야기를 다루고 있는데요. 내일 모임에서도 관련한 내용을 함께 이야기해 보도록 하겠습니다. 공정거래위원회에서는 다크패턴을 '온라인 눈속임 상술'이라고 표현하고 있고, 다크패턴이라는 개념을 2010년 처음 소개한 영국의 UX 디자이너 해리 브리그널은 '기만적 패턴'이라고 사용하고 있습니다. 용어에 대한 혼선이 있지만 핵심은 사용성을 떨어뜨려 비즈니스 이익을 편취하는 행위에 있습니다. [ 큐레이터의 문장 🎒 ] 다크 패턴이란? '소비자를 기만하거나 속이는 유형의 디자인'으로 "오늘 밤까지만 가격 유지(할인)"라고 홍보하면서 물건 값을 올리지 않거나 숙박 서비스 예약 시 세금과 기타 비용을 제외한 금액을 표시하고는 최종결제 단계에서 금액을 달리하는 경우 등이 해당합니다. 다크패턴의 종류 <ol ><li>압박형 다크패턴 - "이 요금 객실 1개 남음"과 같은 방식의 문구로 사용자를 재촉하고 압박하는 디자인 </li><li>방해형 다크패턴 - 구독해지를 하기 위해 페이지 전환이 12번 필요한 서비스와 같이 고의적으로 사용자의 과업 달성을 방해하고 피로감을 유발해 특정 행동이나 선택을 포기하도록 유도하는 디자인 </li><li>편취형 다크패턴 - '자세히 보기'를 클릭해야만 후지불 옵션 선택 시 결제할 객실 요금의 5%가 수수료로 지불된다는 것을 알 수 있는 것처럼 알아채기 어려운 인터페이스 등을 통해 예상치 못한 지출을 유도하는 디자인 </li></ol>https://developers.hyundaimotorgroup.com/blog/527

HMG Developer Website

《다크 패턴? 기만적 패턴? 온라인 눈속임 상술?》

지난해 싱가포르 국내총생산(GDP)은 전년 대비 4.0% 증가했다고 스트레이츠 타임스와 신화통신 등이 1일 보도했다. 매체에 따르면 로런스 웡(黃循財) 싱가포르 총리는 이날 신년사에서 2024년 경제성장률이 예상을 

2024년 싱가포르 경제성장률 4.0% 달해…"예상 뛰어넘어"

현재 아시아에서 가장 잘나가는 나라=싱가포르
———
웡 총리는 오는 2월18일 공표하는 2025년도 예산안을 통해 싱가포르의 다음단계 발전계획을 제시하겠다고 언명했다.

주요 우선순위에는 싱가포르 경제 경쟁력 강화, 국민을 위한 기회와 좋은 일자리 창출, 생활비 상승 부담 경감 등을 포함하겠다고 웡 총리는 강조했다.

https://n.news.naver.com/article/003/0012992705?sid=104

현재 아시아에서 가장 잘나가는 나라=싱가포르———웡 총리는 오는 2월18일 공표하는 2025년도 예산안을 통해 싱가포르의 다음단계 발전계획을 제시하겠다고 언명했다. 주요 우선순위에는 싱가포르 경제 경쟁력 강화, 국민을 위한 기회와 좋은 일자리 창출, 생활비 상승 부담 경감 등을 포함하겠다고 웡 총리는 강조했다. https://n.news.naver.com/article/003/0012992705?sid=104

n.news.naver.com

<img src='https://image.thebell.co.kr/thebell10/img/icon-news.png'> 해당기사는 유료기사로 변경되거나 기사가 존재하지 않습니다.이용에 불편을 드려서 죄송합니다.문의는 (T)02-724-4162 입니다.

thebell Free

더벨이 국내 64개 벤처캐피탈을 대상으로 집계한 '2024년 리그테이블'에 따르면 벤처투자조합과 신기술금융투자조합 등 벤처펀드와 PEF를 합한 총 AUM 규모는 58조2066억원으로 집계됐다. 벤처조합은 43조9261억원, PEF는 14조2805억원이다. VC의 전체 AUM 규모는 지난해 말(54조1153억원) 대비 4조913억원 늘어난 것으로 집계됐다.

AUM 1조클럽은 18곳으로 작년 말 17곳 대비 한 곳이 늘었다. TS인베스트먼트가 1조133억원의 AUM을 기록하며 1조 클럽에 이름을 올렸다.

http://m.thebell.co.kr/m/newsview.asp?svccode=00&newskey=202412311106088360102716

더벨이 국내 64개 벤처캐피탈을 대상으로 집계한 '2024년 리그테이블'에 따르면 벤처투자조합과 신기술금융투자조합 등 벤처펀드와 PEF를 합한 총 AUM 규모는 58조2066억원으로 집계됐다. 벤처조합은 43조9261억원, PEF는 14조2805억원이다. VC의 전체 AUM 규모는 지난해 말(54조1153억원) 대비 4조913억원 늘어난 것으로 집계됐다. AUM 1조클럽은 18곳으로 작년 말 17곳 대비 한 곳이 늘었다. TS인베스트먼트가 1조133억원의 AUM을 기록하며 1조 클럽에 이름을 올렸다. http://m.thebell.co.kr/m/newsview.asp?svccode=00&amp;newskey=202412311106088360102716

m.thebell.co.kr

이 글에서는 차별화와 조직화, 두 가지 관점을 기반으로 레고 인터페이스 패널을 탐구합니다. 차별화와 조직화는 사용자 경험에 어떤 영향을 미칠까요?

[번역] 레고 인터페이스 패널로 알아보는 UX

오늘은 네이버의 안샛별님이 번역해주신 글입니다.

이 글은 특정한 프런트엔드 기술이나 라이브러리를 설명하지 않습니다. 제목 그대로 레고 인터페이스 패널을 통해 UX를 탐구합니다. 손가락 한 마디 남짓한 레고 블럭으로 차별화와 조직화 전략과 UX의 상관관계를 알아봅니다. 프런트엔드 개발자라면 꽤 흥미롭게 읽을만한 글이니 가볍게 읽어보시길 추천드립니다. 🤖

https://velog.io/@typo/the-ux-of-lego-interface-panels

오늘은 네이버의 안샛별님이 번역해주신 글입니다. 이 글은 특정한 프런트엔드 기술이나 라이브러리를 설명하지 않습니다. 제목 그대로 레고 인터페이스 패널을 통해 UX를 탐구합니다. 손가락 한 마디 남짓한 레고 블럭으로 차별화와 조직화 전략과 UX의 상관관계를 알아봅니다. 프런트엔드 개발자라면 꽤 흥미롭게 읽을만한 글이니 가볍게 읽어보시길 추천드립니다. 🤖 https://velog.io/@typo/the-ux-of-lego-interface-panels

velog.io

레고 인터페이스 패널로 알아보는 UX

소재 기술 기반 3D프린팅 통합 솔루션 기업 ㈜그래피(대표 심운섭)가 50억원 규모의 프리 IPO(상장 전 지분투자) 투자 유치를 성공적으로 마무리했다고 밝혔다. 그래피는 내년 1월 코스닥 시장 상장예비심사 신청을 

그래피, 50억원 규모 프리IPO 투자 유치…"내년 코스닥 목표"

그래피는 내년 1월 코스닥 시장 상장예비심사 신청을 목표로 하고 있다. 지난 8월 기술평가에서 두 평가기관으로부터 'A' 등급을 획득하며 상장 절차에 필요한 주요 관문을 통과했다.

국내외 금융기관과 벤처캐피탈(VC)로부터 누적 400억원 이상의 투자 유치를 이끌어냈다.

지난 2017년에 설립된 그래피는 3D 프린터용 신소재 개발 및 제조 기업으로 광경화성 3D프린팅 소재와 이를 활용한 치과용 제품 개발에 주력하고 있다.

https://n.news.naver.com/article/008/0005135417?sid=101

그래피는 내년 1월 코스닥 시장 상장예비심사 신청을 목표로 하고 있다. 지난 8월 기술평가에서 두 평가기관으로부터 'A' 등급을 획득하며 상장 절차에 필요한 주요 관문을 통과했다. 국내외 금융기관과 벤처캐피탈(VC)로부터 누적 400억원 이상의 투자 유치를 이끌어냈다. 지난 2017년에 설립된 그래피는 3D 프린터용 신소재 개발 및 제조 기업으로 광경화성 3D프린팅 소재와 이를 활용한 치과용 제품 개발에 주력하고 있다. https://n.news.naver.com/article/008/0005135417?sid=101

뷰티 크리에이터 비즈니스 그룹 레페리가 국내 사모펀드(PEF) 운용사 에이치 프라이빗에쿼티(이하 ‘HPE’)로부터 약 300억 원 규모의 지분 투자를 유치하며 최대주주가 교체됐다. 이를 통해 개선된 기업 거버넌스(지

레페리, HPE로 최대주주 교체… 2025년 상장 본격화

뷰티 크리에이터 비즈니스 그룹 레페리가 국내 사모펀드(PEF) 운용사 에이치 프라이빗에쿼티(이하 ‘HPE’)로부터 약 300억 원 규모의 지분 투자를 유치하며 최대주주가 교체됐다. 이를 통해 개선된 기업 거버넌스(지배구조)를 기반으로 2025년 코스닥 상장을 위한 준비를 본격화한다는 계획이다.

레페리는 2013년 설립된 YouTube 기반 뷰티 크리에이터 비즈니스 기업이다. 기존 다중채널네트워크(MCN) 기업들과 달리, K-POP 엔터테인먼트형 프로듀싱 시스템을 도입해 크리에이터 그룹을 운영하며 독자적인 경쟁력을 확보했다.

https://n.news.naver.com/article/366/0001042228?sid=004

뷰티 크리에이터 비즈니스 그룹 레페리가 국내 사모펀드(PEF) 운용사 에이치 프라이빗에쿼티(이하 ‘HPE’)로부터 약 300억 원 규모의 지분 투자를 유치하며 최대주주가 교체됐다. 이를 통해 개선된 기업 거버넌스(지배구조)를 기반으로 2025년 코스닥 상장을 위한 준비를 본격화한다는 계획이다. 레페리는 2013년 설립된 YouTube 기반 뷰티 크리에이터 비즈니스 기업이다. 기존 다중채널네트워크(MCN) 기업들과 달리, K-POP 엔터테인먼트형 프로듀싱 시스템을 도입해 크리에이터 그룹을 운영하며 독자적인 경쟁력을 확보했다. https://n.news.naver.com/article/366/0001042228?sid=004

﻿
결혼 전에는 새해가 되면 아침에 떡국을 끓여 먹었습니다. 어머니가 떡국을 끓여 주셨던 것입니다. 얼마나 많이 한 솥단지만큼 끓였는지, 새해 삼시 세끼를 먹고도 다음날 먹을 수 있었습니다. 그래서 지금도 퉁퉁 불은 떡을 좋아하고 잘 먹습니다.

결혼 후에는 새해가 되어도 아침에 떡국을 끓여 먹지 않습니다. 요리의 주체가 아내로 바뀐 것입니다. 아내는 떡국을 좋아하지 않습니다. 그리고 저도 특별히 새해 아침 떡국을 요구하지 않습니다. 특히 아침식사는 먹어도 그만, 안 먹어도 괜찮은 식사 습관으로 바뀌었기 때문입니다.

새해 아침 늘어지게 잠을 자고 일어나서 아내가 차려준 음식은 김밥이었습니다. 보통의 사람들이 생각하는 김밥은 갖은 재료를 준비하고, 김밥을 말고 썰어야 하는 아주 번잡한 음식일 것입니다. 그러나 손이 빠른 아내는 김밥 준비도 뚝딱, 김밥을 말고 썰고 먹기 좋게 그릇에 담아내기도 뚝딱 해냅니다.

아내 덕분에 새해 브런치로 김밥을 먹었습니다. 정확하게 카운트하지 않았지만, 대략 김밥 3줄 이상 먹었습니다. 밖에서 사 먹을 때보다 집에서 만든 김밥을 더 많이 먹게 됩니다. 김밥을 만들 때 한 번에 여러 줄 가공하는 배경도 있지만, 입에 더 잘 맞고 배에 더 잘 들어갑니다. 어제는 대략 3줄이었지만, 먹고자 한다면 그 이상 먹을 수 있습니다.

김밥을 아무리 예쁘게 썰어도 저는 꽁다리를 좋아합니다. 보통의 김밥 썰기에서 꽁다리를 얇게 써는 사람은 잘 없습니다. 아내도 마찬가지입니다. 꽁다리는 두툼합니다. 그래서 재료가 더 많이 들어가 있어서 맛이 더 좋게 느껴집니다. 어쩌다 새콤 짭조름한 단무지가 길게 들어있는 꽁다리를 먹을 때면 밥과 참기름으로 얼룩진 입안을 개운하게 만들어 줍니다. 그래서 김밥을 더 많이 먹을 수 있습니다.

아이들도 김밥을 좋아합니다. 아내는 아이들을 사랑하는 마음으로 김밥을 준비합니다. 귀찮고 힘들지만 사랑하는 가족이 김밥을 잘 먹고 좋아하니까 기쁜 마음으로 준비합니다. 이런 아내의 헌신을 존경하고 배우고 싶습니다. 저에게 많이 부족한 모습입니다. 가정에서뿐만 아니라 직장과 사회 공동체 안에서 헌신하는 법을 배우고 실천해야 하는 시기라는 깨달음이 있는 요즘입니다.

연말에 대한민국 국민으로서 슬픈 사고가 있었습니다. 사고를 당한 사람들과 남은 유가족의 아픔과 슬픔을 무엇으로 헤아릴 수 있겠습니까. 그저 잠잠히 그들을 위해 기도합니다. 그리고 도울 수 있는 일이 있는지 가만히 살펴봅니다. 어제 뉴스에서 많은 국민들이 함께 걱정하고 사고 유가족을 물심양면 돕기 위해 헌신하는 모습을 보고 눈물이 났습니다. 갈라지고 깨어진 모습만 있는 줄 알았는데 역시 대한민국 사람들 참 착하다는 생각이 들어서 감동했습니다.

오늘은 ‘나‘보다 아프고 어려운 사람을 떠올리며 그들을 향해 할 수 있는 헌신을 실천해 보면 좋겠습니다. 우리의 작은 헌신이 누군가에겐 큰 힘이 될 줄로 믿습니다.
따뜻한 대한민국과 사랑 많은 우리가 되길 진심으로 응원합니다.

﻿결혼 전에는 새해가 되면 아침에 떡국을 끓여 먹었습니다. 어머니가 떡국을 끓여 주셨던 것입니다. 얼마나 많이 한 솥단지만큼 끓였는지, 새해 삼시 세끼를 먹고도 다음날 먹을 수 있었습니다. 그래서 지금도 퉁퉁 불은 떡을 좋아하고 잘 먹습니다. 결혼 후에는 새해가 되어도 아침에 떡국을 끓여 먹지 않습니다. 요리의 주체가 아내로 바뀐 것입니다. 아내는 떡국을 좋아하지 않습니다. 그리고 저도 특별히 새해 아침 떡국을 요구하지 않습니다. 특히 아침식사는 먹어도 그만, 안 먹어도 괜찮은 식사 습관으로 바뀌었기 때문입니다. 새해 아침 늘어지게 잠을 자고 일어나서 아내가 차려준 음식은 김밥이었습니다. 보통의 사람들이 생각하는 김밥은 갖은 재료를 준비하고, 김밥을 말고 썰어야 하는 아주 번잡한 음식일 것입니다. 그러나 손이 빠른 아내는 김밥 준비도 뚝딱, 김밥을 말고 썰고 먹기 좋게 그릇에 담아내기도 뚝딱 해냅니다. 아내 덕분에 새해 브런치로 김밥을 먹었습니다. 정확하게 카운트하지 않았지만, 대략 김밥 3줄 이상 먹었습니다. 밖에서 사 먹을 때보다 집에서 만든 김밥을 더 많이 먹게 됩니다. 김밥을 만들 때 한 번에 여러 줄 가공하는 배경도 있지만, 입에 더 잘 맞고 배에 더 잘 들어갑니다. 어제는 대략 3줄이었지만, 먹고자 한다면 그 이상 먹을 수 있습니다. 김밥을 아무리 예쁘게 썰어도 저는 꽁다리를 좋아합니다. 보통의 김밥 썰기에서 꽁다리를 얇게 써는 사람은 잘 없습니다. 아내도 마찬가지입니다. 꽁다리는 두툼합니다. 그래서 재료가 더 많이 들어가 있어서 맛이 더 좋게 느껴집니다. 어쩌다 새콤 짭조름한 단무지가 길게 들어있는 꽁다리를 먹을 때면 밥과 참기름으로 얼룩진 입안을 개운하게 만들어 줍니다. 그래서 김밥을 더 많이 먹을 수 있습니다. 아이들도 김밥을 좋아합니다. 아내는 아이들을 사랑하는 마음으로 김밥을 준비합니다. 귀찮고 힘들지만 사랑하는 가족이 김밥을 잘 먹고 좋아하니까 기쁜 마음으로 준비합니다. 이런 아내의 헌신을 존경하고 배우고 싶습니다. 저에게 많이 부족한 모습입니다. 가정에서뿐만 아니라 직장과 사회 공동체 안에서 헌신하는 법을 배우고 실천해야 하는 시기라는 깨달음이 있는 요즘입니다. 연말에 대한민국 국민으로서 슬픈 사고가 있었습니다. 사고를 당한 사람들과 남은 유가족의 아픔과 슬픔을 무엇으로 헤아릴 수 있겠습니까. 그저 잠잠히 그들을 위해 기도합니다. 그리고 도울 수 있는 일이 있는지 가만히 살펴봅니다. 어제 뉴스에서 많은 국민들이 함께 걱정하고 사고 유가족을 물심양면 돕기 위해 헌신하는 모습을 보고 눈물이 났습니다. 갈라지고 깨어진 모습만 있는 줄 알았는데 역시 대한민국 사람들 참 착하다는 생각이 들어서 감동했습니다. 오늘은 ‘나‘보다 아프고 어려운 사람을 떠올리며 그들을 향해 할 수 있는 헌신을 실천해 보면 좋겠습니다. 우리의 작은 헌신이 누군가에겐 큰 힘이 될 줄로 믿습니다.따뜻한 대한민국과 사랑 많은 우리가 되길 진심으로 응원합니다.﻿

김밥을 먹다가

처음 애플리케이션을 만들어 보는 것은 비교적 쉽습니다. 왜냐하면 인터넷에 수많은 학습 자료와 방법이 공개되어 있고, 다양한 예제 코드·프레임워크·템플릿을 참고할 수도 있기 때문입니다.

클린 아키텍처를 적용한 스프링 기반 애플리케이션

클린 아키텍처는 관심사의 분리(Separation of Concerns)에 기반하여 애플리케이션을 구조한다. 상위 수준의 추상화 및 정책을 하위 수준의 기술 의존 코드와 분리하고, 소스 코드 의존성을 바깥에서 안쪽으로 향하도록 만든다. 그 결과 코드는 테스트하기 훨씬 쉬워지고, 기술 선택이나 환경 변화가 생겨도 유연하게 대응할 수 있다.

하지만 실제 구현 단계에 이르면, 수많은 난관이 생기고 질문도 많이 떠오른다. "어디서부터 시작해야 할까?", "프로젝트 구조는 어떻게 잡아야 하지?", "스프링 기반 애플리케이션에 클린 아키텍처 원칙을 어떻게 적용하면 좋을까?" 등등 같은 질문이 당연히 생기기 마련이다.

클린 아키텍처를 제안한 로버트 C. 마틴(일명 밥 아저씨)이 직접 작성한 블로그 글과 책, 그리고 강연 영상들이 있어서 개념적인 도움을 얻을 수는 있다. 그런데 문제는, 이 자료들에서 소스 코드 구조나 세부 구현 예시 같은 실질적인 지침이 거의 제시되지 않는다는 점이다. 이 때문에 스프링 프로젝트나 현대적인 개발 환경에서 어떻게 적용해야 할지 구체적인 코드 수준의 설명이 부족하다는 아쉬움이 있었다. 나도 처음에는 "도대체 예제 코드 없이 이걸 어떻게 구현하라는 거지?" 라는 생각에 당혹감과 약간의 분노를 느끼기도 했는데, 결국 지난 몇 년 동안 다양한 시도를 거치며 일부 원칙을 준수하고 내 상황에 가장 잘 맞는 접근 방식을 나름 찾아냈다.

이 글은 클린 아키텍처를 스프링 기반 애플리케이션에 적용해보고 싶은 분들을 위해 "좀 더 실용적이고 간소화된 클린 아키텍처"를 설명하기 위해 작성했다. 비즈니스 로직과 외부 기술을 어떻게 분리하고 조직화해야 하는지 예제로 살펴보며, 왜 이런 구조가 유지보수성과 확장성에 유리한지를 구체적으로 설명하려고 노력했다. 클린 아키텍처가 다소 추상적이라 느껴졌던 분들에게, "실제 코드로 어떻게 구현할 수 있을까?" 라는 궁금증을 풀어주는 좋은 사례가 되었으면 좋겠다.

https://www.linkedin.com/pulse/클린-아키텍처를-적용한-스프링-기반-애플리케이션-springrunner-hpnzc/

클린 아키텍처는 관심사의 분리(Separation of Concerns)에 기반하여 애플리케이션을 구조한다. 상위 수준의 추상화 및 정책을 하위 수준의 기술 의존 코드와 분리하고, 소스 코드 의존성을 바깥에서 안쪽으로 향하도록 만든다. 그 결과 코드는 테스트하기 훨씬 쉬워지고, 기술 선택이나 환경 변화가 생겨도 유연하게 대응할 수 있다. 하지만 실제 구현 단계에 이르면, 수많은 난관이 생기고 질문도 많이 떠오른다. "어디서부터 시작해야 할까?", "프로젝트 구조는 어떻게 잡아야 하지?", "스프링 기반 애플리케이션에 클린 아키텍처 원칙을 어떻게 적용하면 좋을까?" 등등 같은 질문이 당연히 생기기 마련이다. 클린 아키텍처를 제안한 로버트 C. 마틴(일명 밥 아저씨)이 직접 작성한 블로그 글과 책, 그리고 강연 영상들이 있어서 개념적인 도움을 얻을 수는 있다. 그런데 문제는, 이 자료들에서 소스 코드 구조나 세부 구현 예시 같은 실질적인 지침이 거의 제시되지 않는다는 점이다. 이 때문에 스프링 프로젝트나 현대적인 개발 환경에서 어떻게 적용해야 할지 구체적인 코드 수준의 설명이 부족하다는 아쉬움이 있었다. 나도 처음에는 "도대체 예제 코드 없이 이걸 어떻게 구현하라는 거지?" 라는 생각에 당혹감과 약간의 분노를 느끼기도 했는데, 결국 지난 몇 년 동안 다양한 시도를 거치며 일부 원칙을 준수하고 내 상황에 가장 잘 맞는 접근 방식을 나름 찾아냈다. 이 글은 클린 아키텍처를 스프링 기반 애플리케이션에 적용해보고 싶은 분들을 위해 "좀 더 실용적이고 간소화된 클린 아키텍처"를 설명하기 위해 작성했다. 비즈니스 로직과 외부 기술을 어떻게 분리하고 조직화해야 하는지 예제로 살펴보며, 왜 이런 구조가 유지보수성과 확장성에 유리한지를 구체적으로 설명하려고 노력했다. 클린 아키텍처가 다소 추상적이라 느껴졌던 분들에게, "실제 코드로 어떻게 구현할 수 있을까?" 라는 궁금증을 풀어주는 좋은 사례가 되었으면 좋겠다. https://www.linkedin.com/pulse/클린-아키텍처를-적용한-스프링-기반-애플리케이션-springrunner-hpnzc/

www.linkedin.com

광고수익화를 시작할 때 가장 먼저 생각할 것

우리의 광고 상품이 광고주들에게 매력적으로 보여야 팔린다는 겁니다

[아티클 3문장 요약📑]

1️⃣ 광고 수익화하면 보통 eCPM, Impression 등의 성과 지표들을 떠올리게 되는데, 숫자로 표현되는 지표들이 직관적으로 이해가 쉬워서 활용도가 높지만, 결국 이 또한 결과값에 불과하다는 걸 잊어서는 안됩니다.

2️⃣ 수요와 공급 관점에서, 광고주들은 확실한 성과를 얻을 수 있어야 돈을 쓸 것이고, 1천회 노출당 평균 단가(eCPM)를 통해 이를 확인하는 것이 주류가 된 만큼, 유저에 눈에 잘 띄는, 즉 효율이 좋은 광고가 필요합니다.

3️⃣ 하지만 결국 효율이 좋은 광고일수록, 평균 단가가 높은 광고일수록 유저들의 사용성을 해치는 경우가 많기 때문에, 내 앱의 특성과 내 앱을 사용하는 유저의 성향을 잘 파악하여, 호의적인 반응 및 행동을 이끌어 낼 수 있어야 광고 수익화 전략을 설정할 수 있을 겁니다.

💡기묘한 관점➕
광고도 일종의 상품입니다. 당연히 수요와 공급의 원칙에 따라 가격과 매력도가 결정되는데요. 일반적으로 광고는 내 앱의 사용성을 저해시키기 때문에, 이를 어떤 식으로 구현하느냐는 상당히 중요해 집니다. 결국 이를 잘 하려면, 광고주와 유저들의 성향을 면밀히 파악하는 것이 필요할 거고요.

🥤트렌드라이트 구독하기
https://bit.ly/3iSbx4e

우리의 광고 상품이 광고주들에게 매력적으로 보여야 팔린다는 겁니다 [아티클 3문장 요약📑] 1️⃣ 광고 수익화하면 보통 eCPM, Impression 등의 성과 지표들을 떠올리게 되는데, 숫자로 표현되는 지표들이 직관적으로 이해가 쉬워서 활용도가 높지만, 결국 이 또한 결과값에 불과하다는 걸 잊어서는 안됩니다. 2️⃣ 수요와 공급 관점에서, 광고주들은 확실한 성과를 얻을 수 있어야 돈을 쓸 것이고, 1천회 노출당 평균 단가(eCPM)를 통해 이를 확인하는 것이 주류가 된 만큼, 유저에 눈에 잘 띄는, 즉 효율이 좋은 광고가 필요합니다. 3️⃣ 하지만 결국 효율이 좋은 광고일수록, 평균 단가가 높은 광고일수록 유저들의 사용성을 해치는 경우가 많기 때문에, 내 앱의 특성과 내 앱을 사용하는 유저의 성향을 잘 파악하여, 호의적인 반응 및 행동을 이끌어 낼 수 있어야 광고 수익화 전략을 설정할 수 있을 겁니다. 💡기묘한 관점➕광고도 일종의 상품입니다. 당연히 수요와 공급의 원칙에 따라 가격과 매력도가 결정되는데요. 일반적으로 광고는 내 앱의 사용성을 저해시키기 때문에, 이를 어떤 식으로 구현하느냐는 상당히 중요해 집니다. 결국 이를 잘 하려면, 광고주와 유저들의 성향을 면밀히 파악하는 것이 필요할 거고요. 🥤트렌드라이트 구독하기https://bit.ly/3iSbx4e

bit.ly

💰광고 수익화를 시작할 때 가장 먼저 생각해야 할 것은

꿈은 말로 하면 강해진다!

2025년 첫날,새로운 도전을 하는 사람들에게
이 광고를 소개하고 싶다.
https://bit.ly/468S1q4

#스투시의카피노트 #일본광고 #일본광고카피

책 <마케터의 브랜드 탐색법>
https://bit.ly/3H10pgM

*협업/기업강연,교육 문의
https://linktr.ee/stussygo

꿈은 말로 하면 강해진다! 2025년 첫날,새로운 도전을 하는 사람들에게이 광고를 소개하고 싶다.https://bit.ly/468S1q4 #스투시의카피노트 #일본광고 #일본광고카피 책 &lt;마케터의 브랜드 탐색법&gt; https://bit.ly/3H10pgM *협업/기업강연,교육 문의 https://linktr.ee/stussygo

꿈은 말로 하면 강해진다! 2025년 첫날,첫 글은 이 광고로!

한 유튜버의 면접자가 실제로 썼던 코드라네요ㅋㅋ 창의성으로 통과시켜주고 싶었으나 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

리액트 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리그 프로그래머

4/24 뉴스 브리핑입니다.
평온한 한 주 되세요:)

스타트업 https://www.neusral.com/r?b=W57ZQM

네카라쿠배당토 https://www.neusral.com/r?b=Kih4nm

MZ소비트렌드 https://www.neusral.com/r?b=iYTbNP

인공지능 https://www.neusral.com/r?b=CTTsm1

블록체인 https://www.neusral.com/r?b=8H2SqP

경제 https://www.neusral.com/r?b=B0KRQo

4/24 뉴스 브리핑입니다.

- Listening to start-ups' concerns and suggesting a digital marketing strategy as a VC consultant and educating them about the CRM tool Hubspot
- Assisting LocalMotion(http://localmotion.hk/) with project management, including onboarding organizations, booking briefings, and creating projects as a summer intern
- Joining the videography team for the African Culture Gala Event: making the documentaries capturing refugee and asylum seekers' lives in Hong Kong and showcasing their real talents, supported by an organization named Pro Bono (www.probono.org.hk)
- As a writer and interviewer, join in a Dear Hong Kong project, which will produce a picture book featuring inspiring people from different more than 100 countries, all living in Hong Kong (link to Dear Hong Kong: http://www.dearhongkong.org/)
- As a video editor, I have contributed to the Evercare school, a social care service provider, where we can learn about 'Palliative Care' by making its training videos.

프리랜서

- Participating in the Korean government's project, which digitalized the footage of what branches of the goverment and a blue house did.
- Handling a part of the meta data
- Working with Sangrok

SaaS

CRM 캠페인

글쓰기

디지털 마케팅

스토리텔링

커뮤니케이션

뉴스럴: 기업 PR 담당자의 뉴스 모니터링, 뉴스 분석, 보도자료 배포 업무를 지원하는 SaaS 솔루션

1. CRM 구축 및 운영
- 파편화된 고객 데이터 통합 및 이관(릴레잇, 세일즈맵 CRM 활용)
- 고객 여정 지도 제작, 리드 단계 정의, 페르소나 별 소구점 스토리텔링
- 마케팅, 세일즈, CS 딜 파이프라인, 자동화 워크플로 구축

2. 마케팅
- 데이터 기반 마케팅 목표 설정: 리드 단계 별 리드 제너레이션(리드 > MQL > SQL), 오가닉 트래픽 증대
- 개인화 마케팅, 네이버 블로그 콘텐츠 제작 및 채널 운영, SEO 기반 자사 블로그 신설(예정)
- 구글광고 캠페인 기획, 오프라인 세미나 운영

3. 세일즈, CX
- 데이터에 기반한 세일즈 목표 설정: MRR/ARR, 리텐션 제고
- CRM 기반 개인화 세일즈, 기 고객 경험 관리, 고객사 온보딩 교육
- 제품 소개서 제작, 홈페이지 내 가이드북 및 FaQ 제작(예정)
- B2B 구독 요금제 신설, 신사업 기획 등

마케팅 매니저

콘텐츠

방송 / 엔터테인먼트

SNS 운영

영상제작

프레젠테이션

1. CJ헬로비전 신라방송 2015.01 ~ 2017.02
- 경주시청, 월성원자력발전소 출입 취재기자
- 16년 9월 경주지진 취재전담반: 2017년 한국케이블방송협회 보도부문 우수기자상 추천
- 지역민 방송국 견학 프로그램 기획 및 운영
- 방송국 소셜미디어 채널 운영 및 SNS 콘텐츠 기획

2. CJ헬로비전 수성방송 2014.04 ~ 2015.01
- 대구시청, 동구경찰서 등 출입 취재기자
- CJ헬로비전 사내 월간 우수 기자상 2회 수상 (2014년 9월, 같은 해 10월)
- 시민기자단 운영 및 교육

3. CJ헬로비전 상암본부 2014.01 ~ 2014.04
- 기사 작성 실습 및 취재 지원
- CJ Only One Fair 신입사원 아이디어 팀 경진대회 참여(최우수상 수상)

방송기자

Intern Reporter, News Production Team, New media content, Writing, Video News

- Creating video contents about K-pop in Nepal, having over 6k views on Youtube
Refer to: https://www.nepalitimes.com/banner/k-pop-in-k-town/ 
- Make contents of coming back to school where I was dispatched for volunteer work in 2011 and meeting the youngest son of the teacher who passed away
- Release four articles combined with videos and photos I took
- Arrange the official interview with the Korean Ambassador to Nepal
Refer to: https://www.nepalitimes.com/here-now/nepal-can-create-a-business-friendly-environment/

Journalist Intern

- Working on new stories in Yangon for Mizzima Weekly, an English-based publication
- Pitching stories to senior editor Julian Gearing, based in Thailand, and researching topics and reporting conferences or events and interviewing with stakeholders on those issues
- Making feature stories from Myanmar's specialty coffee to gender equality in the country, sometimes creating video stories to supplement writings
- Despite language barriers existed, trying to listen to locals and learning from them and the country

광고 / 마케팅

컨설팅

콘텐츠 기획

- 마케팅 대행 제안서 기획 및 제안 프레젠테이션, 주요 고객사 관리
- 고객사 CRM 구축 지원, 온보딩 교육, 마케팅 프로젝트 리드 (허브스팟, 믹스패널, 원시그널, SEMRUSH 등 활용)
- 자사 블로그, 소셜미디어 채널 운영, 기획 영상 제작, 보도자료 작성

1. K사 사례, 페르소나, SEO 마케팅
- 업종: 제약/건강기능식품 사업
- 고객상황: B2B에서 B2C로 사업의 외연이 넓어지는 중에 B2C 목표고객 설정이 되어있지 않음
- 제안: 잠재고객 페르소나 구축, CRM 도입
- 목표: 페르소나 기반 디지털 마케팅 전개
- 액션: B2B/B2C 페르소나 구축, SEO 키워드 클러스터 구축, 자사 블로그 및 소셜미디어 운영
- 역할: 약사 및 일반 고객 인터뷰, 페르소나 스토리텔링, SEO 키워드 클러스터 제작, 블로그 포스팅 기획

2. M사 사례, CRM 도입 지원
- 업종: 디지털 전자계약 B2B 솔루션
- 고객상황: 고객 데이터가 여러 장소에 분산되고 데이터 정합성이 어긋남
- 제안: 전사 고객 데이터를 CRM에 이관하고 관리하는 것
- 목표: 허브스팟 CRM 도입 및 초기 운영 지원
- 결과: 세일즈/마케팅/운영 팀 데이터 이관, 자동화 워크플로우 구축
- 역할: 프로젝트 리드, 고객 데이터 이관, 고객여정정의(리드, 고객, 옹호자), 자동화 워크플로우 구축

3. P사 사례, CRM 기반 디지털 마케팅
- 업종: 전자재료, 공장자동화 등의 B2B 솔루션 사업
- 고객상황: 국내 시장 점유율은 높지만, 전통 방식의 B2B 세일즈과 마케팅 방식 고수, 마케팅에서 세일즈 팀에 넘기는 SQL 없음
- 제안: CRM 툴 도입, 고객 데이터 기반 마케팅/세일즈
- 목표: 관여도, 적합도에 따른 리드 퍼널 설계 및 세그먼트 자동화, SEO 기반 자사 블로그 운영
- 결과: CRM 도입 3개월 후, SQL30여건 획득
- 역할: 프로젝트 리드, CRM 온보딩 교육, 고객 DB 세그먼트, SEO 기반 자사 블로그 개설, 블로그 구독 캠페인 기획

CRM 컨설턴트

학점: 3.46/4.5

동아리와 학회: Aero system Software Lab

Period: March 2010 - December 2010
- Aero system Software Lab., Korea Aerospace University, Goyang, Korea
- Research Assistant, Advisor Professor Song Dong-Ho Lab
- Assist researches on OS for unmanned aerial vehicles and Fault-tolerant

컴퓨터공학

홍콩대학 저널리즘대학원

I completed a minimum of 60 credits at the University of Hong Kong as a full-time student for two years. During the course and afterward, I have struggled to put countless efforts and humanity into my digital works as a storyteller living in an era of new media.

Journalism

김상민

스토리텔링 23 시즌

스토리텔링 21~22 시즌

링크드인 스토리텔러 김상민

스토리텔링 18~20 시즌

인터뷰 글 w.퓨처플레이 마케팅 커뮤니티 기록 1기

김상민 인터뷰

사람 이야기를 고스란히 전달해냈을 때 짜릿해요. 부족하기 때문에 늘 배우려고 해요. 그러면서 나만의 길을 지향합니다.
- 김상민 이야기: http://bit.ly/3jexTj9
#비즈니스스토리텔러 #스토리텔링 #CRM #달리기 #뉴미디어

4/24 뉴스 브리핑입니다.

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필