크리에이터, 지식 공유자, 커뮤니티 빌더로 지냈던 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년 회고, 어쩌면 개발자가 아니었을지도?

레퍼런스를 깊이 파헤쳐 새로운 디자인 언어로 재해석하기 | 이제 표면적인 디자인 '베끼기'만으로는 서비스 경쟁력을 얻을 수 없습니다.  디지털 디자인 헤게모니는 시각적으로 ‘플랫’해진 지 오래입니다. 한때는 실제에 가까운 스큐어모피즘이나 독특한 UI 구성만으로도 이목을 끌 수 있었습니다. 이제는 그렇지 않습니다. 핀터레스트나 비핸스 같은 플랫폼과 인공지능을 통해 누구나 빠르게 양질의 레퍼런스에 접근하거나 생성할 수

02화 영리한 모방: 표면이 아닌 '공식'을 훔쳐라

이제 디자이너에게 필요한 것은 단순히 눈에 보이는 레퍼런스를 모방하는 것을 넘어, 그 레퍼런스가 만들어진 맥락과 문제 해결 방식을 깊이 이해하는 것입니다.

나아가 이를 자신의 프로젝트에 적합하게 재해석하고 응용하는 능력이 요구됩니다. 이번 글에서는 '영리한 모방'을 실천하기 위한 단계들을 살펴보았습니다.

https://brunch.co.kr/@cliche-cliche/259

이제 디자이너에게 필요한 것은 단순히 눈에 보이는 레퍼런스를 모방하는 것을 넘어, 그 레퍼런스가 만들어진 맥락과 문제 해결 방식을 깊이 이해하는 것입니다. 나아가 이를 자신의 프로젝트에 적합하게 재해석하고 응용하는 능력이 요구됩니다. 이번 글에서는 '영리한 모방'을 실천하기 위한 단계들을 살펴보았습니다. https://brunch.co.kr/@cliche-cliche/259

Brunch Story

✍️ 영리한 모방: 표면이 아닌 공식을 훔치기

🔗 <디자인 취업 고민> 오픈 채팅방을 운영 중입니다.

✋현재 정원이 다 찼습니다. 디자인 취업 고민이 있으신 분이 있다면 성함과 내용을 담아 아래 메일로 요청 부탁드립니다. 초대 코드를 보내드리겠습니다.

greenray541@gmail.com

1
세상이 어떻게 변할지는 아무도 모른다. 변화는 결코 예측할 수 없다.

2
성공 확률을 높이려면, 실패 확률을 줄여야 한다. 변하는 게 아니라, 변하지 않는 걸 찾아야 한다.

3
영역을 떠나서 어디서든 통하는 변하지 않는 원칙이 있다. 세상은 돈 내는 사람이 편한 방향으로 변한다는 것.

4
자본주의는 가치와 돈을 교환하는 시스템이다. 공급자는 가치를 만든다. 소비자는 돈으로 가치를 산다.

5
사람마다 느끼는 가치가 다르다. 소비자는 항상 합리적으로 돈을 쓰지 않는다. 변수가 많다. 핵심은 인간이 원하는 편리함이다. 소비자를 편리하게 만들면 돈을 벌 확률이 높다.

6
아직도 돈을 내는 소비자가 불편한 시장들이 있다. 독점이거나 관행이다. 하지만 그 시장은 반드시 변한다. 소비자가 그것을 원하기 때문이다.

7
그 변화는 순서의 문제일 뿐이다. 불편한 사람이 많은 문제를 해결하면 임팩트가 크다. 소수가 공감하는 문제라면 작은 개선이 된다. 순서대로 언젠가는 변한다.

8
직접 경험했던 커머스, 여행 시장이 그랬다. 택시, 은행, 배달 시장 역시 변했다. 모두 공급자는 편하고, 소비자는 불편했던 시장이다. 기술이 시장을 새롭게 만들었다.

9
24년, 처음 엔터 시장을 배웠다. 시장을 알아가며 확신을 갖게 됐다. 이 시장도 분명히 변할 것이다. 미디어 환경은 급변한다. 소비자들도 변했다. 공급하면 팔리던 시대는 끝났다. 취향은 파편화되고, 눈높이는 올라갔다.

10
결국 핵심은 돈 내는 소비자다. 그들이 편리한 방향으로 세상은 변할 것이다.

11
24년의 준비가 성과로 돌아오는 25년을 기대한다. 이 시장의 새로운 혁신을 만들어 나가길 꿈꾸며.

1 세상이 어떻게 변할지는 아무도 모른다. 변화는 결코 예측할 수 없다. ​ ​2 성공 확률을 높이려면, 실패 확률을 줄여야 한다. 변하는 게 아니라, 변하지 않는 걸 찾아야 한다. ​ ​3 영역을 떠나서 어디서든 통하는 변하지 않는 원칙이 있다. 세상은 돈 내는 사람이 편한 방향으로 변한다는 것. ​ ​4 자본주의는 가치와 돈을 교환하는 시스템이다. 공급자는 가치를 만든다. 소비자는 돈으로 가치를 산다. ​ ​5 사람마다 느끼는 가치가 다르다. 소비자는 항상 합리적으로 돈을 쓰지 않는다. 변수가 많다. 핵심은 인간이 원하는 편리함이다. 소비자를 편리하게 만들면 돈을 벌 확률이 높다. ​ ​6 아직도 돈을 내는 소비자가 불편한 시장들이 있다. 독점이거나 관행이다. 하지만 그 시장은 반드시 변한다. 소비자가 그것을 원하기 때문이다. ​ ​7 그 변화는 순서의 문제일 뿐이다. 불편한 사람이 많은 문제를 해결하면 임팩트가 크다. 소수가 공감하는 문제라면 작은 개선이 된다. 순서대로 언젠가는 변한다. ​ ​8 직접 경험했던 커머스, 여행 시장이 그랬다. 택시, 은행, 배달 시장 역시 변했다. 모두 공급자는 편하고, 소비자는 불편했던 시장이다. 기술이 시장을 새롭게 만들었다. ​ ​9 24년, 처음 엔터 시장을 배웠다. 시장을 알아가며 확신을 갖게 됐다. 이 시장도 분명히 변할 것이다. 미디어 환경은 급변한다. 소비자들도 변했다. 공급하면 팔리던 시대는 끝났다. 취향은 파편화되고, 눈높이는 올라갔다. ​ ​10 결국 핵심은 돈 내는 소비자다. 그들이 편리한 방향으로 세상은 변할 것이다. ​ ​11 24년의 준비가 성과로 돌아오는 25년을 기대한다. 이 시장의 새로운 혁신을 만들어 나가길 꿈꾸며. ​

< 세상은 '돈 내는 사람'이 편한 방향으로 변한다 >

https://blog.naver.com/madaboutit/223710649377

﻿
2024년의 마지막 날, 아들과 딸을 데리고 서울대공원을 찾았습니다. 아내는 회사 일로 바쁘고, 아들은 방학을 했고, 딸은 놀러 가기 좋아하니 제가 아들과 딸을 데리고 의미 있는 시간을 보내고 싶었습니다. 사실 아내가 서울대공원에 있는 미디어 아트 공연 초대 티켓을 얻었는데, 티켓 유효 기간이 어제까지였습니다.

유치원에 다니는 딸은 방학이 없습니다. 그 대신 수업을 자유롭게 빠질 수 있습니다. 돌봄의 개념이 있는 유치원이라서 부모가 하루 돌보겠다고 하면 특별한 절차가 필요 없이 유치원에 가지 않을 수 있습니다. 그래서 어제 딸은 유치원에 가지 않았습니다. 하루 종일 저와 시간을 보냈습니다.

요즘 초등학교는 방학을 학교 재량껏 진행합니다. 방학의 시작과 끝을 결정할 수 있다는 의미입니다. 총 수업 일수만 지키면 방학 기간을 얼마든지 조정할 수 있습니다. 그래서 학교마다 방학 시작과 끝이 다릅니다. 제가 초등학교 다닐 적엔 이날 시작해서 저 날 끝나는 기간이 딱 정해져 있었습니다. 학교도 많이 유연하게 변했습니다.

12월 마지막 날에 방학한 아들과 언제든 수업을 제칠 수 있는 딸과 함께 서울대공원을 찾았습니다. 아내가 준 미디어 아트 초대장을 들고 신나게 서울대공원을 방문했습니다. 소풍 가는 기분도 들고, 여행 가는 느낌도 났습니다. 가는 길에 차가 막히지 않고, 아이들은 차 안에서 가만히 잠을 잤습니다. 차 안으로 들어오는 햇살을 맞으며 서울대공원으로 가는 길이 고요하고 평온했습니다.

미디어 아트는 동물과 그들이 사는 곳을 배경으로 꾸며 놓은 장소입니다. 숲속에 사는 곰과 토끼, 사막에 사는 전갈과 여우, 북극에 사는 펭귄과 물개, 물속에 사는 고래와 상어와 같은 동물 친구들과 그들의 삶의 터전을 리얼하게 볼 수 있는 공간이었습니다. 사방 벽면과 바닥에서 보이는 다채로운 시각 효과가 마치 진짜 동물들과 그들이 사는 공간에 있는 기분을 느끼게 만들었습니다.

아이들은 신이 났습니다. 나비 잡으러 호랑이 만지러 상어를 피하러 다니느라 정신이 없었습니다. 비록 가짜인 줄 알고 있지만, 즐기는 동안 진짜처럼 생각했습니다. 이것이 동심이라는 것을 제대로 관찰했습니다. 어쩌면 동심 덕분에 숲과 사막, 북극과 물속을 자유롭게 여행할 수 있다고 보입니다. 보이는 것 너머에 이미 알고 있는 이미지를 떠올려 상상할 수 있는 능력이 동심이라는 생각이 들었습니다.

두 시간을 신나게 뛰어놀고 배고픈 아이들을 데리고 편의점에 갔습니다. 편의점에서 아이들이 먹고 싶은 것은 무엇이든 다 사주고 싶었습니다. 그런데 동심은 음료수 하나와 과자 하나, 그리고 컵 라면 하나를 집어 들고 만족했습니다. 마치 세상을 다 얻은 것 같은 표정이 저를 부끄럽게 만들었습니다. 항상 더 좋은 것, 더 비싼 것을 가지지 못해 잔뜩 뿔이 돋아 있는 마음이 부끄러웠습니다. 그 욕심 때문에 항상 불평과 불만이 가득한 자신이 불쌍했습니다. 아이들처럼 순수하고 꾸밈없이 살고 싶습니다.

주산 수업이 있는 아들을 위해 서둘러 집으로 돌아가야 했습니다. 마음 같아선 동물원 한 바퀴를 돌고 싶었지만 수업 시간을 지키는 약속이 더 중요했습니다. 배부르게 간식까지 먹은 아이들은 여전히 깔깔거리며 기분이 좋은 모습이었습니다. 아들은 오늘 최고로 재미있었다며 다음에 다시 오자고 제안했습니다. 썩 반가운 멘트는 아니었지만 아이들이 즐거워 보여서 행복했습니다.

행복은 별거 아닌 것 같습니다. 사랑하는 사람들의 미소, 작은 간식, 시원한 바람 정도만 있어도 우린 얼마든지 행복할 수 있습니다. 우리에게 없는 것 때문에 기분 나빠하지 말고, 이미 주어진 것에 감사하는 마음이 필요합니다. 이미 주어진 가족, 친구, 물질과 자연 등 세아릴 수 없이 많은 것들을 감사한 마음으로 누리며 행복해졌으면 좋겠습니다.

2025년 첫날부터 마지막 날까지 행복하세요.
저와 여러분의 행복을 진심으로 응원합니다.

﻿2024년의 마지막 날, 아들과 딸을 데리고 서울대공원을 찾았습니다. 아내는 회사 일로 바쁘고, 아들은 방학을 했고, 딸은 놀러 가기 좋아하니 제가 아들과 딸을 데리고 의미 있는 시간을 보내고 싶었습니다. 사실 아내가 서울대공원에 있는 미디어 아트 공연 초대 티켓을 얻었는데, 티켓 유효 기간이 어제까지였습니다. 유치원에 다니는 딸은 방학이 없습니다. 그 대신 수업을 자유롭게 빠질 수 있습니다. 돌봄의 개념이 있는 유치원이라서 부모가 하루 돌보겠다고 하면 특별한 절차가 필요 없이 유치원에 가지 않을 수 있습니다. 그래서 어제 딸은 유치원에 가지 않았습니다. 하루 종일 저와 시간을 보냈습니다. 요즘 초등학교는 방학을 학교 재량껏 진행합니다. 방학의 시작과 끝을 결정할 수 있다는 의미입니다. 총 수업 일수만 지키면 방학 기간을 얼마든지 조정할 수 있습니다. 그래서 학교마다 방학 시작과 끝이 다릅니다. 제가 초등학교 다닐 적엔 이날 시작해서 저 날 끝나는 기간이 딱 정해져 있었습니다. 학교도 많이 유연하게 변했습니다. 12월 마지막 날에 방학한 아들과 언제든 수업을 제칠 수 있는 딸과 함께 서울대공원을 찾았습니다. 아내가 준 미디어 아트 초대장을 들고 신나게 서울대공원을 방문했습니다. 소풍 가는 기분도 들고, 여행 가는 느낌도 났습니다. 가는 길에 차가 막히지 않고, 아이들은 차 안에서 가만히 잠을 잤습니다. 차 안으로 들어오는 햇살을 맞으며 서울대공원으로 가는 길이 고요하고 평온했습니다. 미디어 아트는 동물과 그들이 사는 곳을 배경으로 꾸며 놓은 장소입니다. 숲속에 사는 곰과 토끼, 사막에 사는 전갈과 여우, 북극에 사는 펭귄과 물개, 물속에 사는 고래와 상어와 같은 동물 친구들과 그들의 삶의 터전을 리얼하게 볼 수 있는 공간이었습니다. 사방 벽면과 바닥에서 보이는 다채로운 시각 효과가 마치 진짜 동물들과 그들이 사는 공간에 있는 기분을 느끼게 만들었습니다. 아이들은 신이 났습니다. 나비 잡으러 호랑이 만지러 상어를 피하러 다니느라 정신이 없었습니다. 비록 가짜인 줄 알고 있지만, 즐기는 동안 진짜처럼 생각했습니다. 이것이 동심이라는 것을 제대로 관찰했습니다. 어쩌면 동심 덕분에 숲과 사막, 북극과 물속을 자유롭게 여행할 수 있다고 보입니다. 보이는 것 너머에 이미 알고 있는 이미지를 떠올려 상상할 수 있는 능력이 동심이라는 생각이 들었습니다. 두 시간을 신나게 뛰어놀고 배고픈 아이들을 데리고 편의점에 갔습니다. 편의점에서 아이들이 먹고 싶은 것은 무엇이든 다 사주고 싶었습니다. 그런데 동심은 음료수 하나와 과자 하나, 그리고 컵 라면 하나를 집어 들고 만족했습니다. 마치 세상을 다 얻은 것 같은 표정이 저를 부끄럽게 만들었습니다. 항상 더 좋은 것, 더 비싼 것을 가지지 못해 잔뜩 뿔이 돋아 있는 마음이 부끄러웠습니다. 그 욕심 때문에 항상 불평과 불만이 가득한 자신이 불쌍했습니다. 아이들처럼 순수하고 꾸밈없이 살고 싶습니다. 주산 수업이 있는 아들을 위해 서둘러 집으로 돌아가야 했습니다. 마음 같아선 동물원 한 바퀴를 돌고 싶었지만 수업 시간을 지키는 약속이 더 중요했습니다. 배부르게 간식까지 먹은 아이들은 여전히 깔깔거리며 기분이 좋은 모습이었습니다. 아들은 오늘 최고로 재미있었다며 다음에 다시 오자고 제안했습니다. 썩 반가운 멘트는 아니었지만 아이들이 즐거워 보여서 행복했습니다. 행복은 별거 아닌 것 같습니다. 사랑하는 사람들의 미소, 작은 간식, 시원한 바람 정도만 있어도 우린 얼마든지 행복할 수 있습니다. 우리에게 없는 것 때문에 기분 나빠하지 말고, 이미 주어진 것에 감사하는 마음이 필요합니다. 이미 주어진 가족, 친구, 물질과 자연 등 세아릴 수 없이 많은 것들을 감사한 마음으로 누리며 행복해졌으면 좋겠습니다. 2025년 첫날부터 마지막 날까지 행복하세요.저와 여러분의 행복을 진심으로 응원합니다.﻿

서울대공원에서

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가지》

2024년을 가만히 회고하기 위해 멜버른을 찾았습니다. 10일간 머문 멜버른에서는 한 여름의 크리스마스를 보낼 수 있었고, 20시가 되더라도 여전히 밝은 도심은 거닐기 좋았습니다. 38도까지 치솟은 날씨는 갑자기 10도까지 떨어지면서 "멜버른에서는 하루에 4계절을 모두 경험할 수 있다"라는 말이 저절로 떠올랐습니다. 그리고 한국으로 돌아오는 비행기를 타기 전 다시 한번 제 눈을 의심하게 만드는 슬픈 소식이 들렸습니다. 한국에서 일어난 가장 큰 항공기 사고로 많은 사람들이 슬픔에 빠졌고 그 소식을 들은 상태로 인천공항에 도착하고 집으로 돌아오는 길, 2024년 회고는 혼자만의 기록으로 남겨두기로 했습니다. 대신, 함께 읽고 싶은 박상현 작가님 글을 공유합니다. 슬픔을 함께 나누는 것은 한 사람의 시민으로서 해야 하는 당연한 일이라고 믿으며, 상식이라고 믿었던 것의 취약성을 여실히 느낍니다.

[ 큐레이터의 문장 🎒 ]

이런 대형사고가 날 때마다 우리의 삶이 얼굴 모르는 타인들에 대한 거의 전적인 신뢰 위에서 유지되고 있음을 깨닫게 된다.

승객들은 만나본 적 없는 조종사들이 충분한 휴식을 하고 신중하게 운항할 거라고 믿고, 조종사들은 자기가 직접 확인할 수 없는 구석구석을 정비사가 제대로 정비했을 거라고 믿고, 정비사들은 매뉴얼을 건네준 제조사가 제대로 설계, 제조했을 거라고 믿고, 제조사는 운항사와 공항이 제대로 정비, 관제할 거라고 믿는다.

그리고 사고가 발생하면 우리 모두는 안전당국이 원인을 철저하게 규명해서 그런 일이 반복되지 않을 거라고 믿는, 길고 거대한 신뢰의 사슬에 의지한다. 우리가 지금 먹고, 숨 쉬고, 이동하며 일상을 사는 건 누군가의 죽음으로 사슬이 고쳐지고 유지되기 때문이다.

따라서 누군가 사고로 목숨을 잃는 건 궁극적으로 살아있는 사람들, 태어날 사람들을 위한 희생이다. 그분들 때문에 우리가 살아있다는 걸 다시 한번 깨닫는다. 우리는 모두 그렇게 연결되어 있고, 돌아가신 분들은 얼굴은 모르지만 남이 아니다.

https://redbusbagman.com/boundtogether/

2024년을 가만히 회고하기 위해 멜버른을 찾았습니다. 10일간 머문 멜버른에서는 한 여름의 크리스마스를 보낼 수 있었고, 20시가 되더라도 여전히 밝은 도심은 거닐기 좋았습니다. 38도까지 치솟은 날씨는 갑자기 10도까지 떨어지면서 "멜버른에서는 하루에 4계절을 모두 경험할 수 있다"라는 말이 저절로 떠올랐습니다. 그리고 한국으로 돌아오는 비행기를 타기 전 다시 한번 제 눈을 의심하게 만드는 슬픈 소식이 들렸습니다. 한국에서 일어난 가장 큰 항공기 사고로 많은 사람들이 슬픔에 빠졌고 그 소식을 들은 상태로 인천공항에 도착하고 집으로 돌아오는 길, 2024년 회고는 혼자만의 기록으로 남겨두기로 했습니다. 대신, 함께 읽고 싶은 박상현 작가님 글을 공유합니다. 슬픔을 함께 나누는 것은 한 사람의 시민으로서 해야 하는 당연한 일이라고 믿으며, 상식이라고 믿었던 것의 취약성을 여실히 느낍니다. [ 큐레이터의 문장 🎒 ] 이런 대형사고가 날 때마다 우리의 삶이 얼굴 모르는 타인들에 대한 거의 전적인 신뢰 위에서 유지되고 있음을 깨닫게 된다. 승객들은 만나본 적 없는 조종사들이 충분한 휴식을 하고 신중하게 운항할 거라고 믿고, 조종사들은 자기가 직접 확인할 수 없는 구석구석을 정비사가 제대로 정비했을 거라고 믿고, 정비사들은 매뉴얼을 건네준 제조사가 제대로 설계, 제조했을 거라고 믿고, 제조사는 운항사와 공항이 제대로 정비, 관제할 거라고 믿는다. 그리고 사고가 발생하면 우리 모두는 안전당국이 원인을 철저하게 규명해서 그런 일이 반복되지 않을 거라고 믿는, 길고 거대한 신뢰의 사슬에 의지한다. 우리가 지금 먹고, 숨 쉬고, 이동하며 일상을 사는 건 누군가의 죽음으로 사슬이 고쳐지고 유지되기 때문이다. 따라서 누군가 사고로 목숨을 잃는 건 궁극적으로 살아있는 사람들, 태어날 사람들을 위한 희생이다. 그분들 때문에 우리가 살아있다는 걸 다시 한번 깨닫는다. 우리는 모두 그렇게 연결되어 있고, 돌아가신 분들은 얼굴은 모르지만 남이 아니다. https://redbusbagman.com/boundtogether/

《보이지 않는 사회적 사슬, 신뢰》

"공백은 무(無)'가 아니다.
무엇인가로 가득차게 될 징조다."

2024년을 마무리하며..
하고 싶었던 인사말
https://bit.ly/4gZVjRT

#굳바이2024 #웰컴2025

"공백은 무(無)'가 아니다.무엇인가로 가득차게 될 징조다." 2024년을 마무리하며..하고 싶었던 인사말https://bit.ly/4gZVjRT #굳바이2024 #웰컴2025

[신년인사] "공백은 무(無)'가 아니다. 무엇인가로 가득차게 될 징조다

오늘은 Amazon Bedrock에서 생성형 AI 애플리케이션의 비용과 지연 시간을 줄이는 데 도움이 되는 두 가지 기능을 평가판으로 도입했습니다. Amazon Bedrock Intelligent Prompt Routing – 모델을 간접 호출할 때 이제 동일한 모델 제품군의 파운데이션 모델(FM) 결합을 사용하여 품질과 비용을 최적화할 수 있습니다. 예를 들어 Anthropic의 Claude 모델 제품군을 사용하면 Amazon Bedrock에서 프롬프트의 복잡성에 따라 Claude 3.5 […]

Amazon Bedrock 지능적 프롬프트 라우팅 및 캐싱을 통해 비용 및 지연 시간 단축 (미리보기) | Amazon Web Services

Prompt Caching은 AI 모델의 성능을 최적화하고 비용을 절감하는 강력한 기술입니다. 이 기능은 반복적으로 사용되는 프롬프트를 저장하여 처리 시간을 단축하고 비용을 줄이는 데 도움을 줍니다

작동 원리
프롬프트 캐싱은 다음과 같이 작동합니다:
 1. 자동 활성화: 1024 토큰 이상의 프롬프트에 대해 자동으로 적용됩니다.
 2. 캐시 조회: 시스템은 프롬프트의 초기 부분(접두어)이 이미 캐시에 저장되어 있는지 확인합니다.
 3. 캐시 히트: 일치하는 접두어가 발견되면 캐시된 결과를 사용하여 처리 시간과 비용을 줄입니다.
 4. 캐시 미스: 일치하는 접두어가 없으면 전체 프롬프트를 처리하고 향후 사용을 위해 접두어를 캐시합니다.
 5. 캐시 유지 시간: 캐시된 프롬프트는 일반적으로 5~10분 동안 유지되며, 비피크 시간에는 최대 1시간까지 유지될 수 있습니다.

Amazon Bedrock Prompt Caching – 여러 모델 간접 호출에서 자주 사용하는 컨텍스트를 프롬프트에 캐시할 수 있습니다. 이 기능은 사용자가 동일한 문서에 대해 여러 질문을 하는 문서 Q&A 시스템이나 코드 파일에 대한 컨텍스트를 유지해야 하는 코딩 도우미와 같이 동일한 컨텍스트를 반복적으로 사용하는 애플리케이션에 특히 유용합니다. 캐시된 컨텍스트는 각 액세스 후 최대 5분 동안 사용할 수 있습니다.

Amazon Bedrock의 프롬프트 캐싱은 지원되는 모델의 비용을 최대 90%, 지연 시간을 최대 85% 절감할 수 있습니다.

https://aws.amazon.com/ko/blogs/korea/reduce-costs-and-latency-with-amazon-bedrock-intelligent-prompt-routing-and-prompt-caching-preview/

Prompt Caching은 AI 모델의 성능을 최적화하고 비용을 절감하는 강력한 기술입니다. 이 기능은 반복적으로 사용되는 프롬프트를 저장하여 처리 시간을 단축하고 비용을 줄이는 데 도움을 줍니다 작동 원리프롬프트 캐싱은 다음과 같이 작동합니다:<ol ><li>자동 활성화: 1024 토큰 이상의 프롬프트에 대해 자동으로 적용됩니다.</li><li>캐시 조회: 시스템은 프롬프트의 초기 부분(접두어)이 이미 캐시에 저장되어 있는지 확인합니다.</li><li>캐시 히트: 일치하는 접두어가 발견되면 캐시된 결과를 사용하여 처리 시간과 비용을 줄입니다.</li><li>캐시 미스: 일치하는 접두어가 없으면 전체 프롬프트를 처리하고 향후 사용을 위해 접두어를 캐시합니다.</li><li>캐시 유지 시간: 캐시된 프롬프트는 일반적으로 5~10분 동안 유지되며, 비피크 시간에는 최대 1시간까지 유지될 수 있습니다.</li></ol> Amazon Bedrock Prompt Caching – 여러 모델 간접 호출에서 자주 사용하는 컨텍스트를 프롬프트에 캐시할 수 있습니다. 이 기능은 사용자가 동일한 문서에 대해 여러 질문을 하는 문서 Q&amp;A 시스템이나 코드 파일에 대한 컨텍스트를 유지해야 하는 코딩 도우미와 같이 동일한 컨텍스트를 반복적으로 사용하는 애플리케이션에 특히 유용합니다. 캐시된 컨텍스트는 각 액세스 후 최대 5분 동안 사용할 수 있습니다. Amazon Bedrock의 프롬프트 캐싱은 지원되는 모델의 비용을 최대 90%, 지연 시간을 최대 85% 절감할 수 있습니다. https://aws.amazon.com/ko/blogs/korea/reduce-costs-and-latency-with-amazon-bedrock-intelligent-prompt-routing-and-prompt-caching-preview/

Amazon Web Services

AI 비용을 90% 지연 시간을 85% 단축하는 프롬프트 캐싱

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 이동욱 님의 회고글이 인상 깊어 공유드립니다. 기록은 더 나은 기억을 만드는 방법이라고 생각합니다. 회고를 하는 방법은 자기만의 리츄얼이기도 하지만, 어떻게 하면 구체적으로 더 나아질 수 있을지 고민하시는 분들께 이 글을 추천합니다.

[ 큐레이터의 문장 🎒 ]

 1. 인프런의 글로벌 진출을 중심으로 조직 관점에서 회고를 작성했습니다.
 2. 개인적인 이벤트(결혼, 블로그, 트레바리 등)를 제외하고 회사 내용으로만 구성했습니다.
 3. 퇴사한 분들에 대한 고마움과 그들이 만든 성과를 강조했습니다. 감사한 마음이 전해집니다.
 4. "누가 이 일을 하지?"와 같은 상황에서 그 일을 말하지 않아도 했던 사람에 대한 내용이 가장 인상적이었습니다. 그레이존이라고 말할 필요도 없을 만큼 일을 하다 보면 R&R 사각지대가 있습니다. 그라데이션처럼 농도가 옅어서 R&R로 구분했다고 보기에 애매한 영역도 존재합니다. 함께 일하고 싶은 동료는 이렇게 시키지 않아도 팀 전체에 도움이 되는 일을 하는 사람입니다.
 5. "부정적 감정은 누구나 일시적으로 가질 수 있지만 그걸 전염시키는 사람이라면 헤어져야 합니다." 트레바리 <리서치 하는데요> 시즌3 멤버 호준 님은 이런 사람을 '에너지 뱀파이어'라고 이야기했는데 아직도 그때의 설명이 생생합니다. 어떤 일이든 부정적으로 바라보는 사람과의 대화는 대화를 나눌수록 에너지를 뺏어가는 흡혈귀를 상대하는 느낌이 들죠. 그런 사람과는 헤어질 줄 알아야 합니다. 분리할 수 있어야 합니다.

https://jojoldu.tistory.com/815

인프런 CTO 이동욱 님의 회고글이 인상 깊어 공유드립니다. 기록은 더 나은 기억을 만드는 방법이라고 생각합니다. 회고를 하는 방법은 자기만의 리츄얼이기도 하지만, 어떻게 하면 구체적으로 더 나아질 수 있을지 고민하시는 분들께 이 글을 추천합니다. [ 큐레이터의 문장 🎒 ] <ol ><li>인프런의 글로벌 진출을 중심으로 조직 관점에서 회고를 작성했습니다.</li><li>개인적인 이벤트(결혼, 블로그, 트레바리 등)를 제외하고 회사 내용으로만 구성했습니다.</li><li>퇴사한 분들에 대한 고마움과 그들이 만든 성과를 강조했습니다. 감사한 마음이 전해집니다.</li><li>"누가 이 일을 하지?"와 같은 상황에서 그 일을 말하지 않아도 했던 사람에 대한 내용이 가장 인상적이었습니다. 그레이존이라고 말할 필요도 없을 만큼 일을 하다 보면 R&amp;R 사각지대가 있습니다. 그라데이션처럼 농도가 옅어서 R&amp;R로 구분했다고 보기에 애매한 영역도 존재합니다. 함께 일하고 싶은 동료는 이렇게 시키지 않아도 팀 전체에 도움이 되는 일을 하는 사람입니다.</li><li>"부정적 감정은 누구나 일시적으로 가질 수 있지만 그걸 전염시키는 사람이라면 헤어져야 합니다." 트레바리 &lt;리서치 하는데요&gt; 시즌3 멤버 호준 님은 이런 사람을 '에너지 뱀파이어'라고 이야기했는데 아직도 그때의 설명이 생생합니다. 어떤 일이든 부정적으로 바라보는 사람과의 대화는 대화를 나눌수록 에너지를 뺏어가는 흡혈귀를 상대하는 느낌이 들죠. 그런 사람과는 헤어질 줄 알아야 합니다. 분리할 수 있어야 합니다.</li></ol> https://jojoldu.tistory.com/815

기억보단 기록을

《개발자가 아니어도 기억해 둘 만한 기록, 회고글》

이제 Amazon Bedrock에는 생성형 AI로 데이터를 분석하는 방법을 간소화하는 네 가지 개선 사항이 도입됩니다. Amazon Bedrock Data Automation(평가판) – Amazon Bedrock의 완전 관리형 기능으로, 문서, 이미지, 오디오, 동영상 등 비정형 멀티모달 콘텐츠에서 귀중한 인사이트를 간편하게 생성할 수 있습니다. Amazon Bedrock Data Automation을 사용하면 자동화된 지능형 문서 처리(IDP), 미디어 분석 및 검색 증강 생성(RAG) 워크플로를 빠르고 […]

Amazon Bedrock 데이터 처리 및 검색 향상: 데이터 자동화, 멀티모달 데이터 처리, GraphRAG 지원 등 | Amazon Web Services

Amazon Bedrock Data Automation(평가판) – Amazon Bedrock의 완전 관리형 기능으로, 문서, 이미지, 오디오, 동영상 등 비정형 멀티모달 콘텐츠에서 귀중한 인사이트를 간편하게 생성할 수 있습니다. Amazon Bedrock Data Automation을 사용하면 자동화된 지능형 문서 처리(IDP), 미디어 분석 및 검색 증강 생성(RAG) 워크플로를 빠르고 비용 효율적으로 빌드할 수 있습니다. 인사이트에는 주요 순간에 대한 동영상 요약, 부적절한 이미지 콘텐츠 탐지, 복잡한 문서의 자동 분석 등이 포함됩니다. 출력을 사용자 지정하여 특정 비즈니스 요구 사항에 맞게 인사이트를 조정할 수 있습니다. Amazon Bedrock Data Automation은 RAG 워크플로에 대한 지식 기반을 설정할 때 독립 실행형 기능 또는 파서로 사용할 수 있습니다.

Amazon Bedrock Knowledge Bases, 다중 모드 데이터 처리 문서와 이미지의 텍스트와 시각적 요소를 모두 처리하는 애플리케이션을 빌드할 수 있도록 Amazon Bedrock Data Automation을 사용하거나 파운데이션 모델(FM)을 파서로 사용하여 문서를 구문 분석하도록 지식 기반을 구성할 수 있습니다. 멀티모달 데이터 처리는 이미지와 텍스트 모두에 포함되어 있는 정보로 구성된 지식 기반에서 얻은 응답의 정확성과 관련성을 향상시킬 수 있습니다.

Amazon Bedrock Knowledge Bases, GraphRAG 지원(평가판). AWS는 이제 최초의 완전 관리형 GraphRAG 기능 중 하나를 제공합니다. GraphRAG는 그래프와 결합된 RAG 기술을 사용하여 최종 사용자에게 보다 정확하고 포괄적인 응답을 제공함으로써 생성형 AI 애플리케이션을 개선합니다.

Amazon Bedrock Knowledge Bases, 정형 데이터 검색 지원 이 기능은 지식 기반을 확장하여 데이터 웨어하우스 및 데이터 레이크의 자연어 쿼리를 지원하므로 애플리케이션이 대화형 인터페이스를 통해 비즈니스 인텔리전스(BI)에 액세스하고 중요한 엔터프라이즈 데이터를 포함함으로써 응답의 정확도를 개선할 수 있습니다. Amazon Bedrock Knowledge Bases는 기본적으로 정형 데이터가 있는 위치에서 해당 데이터를 쿼리할 수 있는 최초의 완전 관리형 RAG 솔루션 중 하나를 기본으로 제공합니다. 이 기능은 데이터 소스 전반의 데이터 사일로를 없애고 생성형 AI 애플리케이션 빌드를 한 달 이상에서 단 며칠로 단축하는 데 도움이 됩니다.

https://aws.amazon.com/ko/blogs/korea/new-amazon-bedrock-capabilities-enhance-data-processing-and-retrieval/

Amazon Bedrock Data Automation(평가판) – Amazon Bedrock의 완전 관리형 기능으로, 문서, 이미지, 오디오, 동영상 등 비정형 멀티모달 콘텐츠에서 귀중한 인사이트를 간편하게 생성할 수 있습니다. Amazon Bedrock Data Automation을 사용하면 자동화된 지능형 문서 처리(IDP), 미디어 분석 및 검색 증강 생성(RAG) 워크플로를 빠르고 비용 효율적으로 빌드할 수 있습니다. 인사이트에는 주요 순간에 대한 동영상 요약, 부적절한 이미지 콘텐츠 탐지, 복잡한 문서의 자동 분석 등이 포함됩니다. 출력을 사용자 지정하여 특정 비즈니스 요구 사항에 맞게 인사이트를 조정할 수 있습니다. Amazon Bedrock Data Automation은 RAG 워크플로에 대한 지식 기반을 설정할 때 독립 실행형 기능 또는 파서로 사용할 수 있습니다. Amazon Bedrock Knowledge Bases, 다중 모드 데이터 처리 문서와 이미지의 텍스트와 시각적 요소를 모두 처리하는 애플리케이션을 빌드할 수 있도록 Amazon Bedrock Data Automation을 사용하거나 파운데이션 모델(FM)을 파서로 사용하여 문서를 구문 분석하도록 지식 기반을 구성할 수 있습니다. 멀티모달 데이터 처리는 이미지와 텍스트 모두에 포함되어 있는 정보로 구성된 지식 기반에서 얻은 응답의 정확성과 관련성을 향상시킬 수 있습니다. Amazon Bedrock Knowledge Bases, GraphRAG 지원(평가판). AWS는 이제 최초의 완전 관리형 GraphRAG 기능 중 하나를 제공합니다. GraphRAG는 그래프와 결합된 RAG 기술을 사용하여 최종 사용자에게 보다 정확하고 포괄적인 응답을 제공함으로써 생성형 AI 애플리케이션을 개선합니다. Amazon Bedrock Knowledge Bases, 정형 데이터 검색 지원 이 기능은 지식 기반을 확장하여 데이터 웨어하우스 및 데이터 레이크의 자연어 쿼리를 지원하므로 애플리케이션이 대화형 인터페이스를 통해 비즈니스 인텔리전스(BI)에 액세스하고 중요한 엔터프라이즈 데이터를 포함함으로써 응답의 정확도를 개선할 수 있습니다. Amazon Bedrock Knowledge Bases는 기본적으로 정형 데이터가 있는 위치에서 해당 데이터를 쿼리할 수 있는 최초의 완전 관리형 RAG 솔루션 중 하나를 기본으로 제공합니다. 이 기능은 데이터 소스 전반의 데이터 사일로를 없애고 생성형 AI 애플리케이션 빌드를 한 달 이상에서 단 며칠로 단축하는 데 도움이 됩니다. https://aws.amazon.com/ko/blogs/korea/new-amazon-bedrock-capabilities-enhance-data-processing-and-retrieval/

Bedrock의 새로운 4가지 기능 개선 사항!

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

Preview: Avatars Will Take The Stage! | ALTER EGO

미국 Fox 채널에서 9월 22일부터 시작하는 새로운 뮤직 오디션 프로그램인데 경연자는 무대 뒤에서 공연을 하고 실제 무대는 아바타가 오르네요. 복면을 쓰고 실력만으로 대결하던 복면가왕과 취지는 비슷하나 훨씬 진화된 버전이네요. 외모지상주의의 반란이 될지 또다른 스탠다드가 만들어질지 흥미롭네요. 새로운 시도는 늘 가슴떨리는 기다림을 주네요. ^^

글로벌 웹툰 업계에서 일한지 5년차되는 UX/UI 디자이너입니다. 한국만화영상진흥원과 웹툰언론전문사 웹툰가이드에서 웹툰 서비스에 대한 컬럼을 기고했습니다. '모바일 웹툰의 정보추구행동 모형화'에 대한 논문을 학술지에 게재했습니다.

글로벌 웹툰 서비스 태피툰 UX/UI 디자이너

김민오

글로벌 웹툰 업계에서 일한 지 5년 차 되는 UX/UI 디자이너입니다. 한국만화영상진흥원과 웹툰 전문언론사에서 웹툰 서비스 개선에 대한 컬럼을 기고했습니다. '모바일 웹툰의 정보추구행동 모형화'에 대한 논문을 학술지에 게재했습니다.
#프로덕트디자인 #BX디자인

프로덕트 디자이너

최아현

마카롱

- Taught computer graphic software to 75 students, 20 hours a week, during the summer and winter of 1994

Lecturer

- Designed interfaces for Video On Demand Internet service and pilot projects for ease of use

Interface Designer

- Directed a UI design team responsible for designing Digital Chosun Internet news site for better user experience
 
- Planned and designed the second and third versions of Digital Chosun Internet news site for easier access and browsing
 
- Created thirty five Internet sites aimed to provide online users with entertainment and education

Web Designer

A leading consumer product company, Seoul, Korea

- Planned and designed Cheil Jedang corporation website through market research and user analysis
 
-Designed the e-shopping website for Chinese New Year holiday gift shoppers. Reduced customer response time by 40%
 
-Established a multimedia team and taught multimedia skills and HCI principles to internal designers

Multimedia Designer

- Collaborated with a multidisciplinary team and delivered a preliminary design solution for Microsoft BizTalk2002
 
- Designed an internal website of user personas to help the development team get better understand users

Design intern, Visual Studio Environment

- Designed information architecture and interfaces of Institute of Design Intranet by identifying user needs
 
- Designed user interfaces of knowledge-based design database website. Achieved 200% database increase in qualitative and quantitative efficiency
 
- Created the entire editorial design of Visible Language 34.3, one of the most historical design journals, published in Oct. 00

Client: #1 auto insurance company in USA

- Involved full product development cycle and played a key UI designer role

- Awarded a Partnership Award for excellent performance, Apr. 2004

- Developed 155 UI specifications and coordinated with off shore developers to communicate design requirements. UI specifications and window flow diagrams were recognized as best deliverables by a project team.
 
- Developed information architecture and designed user interaction for one of the most complicated client projects

- Conducted user research and developed user interfaces to enhance a customer management web-based system

Interface Design Specialist

[ User Interaction Design Manager ]
Sep. 06 – Oct. 07

- Managed the Design Refinement team to bridge mobile UI design concept to implementation for future products targeting different regions globally

- Managed the Connectivity UI team and projects related to mobile connection applications such as calling, VoIP, WiFi, Browser, and more.

[ Lead UI Designer ]
Aug. 04 – Aug. 06

- Led a UI design team, guided Jr. & Sr.designers through design consultation, took initiatives on complex projects

- Delivered UI specs for Push to Talk services and calling related services

UI Manager

- Led user experience designs for Vuforia(Qualcomm’s augmented reality platform) ecosystem, including AR apps, developer management system, and developer portal site
 ** Delivered a talk titled the UX design for AR at Augmented World Expo conference 2013

- Led user experience designs for BREW ecosystem, including app store mobile clients for end-users, catalog management system for carriers, and developer portal site for developers

User Experience Designer, Sr. Staff

- Directed user experience designs for the Samsung smart watch line-up; Gear Sport, Gear S3 & S2 & S, and Gear 2. The world best circular and rotating bezel UX

- Directed user experience designs for the Samsung fitness band line-up; Gear Fit2 & Pro, Gear Fit, and the Samsung hearable line-up; Gear IconX

- Directed Tizen wearable platform OS UX for the Samsung wearable products and its SDK(Software Development Kit)

- Directed user experience designs for Gear VR(Virtual Reality) and its applications(Gallery, Browser, Notifications, etc.), 2014&2015


PRODUCT AWARDS
- Samsung Gear Sport
 : Innovation Award, CES 2018

- Samsung Gear IconX 2018
 : Innovation Award, CES 2018

- Samsung Gear Fit2 Pro
 : Innovation Award, CES 2018

- Samsung Gear Fit2
 : iF Design Award, 2017 (https://ifworlddesignguide.com/entry/208267-samsung-gear-fit2-ux)
 : Innovation Award, CES 2017

- Samsung Gear S3
 : Best Innovation Award, CES 2017

Principal UX Designer

- Spearheaded the development of a brand-new Google Assistant UX for Pixel Watch from ideation to implementation
- Defined and designed new Google Assistant framework and experience on Pixel 4, shifting from app model to OS layer model

UX Design Lead, Google Assistant

- Leading multi-modal conversational UX for wearables and emerging tech through innovative design strategies

Sr. Staff UX Design Lead, Google Assistant

- Represented the Department of Informational Design, Mar.94-Feb.95

- Organized an annual departmental workshop and student exhibition, May 94

Information Design BFA

Research project: knowledge management application for the museum, GPA 3.9/4.0

- Exhibited ID resources and Uncover Sue projects at American Center for Design annual conference, Oct. 00

- Won the first prize of the IIT interprofessional projects for E-Business strategies and website design sponsored by General Motors Electro-Motive Division, May 00

- Awarded Anne Clark, Vignelli Associates Fellowship, Mutsuo Okabayashi Fellowship, and Moholy-Nagy Fellowship for academic excellency

Human Computer Interaction, Design Master of Design

김은주

EK 커리어노트

생각이 너무 많은 서른 살에게

유튜브 영상 모음

[인간을 위한 디자인]을 위한 노하우와 정보를 전합니다. 커리어/자기계발/이직 관련 글도 전합니다. 

[생각이 너무 많은 서른 살에게] 저자

#디자이너 #독서 #문제를해결하는 #블로거 #UI/UX #UI/UX디자인 #Why

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필