유니코드의 정규화 방법 4가지의 차이점을 알고 이를 JavaScript에서 사용하는 방법에 대해 알아봅니다.

normalize 메서드를 이용해 유니코드 문자열 정규화하기 - 재그지그의 개발 블로그

- 유니코드의 정규화 방법 4가지의 차이점을 알고 이를 JavaScript에서 사용하는 방법에 대해 알아봅니다.

---

최근 회사 업무 중 국가 이름을 알파벳 첫 글자에 따라 그루핑하는 작업을 맡게 되었습니다. 단순히 알파벳 별로 국가들을 묶으면 되는 일이라 쉽게 생각했지만, 예상치 못한 난관에 부딪혔습니다. 그 이유는 바로 올란드 제도(Åland Islands) 때문이었습니다.

올란드 제도의 영어 이름은 알파벳 A 에 고리 모양의 기호 ˚ 가 결합 문자로 붙은 Å 로 시작하는 것이 그 이유였습니다. 기획에 따르면 올란드 제도는 알파벳 A 로 시작하는 국가들과 함께 그루핑 되어야 했습니다.

이 문제를 해결하기 위해 결합 문자가 포함된 문자열을 어떻게 처리해야 할지 고민하게 되었는데요.  다행히 ChatGPT의 도움을 받아 해결책을 얻을 수 있었습니다.

하지만 normalize 메서드를 직접 사용해 본 경험은 이번이 처음이라, 메서드 인자에 들어가는 값인  "NFD" 의 의미에 대해 정확히 이해하지 못한 채 사용하게 되었습니다. 그래서 이번 기회에 이 부분을 본격적으로 정리해보자는 생각이 들었고, 그 결과 이번 글을 작성하게 되었습니다.

https://wormwlrm.github.io/2024/12/30/String-Normalize.html

- 유니코드의 정규화 방법 4가지의 차이점을 알고 이를 JavaScript에서 사용하는 방법에 대해 알아봅니다. --- 최근 회사 업무 중 국가 이름을 알파벳 첫 글자에 따라 그루핑하는 작업을 맡게 되었습니다. 단순히 알파벳 별로 국가들을 묶으면 되는 일이라 쉽게 생각했지만, 예상치 못한 난관에 부딪혔습니다. 그 이유는 바로&nbsp;올란드 제도(Åland Islands)&nbsp;때문이었습니다. 올란드 제도의 영어 이름은 알파벳&nbsp;A&nbsp;에 고리 모양의&nbsp;기호 ˚&nbsp;가 결합 문자로 붙은&nbsp;Å&nbsp;로 시작하는 것이 그 이유였습니다. 기획에 따르면 올란드 제도는 알파벳&nbsp;A&nbsp;로 시작하는 국가들과 함께 그루핑 되어야 했습니다. 이 문제를 해결하기 위해 결합 문자가 포함된 문자열을 어떻게 처리해야 할지 고민하게 되었는데요.&nbsp; 다행히 ChatGPT의 도움을 받아 해결책을 얻을 수 있었습니다. 하지만&nbsp;normalize&nbsp;메서드를 직접 사용해 본 경험은 이번이 처음이라, 메서드 인자에 들어가는 값인&nbsp; "NFD"&nbsp;의 의미에 대해 정확히 이해하지 못한 채 사용하게 되었습니다. 그래서 이번 기회에 이 부분을 본격적으로 정리해보자는 생각이 들었고, 그 결과 이번 글을 작성하게 되었습니다. https://wormwlrm.github.io/2024/12/30/String-Normalize.html

재그지그의 개발 블로그

🔠 normalize 메서드를 이용해 유니코드 문자열 정규화하기

📌 이럴 때 추천해요 : "연말연시에 어울리는 책을 고르는 중일 때 - ④"

01 . 어제는 독서모임 분들과 한 해를 정리하는 송년회이자 Recap의 시간을 가졌습니다. 벌써 만 3년 정도를 운영하고 있는 모임인데 올해 2024년 동안 매달 읽었던 책들을 회고해 보고, 새해에 어울릴만한 이야기들도 나눠보고, 서로를 응원하는 시간도 가지는 나름 뜻깊은 행사였죠. 그리고 그 행사엔 몇 해 동안 이어오는 저희만의 작은 전통도 빠짐없이 등장했습니다. 독서모임답게 각자가 책 한 권씩을 준비해 랜덤으로 뽑은 누군가에게 그 책을 선물하는 이벤트인데요, 누구에게 어떤 책을 선물받게 될지 모르는 뜻밖의 두근거림과 그 사람이 써준 정성스러운 편지를 받을 수 있기에 멤버분들 역시 애정하는 순서 중 하나입니다.

02 . 어제도 모두 정성스러운 편지와 함께 각자의 안목과 이유가 담긴 책을 골라오셨는데 그중에서 '그때를 위한 책'에서 소개해도 좋겠다고 생각되는 책들이 몇 권 눈에 띄더라고요. 특히 제가 재미있게 읽었던 작품인 ⟪행복의 지도⟫가 나왔을 때는 반가운 마음과 더불어 여러분들께도 꼭 소개해 드리고 싶다는 생각이 들었습니다.

03 . ⟪행복의 지도⟫는 한국인들에게도 큰 사랑을 받았던 베스트셀러 ⟪소크라테스 익스프레스⟫의 저자 에릭 와이너의 작품입니다. ⟪소크라테스 익스프레스⟫에서는 일상 속에서 적용해 볼 수 있는 현실적인 철학들을 소개했다면 ⟪행복의 지도⟫에서는 각 나라의 도시들을 조명하며 '정말 그 나라의 그 도시에서, 그들의 기준과 가치로 살아본다면 과연 우리는 행복을 느낄 수 있을까?'에 대한 이야기를 풀어내고 있거든요. 우리나라에서는 비교적 덜 주목을 받았지만 해외에서는 오히려 ⟪소크라테스 익스프레스⟫보다 더 인기를 끌었던 작품이기도 합니다.

04 . 실제로 뉴욕타임스의 기자와 NPR 해외통신원으로 일하며 수많은 국가를 여행하고 또 살아본 경험이 있는 에릭 와이너는 자신의 강점을 살려 특유의 인사이트를 뿜어내고 있는데요, 개인적으로 ⟪소크라테스 익스프레스⟫도 좋았지만 ⟪행복의 지도⟫에서 자신이 할 수 있는 이야기를 더 집중력 있게 하고 있단 생각이 들었습니다. 각 나라와 제도에 대한 쏠쏠한 상식과도 마주할 수 있고 그들의 삶을 세밀하게 관찰해서 전달해 주는 저널리스트이자 여행가로서의 저자 역량 역시 120% 전달되기 때문이죠.

05 . 무엇보다도 제가 연말에 이 책을 추천드리는 이유는 '새해엔 어떻게 살아볼까'라는 관점과 '어떻게 해야 조금 더 행복해질 수 있을까'란 힌트를 얻는데 매우 좋은 책이라는 생각에서입니다. 이런 질문들에 대한 답을 혼자 가만히 앉아있다가 떠올리려면 힘든 법이지만 다른 사람의 세상을 구경하는 과정에서 조금씩 나 스스로에게 화살을 돌리다 보면 여러 가지 대답을 해볼 수 있거든요. 그런 의미에서 훌륭하고도 멋진 나라, 신기하고도 특별한 나라들의 여행을 따라서 여러분만의 행복의 지도를 그려볼 수도 있다고 생각합니다.

06 . 아.. 그 말씀을 안 드렸는데 책은 꽤 두꺼운 편입니다. 500쪽이 훌쩍 넘어가거든요. 연말 휴일에 맞춰 후루룩 읽기에는 조금 빡센 느낌이 있지만 이번 기회에 사두고서 조금씩 읽다 보면 그래도 한 해를 시작하는 시점에 많은 힌트를 얻을 수 있을 테니까요, 여러분들에게도 부디 작은 행복의 단서를 선물할 수 있는 책이기를 바라봅니다.
(개인적으로 저는 책에 소개된 10개의 국가 중 '스위스', '아이슬란드', '영국'편이 가장 인상 깊었습니다. 여러분은 또 어떤 국가의 지도에서 행복의 관점을 발견하게 되실지 궁금하네요!)

📌 이럴 때 추천해요 : "연말연시에 어울리는 책을 고르는 중일 때 - ④" 01 . 어제는 독서모임 분들과 한 해를 정리하는 송년회이자 Recap의 시간을 가졌습니다. 벌써 만 3년 정도를 운영하고 있는 모임인데 올해 2024년 동안 매달 읽었던 책들을 회고해 보고, 새해에 어울릴만한 이야기들도 나눠보고, 서로를 응원하는 시간도 가지는 나름 뜻깊은 행사였죠. 그리고 그 행사엔 몇 해 동안 이어오는 저희만의 작은 전통도 빠짐없이 등장했습니다. 독서모임답게 각자가 책 한 권씩을 준비해 랜덤으로 뽑은 누군가에게 그 책을 선물하는 이벤트인데요, 누구에게 어떤 책을 선물받게 될지 모르는 뜻밖의 두근거림과 그 사람이 써준 정성스러운 편지를 받을 수 있기에 멤버분들 역시 애정하는 순서 중 하나입니다. 02 . 어제도 모두 정성스러운 편지와 함께 각자의 안목과 이유가 담긴 책을 골라오셨는데 그중에서 '그때를 위한 책'에서 소개해도 좋겠다고 생각되는 책들이 몇 권 눈에 띄더라고요. 특히 제가 재미있게 읽었던 작품인 ⟪행복의 지도⟫가 나왔을 때는 반가운 마음과 더불어 여러분들께도 꼭 소개해 드리고 싶다는 생각이 들었습니다. 03 . ⟪행복의 지도⟫는 한국인들에게도 큰 사랑을 받았던 베스트셀러 ⟪소크라테스 익스프레스⟫의 저자 에릭 와이너의 작품입니다. ⟪소크라테스 익스프레스⟫에서는 일상 속에서 적용해 볼 수 있는 현실적인 철학들을 소개했다면 ⟪행복의 지도⟫에서는 각 나라의 도시들을 조명하며 '정말 그 나라의 그 도시에서, 그들의 기준과 가치로 살아본다면 과연 우리는 행복을 느낄 수 있을까?'에 대한 이야기를 풀어내고 있거든요. 우리나라에서는 비교적 덜 주목을 받았지만 해외에서는 오히려 ⟪소크라테스 익스프레스⟫보다 더 인기를 끌었던 작품이기도 합니다. 04 . 실제로 뉴욕타임스의 기자와 NPR 해외통신원으로 일하며 수많은 국가를 여행하고 또 살아본 경험이 있는 에릭 와이너는 자신의 강점을 살려 특유의 인사이트를 뿜어내고 있는데요, 개인적으로 ⟪소크라테스 익스프레스⟫도 좋았지만 ⟪행복의 지도⟫에서 자신이 할 수 있는 이야기를 더 집중력 있게 하고 있단 생각이 들었습니다. 각 나라와 제도에 대한 쏠쏠한 상식과도 마주할 수 있고 그들의 삶을 세밀하게 관찰해서 전달해 주는 저널리스트이자 여행가로서의 저자 역량 역시 120% 전달되기 때문이죠. 05 . 무엇보다도 제가 연말에 이 책을 추천드리는 이유는 '새해엔 어떻게 살아볼까'라는 관점과 '어떻게 해야 조금 더 행복해질 수 있을까'란 힌트를 얻는데 매우 좋은 책이라는 생각에서입니다. 이런 질문들에 대한 답을 혼자 가만히 앉아있다가 떠올리려면 힘든 법이지만 다른 사람의 세상을 구경하는 과정에서 조금씩 나 스스로에게 화살을 돌리다 보면 여러 가지 대답을 해볼 수 있거든요. 그런 의미에서 훌륭하고도 멋진 나라, 신기하고도 특별한 나라들의 여행을 따라서 여러분만의 행복의 지도를 그려볼 수도 있다고 생각합니다. 06 . 아.. 그 말씀을 안 드렸는데 책은 꽤 두꺼운 편입니다. 500쪽이 훌쩍 넘어가거든요. 연말 휴일에 맞춰 후루룩 읽기에는 조금 빡센 느낌이 있지만 이번 기회에 사두고서 조금씩 읽다 보면 그래도 한 해를 시작하는 시점에 많은 힌트를 얻을 수 있을 테니까요, 여러분들에게도 부디 작은 행복의 단서를 선물할 수 있는 책이기를 바라봅니다. (개인적으로 저는 책에 소개된 10개의 국가 중 '스위스', '아이슬란드', '영국'편이 가장 인상 깊었습니다. 여러분은 또 어떤 국가의 지도에서 행복의 관점을 발견하게 되실지 궁금하네요!)

[ 그때를 위한 책 - vol.59 ] ⟪행복의 지도⟫

지난 8월말부터 12월 중순까지 17주간 SJSU(San Jose State University) Applied Data Science 석사과정에서 "Data Warehouse and Pipelines"라는 과목을 가르치며 느낀 점을 복기해보고자 한다.

 * 실리콘밸리내에서 취업률이 높기로 유명한 학교지만 IT 기업의 특히 주니어 채용이 여전히 낮다보니 오피스 아워에 찾아오는 학생들은 대부분 취업은 둘째치고 인턴자리도 없다는 하소연을 했다. 미국 경기가 좋다고 하지만 개발자나 IT쪽은 분명 아니다.
 * 위의 이유는 코딩 관련 AI 기술의 괄목할 만한 발전 때문임을 이제는 부인할 수 없다고 보여진다. 함수 레벨의 코딩은 이제 개인이 직접할 이유는 없어 보인다. 프롬프트를 잘 작성하고 검증 케이스만 만들면 충분한 정도로 코딩봇은 발전했다. 당장은 주니어 개발자들에게 영향을 주겠지만 혼자서 코딩에만 열을 올리는 개발자들에게도 곧 부정적인 영향을 주리라 믿는다. 좋은 평판을 만들고 의사 소통이 가능하며 나만이 아니라 내가 속한 그룹에 좋은 영향력을 가진 사람이 되려 할 필요가 더욱 있다.
 * 그룹 프로젝트, 랩 등 여럿이 공동으로 하는 작업의 경우 peer review를 이번에도 하기는 했지만 다음에는 성실성과 기여도에 따라 배점을 확실히 다르게 바꿔볼 예정이다. 이번에는 모든 팀원들이 가장 낮게 배점을 준 개인에게는 점수를 확실히 낮게 주었는데 다음 학기에는 이를 분명히 공표하고 팀웍을 강조할 예정이다.
 * 매주 나가는 숙제와 4주에 한번씩 본 퀴즈의 경우 배점 비율이 10%씩으로 낮았는데 이를 높이고 중간고사/기말고사/그룹 프로젝트의 비율을 상대적으로 낮출 생각이다.
 * Data Warehouse로 Snowflake를 사용하고 Visualization Tool로 Tableau를 사용하는 것을 제외하고 나머지 실습은 모두 Docker과 Google Colab으로 진행하도록 커리큘럼을 수정할 예정이다.
 * 숙제와 랩의 채점 기준도 이번 한번 하면서 어느 정도 명확해졌고 결국 어떤 조교를 채용하느냐가 가장 중요하다는 점도 깨달았다. 조교 채용을 회사에서 채용하듯이 잘 따져보려고 채용 기준을 만들었다.
 * 학생들과 소통에 대해서도 많이 배웠는데 반복해도 안 듣는 학생들이 있었고 이런 학생들까지 구제해주기 보다는 출석 열심히 하고 잘 따라오는 학생들이 더 유리한 형태로 깜짝 퀴즈등도 고려해볼 생각이다.

한 학기지만 학생들을 가르치며 취업의 어려움과 교육과 현실 사이의 거리를 느끼게 된 것은 큰 깨달음이 아닌가 싶다. AI 시대에 맞는 교육은 어떤 모양일까?

지난 8월말부터 12월 중순까지 17주간 SJSU(San Jose State University) Applied Data Science 석사과정에서 "Data Warehouse and Pipelines"라는 과목을 가르치며 느낀 점을 복기해보고자 한다. <ul ><li>실리콘밸리내에서 취업률이 높기로 유명한 학교지만 IT 기업의 특히 주니어 채용이 여전히 낮다보니 오피스 아워에 찾아오는 학생들은 대부분 취업은 둘째치고 인턴자리도 없다는 하소연을 했다. 미국 경기가 좋다고 하지만 개발자나 IT쪽은 분명 아니다.</li><li>위의 이유는 코딩 관련 AI 기술의 괄목할 만한 발전 때문임을 이제는 부인할 수 없다고 보여진다. 함수 레벨의 코딩은 이제 개인이 직접할 이유는 없어 보인다. 프롬프트를 잘 작성하고 검증 케이스만 만들면 충분한 정도로 코딩봇은 발전했다. 당장은 주니어 개발자들에게 영향을 주겠지만 혼자서 코딩에만 열을 올리는 개발자들에게도 곧 부정적인 영향을 주리라 믿는다. 좋은 평판을 만들고 의사 소통이 가능하며 나만이 아니라 내가 속한 그룹에 좋은 영향력을 가진 사람이 되려 할 필요가 더욱 있다.</li><li>그룹 프로젝트, 랩 등 여럿이 공동으로 하는 작업의 경우 peer review를 이번에도 하기는 했지만 다음에는 성실성과 기여도에 따라 배점을 확실히 다르게 바꿔볼 예정이다. 이번에는 모든 팀원들이 가장 낮게 배점을 준 개인에게는 점수를 확실히 낮게 주었는데 다음 학기에는 이를 분명히 공표하고 팀웍을 강조할 예정이다.</li><li>매주 나가는 숙제와 4주에 한번씩 본 퀴즈의 경우 배점 비율이 10%씩으로 낮았는데 이를 높이고 중간고사/기말고사/그룹 프로젝트의 비율을 상대적으로 낮출 생각이다.</li><li>Data Warehouse로 Snowflake를 사용하고 Visualization Tool로 Tableau를 사용하는 것을 제외하고 나머지 실습은 모두 Docker과 Google Colab으로 진행하도록 커리큘럼을 수정할 예정이다.</li><li>숙제와 랩의 채점 기준도 이번 한번 하면서 어느 정도 명확해졌고 결국 어떤 조교를 채용하느냐가 가장 중요하다는 점도 깨달았다. 조교 채용을 회사에서 채용하듯이 잘 따져보려고 채용 기준을 만들었다.</li><li>학생들과 소통에 대해서도 많이 배웠는데 반복해도 안 듣는 학생들이 있었고 이런 학생들까지 구제해주기 보다는 출석 열심히 하고 잘 따라오는 학생들이 더 유리한 형태로 깜짝 퀴즈등도 고려해볼 생각이다.</li></ul> 한 학기지만 학생들을 가르치며 취업의 어려움과 교육과 현실 사이의 거리를 느끼게 된 것은 큰 깨달음이 아닌가 싶다. AI 시대에 맞는 교육은 어떤 모양일까?

SJSU 강의 회고

1
명상은 무언가를 하는 것이 아닙니다. 무언가를 하는 것을 멈추는 것입니다.

2
따라서 명상은 스스로에게 돌아가기, 또는 스스로를 쉬게 하는 것이라 할 수 있습니다.

3
스스로의 존재를 알아차리는 것을 제외한 다른 모든 것에는 어떤 행위가 필요합니다.

4
생각, 느낌, 행동, 지각은 모두 마음의 행위입니다. 그렇지만 우리가 이런 행위들에 너무나 익숙해진 나머지, 더 이상 행위로 여기지 않게 된 것일 뿐이지요.

5
알아차림에 대한 알아차림, 즉 알아차림이 자기 자신을 알아차리는 것은 애쓰지 않아도 되는 유일한 경험입니다.

6
마음이 자신의 경험인 대상적인 내용에서부터 출발하여, 가장 깊은 곳에 있고 항상 존재하며 환원 불가능한 본질에 도달하기까지의 여정을 동양에서는 '명상'이라고 부르고, 서양에서는 '기도'라고 불러왔습니다.

#알아차림에대한알아차림

1 명상은 무언가를 하는 것이 아닙니다. 무언가를 하는 것을 멈추는 것입니다. ​ ​2 따라서 명상은 스스로에게 돌아가기, 또는 스스로를 쉬게 하는 것이라 할 수 있습니다. ​ ​3 스스로의 존재를 알아차리는 것을 제외한 다른 모든 것에는 어떤 행위가 필요합니다. ​ ​4 생각, 느낌, 행동, 지각은 모두 마음의 행위입니다. 그렇지만 우리가 이런 행위들에 너무나 익숙해진 나머지, 더 이상 행위로 여기지 않게 된 것일 뿐이지요. ​ ​5 알아차림에 대한 알아차림, 즉 알아차림이 자기 자신을 알아차리는 것은 애쓰지 않아도 되는 유일한 경험입니다. ​ ​ ​6 마음이 자신의 경험인 대상적인 내용에서부터 출발하여, 가장 깊은 곳에 있고 항상 존재하며 환원 불가능한 본질에 도달하기까지의 여정을 동양에서는 '명상'이라고 부르고, 서양에서는 '기도'라고 불러왔습니다. #알아차림에대한알아차림

< 내 안으로 돌아가기: '명상은 휴식이다' >

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

해외 시장 공략을 위해 현지 기업을 사들이거나 합작법인(JV)을 세우는 정보기술(IT) 기업과 스타트업이 늘고 있다. 24일 글로벌디지털혁신네트워크(GDIN)에 따르면 3차원(3D)모델링 솔루션 기업 창소프트아이앤아

JV 세우고 M&A…달라진 스타트업 해외공략법

예전에는 해외법인 설립하는 것도 많이 헤맸죠. 요새는 투자 기법도 많이 학습하고 네트워크도 넓어지면서 기존 대기업이 쓰던 방식들 많이 씁니다.
——
해외 진출에 나선 IT 기업이 현지 업체와 손잡고 앞다퉈 새 회사를 꾸리는 모습이다. 특히 중동 국가의 경우 정부로부터 사업권을 따내는 게 핵심이다. 현지 기업과 합작을 택하면 정부 사업에 쉽게 접근할 수 있고, 투자받기에도 용이하다. 스타트업 전문 로펌도 최근 중동 진출을 조언할 때 JV 설립을 먼저 제안하는 것으로 알려졌다.

https://n.news.naver.com/article/015/0005074064?sid=101

예전에는 해외법인 설립하는 것도 많이 헤맸죠. 요새는 투자 기법도 많이 학습하고 네트워크도 넓어지면서 기존 대기업이 쓰던 방식들 많이 씁니다.——해외 진출에 나선 IT 기업이 현지 업체와 손잡고 앞다퉈 새 회사를 꾸리는 모습이다. 특히 중동 국가의 경우 정부로부터 사업권을 따내는 게 핵심이다. 현지 기업과 합작을 택하면 정부 사업에 쉽게 접근할 수 있고, 투자받기에도 용이하다. 스타트업 전문 로펌도 최근 중동 진출을 조언할 때 JV 설립을 먼저 제안하는 것으로 알려졌다. https://n.news.naver.com/article/015/0005074064?sid=101

n.news.naver.com

구글은 16일(현지시간) 동영상 생성 인공지능(AI) '비오 2'를 공개하며, 색다른 벤치마크 결과를 공개했습니다. 메타의 '무비젠', 중국 콰이쇼우의 '클링', 중국 '미니맥스' 등과 함께 오픈AI의 '소라 터보'를 비교 대상으로 사용자 선호도를 공개한 것입니다.그 결과 비오 2는 다른 동영상 모델을 모두 앞섰으며, 특히 지난주 공개된 소라와는 58.8%대 26.7%(무승부 14.5%)로 두배 이상 많은 사람들이 선호하는 것으로 나타났습니다. 당연히 많은 매체들은 '구글이 소라를 앞섰다'라는 제목의 기사를 내놓았습니다.대형언어모델

[12월17일] '소라'로 인해 깨진 동영상 생성 AI의 '환상'..."AI는 영화를 만들지 못해"

심지어 이제는 동영상 생성 AI를 챗GPT처럼 파괴적인 도구로 볼 필요가 없다는 말까지 나왔습니다. 소라뿐만이 아니라, 동영상 생성 AI는 한계가 뚜렷하다는 것입니다. 일관성이 있는 긴 동영상을 만드는 것은 아직 불가능하며, 결국 인간 창의성을 대체하거나 영화의 본질적인 면까지 파고들기에는 역부족입니다.

특히 현재 기술로는 복잡한 시나리오로 구성된 10분이 넘는 영상을 무리 없이 생성하는 것은 불가능할 것으로 보입니다. 그리고 이번 소라의 출시가 이를 본격적으로 부각하는 계기로 볼 수 있습니다.

https://www.aitimes.com/news/articleView.html?idxno=166294

심지어 이제는 동영상 생성 AI를 챗GPT처럼 파괴적인 도구로 볼 필요가 없다는 말까지 나왔습니다. 소라뿐만이 아니라, 동영상 생성 AI는 한계가 뚜렷하다는 것입니다. 일관성이 있는 긴 동영상을 만드는 것은 아직 불가능하며, 결국 인간 창의성을 대체하거나 영화의 본질적인 면까지 파고들기에는 역부족입니다. 특히 현재 기술로는 복잡한 시나리오로 구성된 10분이 넘는 영상을 무리 없이 생성하는 것은 불가능할 것으로 보입니다. 그리고 이번 소라의 출시가 이를 본격적으로 부각하는 계기로 볼 수 있습니다. https://www.aitimes.com/news/articleView.html?idxno=166294

AI타임스

원문: https://testsigma.com/blog/decision-table-testing/

(번역) 의사결정 테이블(Decision Table) 테스팅 완벽 개요

모두 따뜻한 연말 보내고 계신가요?
오늘은 저번 테스팅 기법 시리즈에 이어 세 가지 테스팅 기법에 대한 개요 글을 번역해 봤습니다. 다양한 입력 조건의 조합을 체계적으로 테스트하는 의사결정 테이블 테스팅, 시스템의 상태 변화와 전환 과정의 정확성을 검증하는 상태 전이 테스팅, 그리고 실제 사용자 시나리오를 기반으로 테스트하는 유스케이스 테스팅까지, 각 기법의 특징과 활용 방법을 자세히 다루고 있습니다. 테스트 설계에 어려움을 겪고 계신 분들께 추천드립니다. 📚

✔️ 의사결정 테이블(Decision Table) 테스팅 완벽 개요 링크: https://bit.ly/3BIUfmk
✔️ 상태 전이(State transition) 테스팅 기법 링크: https://bit.ly/408abb0
✔️ 예제와 함께하는 유스 케이스(Use Case) 테스팅 튜토리얼 링크: https://bit.ly/40ceJgs

모두 따뜻한 연말 보내고 계신가요? 오늘은 저번 테스팅 기법 시리즈에 이어 세 가지 테스팅 기법에 대한 개요 글을 번역해 봤습니다. 다양한 입력 조건의 조합을 체계적으로 테스트하는 의사결정 테이블 테스팅, 시스템의 상태 변화와 전환 과정의 정확성을 검증하는 상태 전이 테스팅, 그리고 실제 사용자 시나리오를 기반으로 테스트하는 유스케이스 테스팅까지, 각 기법의 특징과 활용 방법을 자세히 다루고 있습니다. 테스트 설계에 어려움을 겪고 계신 분들께 추천드립니다. 📚 ✔️ 의사결정 테이블(Decision Table) 테스팅 완벽 개요 링크: https://bit.ly/3BIUfmk ✔️ 상태 전이(State transition) 테스팅 기법 링크: https://bit.ly/408abb0 ✔️ 예제와 함께하는 유스 케이스(Use Case) 테스팅 튜토리얼 링크: https://bit.ly/40ceJgs

bit.ly

의사 결정 테이블, 상태 전이, 유스케이스 테스팅 개요

계란후라이 1156

﻿
이제 2024년이 5일도 남지 않았습니다. 한 해 어떻게 보내셨습니까? 2023년 연말에 수립한 새해 다짐과 목표, 그리고 계획을 잘 실천하셨나요?

우리는 새해를 맞이하며 한 가지 이상 하고 싶거나 얻고 싶은 무언가를 소망하며 목표를 수립합니다. 그러니까 우리 노력에 의해서 달성 가능한 목표를 만듭니다. 다이어트, 공부, 취업이나 이직, 돈, 여행 등 목표는 다양하고 자유롭습니다.

문제는 실천입니다. 간절한 목표만큼 구체적인 실행 계획은 잘 준비하지 않습니다. 간절한 목표인 만큼 자주 머릿속으로 생각은 하는데 몸으로 움직임은 적습니다. 다짐에 비해 포기는 쉽습니다. 한 달 정도 원하는 성과가 나오지 않으면 다음 생을 기약합니다.

성공한 사람들이 이야기합니다. 목표는 작아야 하고 실행 계획은 짧은 기간 단위로 잡아야 합니다. 살을 10킬로그램 이상 빼겠다는 원대한 목표를 수립하는 것은 좋습니다. 다만, 먼저 살을 0.5그램 단축하기 위한 실행 계획을 세워야 합니다. 그것도 가능한 짧은 기간으로 달성해 보는 것입니다. 가령 일주일 기간을 두고 0.5그램을 다이어트한다면, 오늘부터 무엇을 먹고 어떤 운동을 얼마나 해야 할까요? 시작은 오늘, 바로 지금부터 해야 합니다.

작은 목표와 짧은 계획이 지속적으로 실행되면 원대한 목표를 달성 가능합니다. 이게 말이 되는 이야기인지 궁금하면 오늘부터 실행해 보시기 바랍니다. 골프 천재 타이거 우즈는 지독한 연습 벌레였습니다. 그는 비가 오나 눈이 오나 바람이 부나 연습했습니다. 그는 매일 실전과 같은 라운드를 돌지 않았습니다. 자신이 부족한 단 한 가지 동작을 매일 반복했습니다. 개선이 될 때까지 반복했습니다. 목표 달성은 이렇습니다. 세계 최고가 되고 싶다면, 그에 필요한 준비를 하나씩 차례대로 완성하면 됩니다.

우리가 매년 새해 다짐과 목표를 실천하지 못하는 이유는 설렘이 없기 때문입니다. 하고 싶은 일, 얻고 싶은 능력이 있다면, 그 일을 잘하고 있는 자신의 모습과 그 능력을 발휘하고 있는 자신의 모습을 상상할 수 있어야 합니다. 1년 후 목표를 달성한 자신의 모습을 그려보는 것이 비전 Vision입니다. 비전이 있어야 목표 달성 과정 중에 어려움을 만나도 포기하지 않습니다.

비전이 지루하고 불편하고 힘든 목표 달성 과정을 버티게 해줍니다. 좋은 회사에 원하는 직무로 입사하고 싶다면, 그곳에서 사원증을 메고 멋지게 일을 하는 자신을 상상해 보세요. 친척과 친구에게 어깨 으쓱하며 명함을 건네는 상상해 보세요. 지금 준비가 필요한 노력을 하는데 조금 힘들고 불편하고 지루한 것을 참기 어렵지 않습니다.

편하게 발전하는 방법은 없습니다. 변화와 개선은 힘들고 어렵습니다. 인내와 노력만이 원하는 결과를 가져다줍니다. 이 진리를 깨닫고 2025년에는 꼭 목표 달성하는 우리가 되길 진심으로 응원합니다.

계란후라이 1156 ﻿이제 2024년이 5일도 남지 않았습니다. 한 해 어떻게 보내셨습니까? 2023년 연말에 수립한 새해 다짐과 목표, 그리고 계획을 잘 실천하셨나요? 우리는 새해를 맞이하며 한 가지 이상 하고 싶거나 얻고 싶은 무언가를 소망하며 목표를 수립합니다. 그러니까 우리 노력에 의해서 달성 가능한 목표를 만듭니다. 다이어트, 공부, 취업이나 이직, 돈, 여행 등 목표는 다양하고 자유롭습니다. 문제는 실천입니다. 간절한 목표만큼 구체적인 실행 계획은 잘 준비하지 않습니다. 간절한 목표인 만큼 자주 머릿속으로 생각은 하는데 몸으로 움직임은 적습니다. 다짐에 비해 포기는 쉽습니다. 한 달 정도 원하는 성과가 나오지 않으면 다음 생을 기약합니다. 성공한 사람들이 이야기합니다. 목표는 작아야 하고 실행 계획은 짧은 기간 단위로 잡아야 합니다. 살을 10킬로그램 이상 빼겠다는 원대한 목표를 수립하는 것은 좋습니다. 다만, 먼저 살을 0.5그램 단축하기 위한 실행 계획을 세워야 합니다. 그것도 가능한 짧은 기간으로 달성해 보는 것입니다. 가령 일주일 기간을 두고 0.5그램을 다이어트한다면, 오늘부터 무엇을 먹고 어떤 운동을 얼마나 해야 할까요? 시작은 오늘, 바로 지금부터 해야 합니다. 작은 목표와 짧은 계획이 지속적으로 실행되면 원대한 목표를 달성 가능합니다. 이게 말이 되는 이야기인지 궁금하면 오늘부터 실행해 보시기 바랍니다. 골프 천재 타이거 우즈는 지독한 연습 벌레였습니다. 그는 비가 오나 눈이 오나 바람이 부나 연습했습니다. 그는 매일 실전과 같은 라운드를 돌지 않았습니다. 자신이 부족한 단 한 가지 동작을 매일 반복했습니다. 개선이 될 때까지 반복했습니다. 목표 달성은 이렇습니다. 세계 최고가 되고 싶다면, 그에 필요한 준비를 하나씩 차례대로 완성하면 됩니다. 우리가 매년 새해 다짐과 목표를 실천하지 못하는 이유는 설렘이 없기 때문입니다. 하고 싶은 일, 얻고 싶은 능력이 있다면, 그 일을 잘하고 있는 자신의 모습과 그 능력을 발휘하고 있는 자신의 모습을 상상할 수 있어야 합니다. 1년 후 목표를 달성한 자신의 모습을 그려보는 것이 비전 Vision입니다. 비전이 있어야 목표 달성 과정 중에 어려움을 만나도 포기하지 않습니다. 비전이 지루하고 불편하고 힘든 목표 달성 과정을 버티게 해줍니다. 좋은 회사에 원하는 직무로 입사하고 싶다면, 그곳에서 사원증을 메고 멋지게 일을 하는 자신을 상상해 보세요. 친척과 친구에게 어깨 으쓱하며 명함을 건네는 상상해 보세요. 지금 준비가 필요한 노력을 하는데 조금 힘들고 불편하고 지루한 것을 참기 어렵지 않습니다. 편하게 발전하는 방법은 없습니다. 변화와 개선은 힘들고 어렵습니다. 인내와 노력만이 원하는 결과를 가져다줍니다. 이 진리를 깨닫고 2025년에는 꼭 목표 달성하는 우리가 되길 진심으로 응원합니다.﻿

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

매일 조금씩 좋아질 수 있을까? 출근하면서 질문할 때가 많았습니다. 올해 회사는 "우리는 판을 바꾼다"라고 기업문화 캠페인 슬로건을 정했고 오피스 곳곳에는 '날마다좋아지는우리', '따뜻한프로페셔널'이란 문구가 스며들었죠.

"날마다좋아지는우리, 따뜻한프로페셔널"

슬로건을 처음 접했을 때는 머리로 이해하기에 너무 개념적이고 선언적으로 느껴졌습니다.

가끔은 머리로 완전히 이해한 이후에 실행하는 것이 아니라, 실행을 하는 과정에서 조금씩 실체에 가까운 것들을 이해할 때가 있습니다. 조직문화, 핵심가치, Credo, Way of Working 등이 그러했습니다. 운이 좋게도 지금까지 다녔던 모든 회사에서 이런 슬로건을 정하거나 일방식을 정의할 때 참여했던 탓에 이런 인식이 강화된 것인지도 모르겠습니다. 머리로 완전히 이해하고 실행하려고 하면 어렵습니다. 지금은 어려운 문제를 쉽게 푸는 걸 좋아하는 편이라 어깨에 힘 좀 빼고 일단 해보면서 체득하는 중입니다.

연말엔 대표님이 발표할 자료를 만들거나 회사를 대표해 회사소식을 공유하는 날들이 있었습니다. 회사를 대표하는 자료의 스토리라인을 잡거나 직접 마이크를 들고 소식을 이야기하는 건 감사한 일이지만 부담이 됩니다. 내가 가장 잘할 수 있는 내 이야기를 하는 것과는 무게감이 다르니까요. 아직 회사에 대해 모르는 게 많을뿐더러 언제나 제 스타일이 최선이 아니라는 생각이 있으니까요.

그런데 이게 다 회사에선 결국 '일'이더라고요. 고민만 하고 제가 실행하지 않으면 누군가 그 틈을 더 채워야 하죠. 특히 정답이 없는 일이면 이게 가속도가 붙습니다. 빈 페이지를 펴놓고 고민을 해야 하는데 자기 프로젝트를 하면서 번외로 병행해야 하니 결국 개인시간을 더 쏟아야 합니다. 이런 생각을 갖고 나서야 그레이존을 채우려고 애써준 동료를 알아차릴 수 있었습니다. 동료의 애씀에 빚을 졌습니다.

내년에도 머리로 완벽히 이해하지 못하더라도 하면서 나아지는 방향을 선택할 생각입니다. 지금 저는 한창 여름인 멜버른에 머물며 한해를 회고하고 있습니다. 어수선한 시기가 선함으로 아물길 바라며, Merry Christmas! 🎄

매일 조금씩 좋아질 수 있을까? 출근하면서 질문할 때가 많았습니다. 올해 회사는 "우리는 판을 바꾼다"라고 기업문화 캠페인 슬로건을 정했고 오피스 곳곳에는 '날마다좋아지는우리', '따뜻한프로페셔널'이란 문구가 스며들었죠. "날마다좋아지는우리, 따뜻한프로페셔널" 슬로건을 처음 접했을 때는 머리로 이해하기에 너무 개념적이고 선언적으로 느껴졌습니다. 가끔은 머리로 완전히 이해한 이후에 실행하는 것이 아니라, 실행을 하는 과정에서 조금씩 실체에 가까운 것들을 이해할 때가 있습니다. 조직문화, 핵심가치, Credo, Way of Working 등이 그러했습니다. 운이 좋게도 지금까지 다녔던 모든 회사에서 이런 슬로건을 정하거나 일방식을 정의할 때 참여했던 탓에 이런 인식이 강화된 것인지도 모르겠습니다. 머리로 완전히 이해하고 실행하려고 하면 어렵습니다. 지금은 어려운 문제를 쉽게 푸는 걸 좋아하는 편이라 어깨에 힘 좀 빼고 일단 해보면서 체득하는 중입니다. 연말엔 대표님이 발표할 자료를 만들거나 회사를 대표해 회사소식을 공유하는 날들이 있었습니다. 회사를 대표하는 자료의 스토리라인을 잡거나 직접 마이크를 들고 소식을 이야기하는 건 감사한 일이지만 부담이 됩니다. 내가 가장 잘할 수 있는 내 이야기를 하는 것과는 무게감이 다르니까요. 아직 회사에 대해 모르는 게 많을뿐더러 언제나 제 스타일이 최선이 아니라는 생각이 있으니까요. 그런데 이게 다 회사에선 결국 '일'이더라고요. 고민만 하고 제가 실행하지 않으면 누군가 그 틈을 더 채워야 하죠. 특히 정답이 없는 일이면 이게 가속도가 붙습니다. 빈 페이지를 펴놓고 고민을 해야 하는데 자기 프로젝트를 하면서 번외로 병행해야 하니 결국 개인시간을 더 쏟아야 합니다. 이런 생각을 갖고 나서야 그레이존을 채우려고 애써준 동료를 알아차릴 수 있었습니다. 동료의 애씀에 빚을 졌습니다. 내년에도 머리로 완벽히 이해하지 못하더라도 하면서 나아지는 방향을 선택할 생각입니다. 지금 저는 한창 여름인 멜버른에 머물며 한해를 회고하고 있습니다. 어수선한 시기가 선함으로 아물길 바라며, Merry Christmas! 🎄

《동료의 애씀을 이해하기》

Q. UX/UI(프디) 공고에서 부가적으로 마케팅 디자인(콘텐츠, 그래픽, 배너) 요구시 꼭 넣어야 할까요?

우디 🙋) 필수는 아닐 가능성(nice to have)이 높습니다.
- 그래도 마음에 걸린다면 포폴 후반 어펜딕스 장표를 추가해 컨셉작을 몇 개 넣는 것도 방법입니다.
- 그래픽에 자신이 없다면 캔바같은 툴을 베이스로 시작, 수정을 거쳐 내것으로 만들어 보세요.
- 미드저니/파이어 플라이로 만든 AI 결과물을 그대로 넣는거 보다, 포토샵으로 수정을 거쳐 의도에 가깝게 표현했다고 어필하는 것도 좋습니다.

Q. UX/UI(프디) 공고에서 부가적으로 마케팅 디자인(콘텐츠, 그래픽, 배너) 요구시 꼭 넣어야 할까요? 우디 🙋) 필수는 아닐 가능성(nice to have)이 높습니다.- 그래도 마음에 걸린다면 포폴 후반 어펜딕스 장표를 추가해 컨셉작을 몇 개 넣는 것도 방법입니다.- 그래픽에 자신이 없다면 캔바같은 툴을 베이스로 시작, 수정을 거쳐 내것으로 만들어 보세요.- 미드저니/파이어 플라이로 만든 AI 결과물을 그대로 넣는거 보다, 포토샵으로 수정을 거쳐 의도에 가깝게 표현했다고 어필하는 것도 좋습니다.

✅ 프로덕트 디자인 공고에 그래픽 능력을 요구할 때?

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

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

greenray541@gmail.com

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

웹 접근성에 대한 다양한 가이드와 사례를 제공해주는 곳 : Access Guide

💘 이런 서비스는 어때요?
[💡웹 접근성에 대한 다양한 가이드와 사례를 제공해주는 곳 : Access Guide]

(👀이게 뭔가요?)
✓ 접근성 관련 주제 별 45개 가이드 콘텐츠를 제공하는 노션 페이지
✓ WCAG 2.1(Web Content Accessibility Guidelines) 기준, 접근성 이해와 반영에 필요한 개념 설명 제공 
✓ (포함 콘텐츠) 사용자가 어디에 있는지 쉽게 확인할 수 있게 돕기
✓ (포함 콘텐츠) 기본 사이즈 텍스트 외 2배 크기로 볼 수 있는 환경 제공하기
✓ (포함 콘텐츠) 유사 컬러가 아니라, 대조가 확실한 컬러 활용하기
✓ (포함 콘텐츠) 실수로 누르지 않도록, 명확하고 큰 버튼 제공하기
✓ (포함 콘텐츠) 올바른 검색어 제안하기

(💌함께 읽어보세요!)
✓ 서비스 접근성에 대한 고민을 한 곳에서 해결해주는 : Getstark - http://icunow.co.kr/getstark/
✓ 접근성의 핵심, 다크모드 구성, 어떻게 하면 좋을까? - http://icunow.co.kr/guide-darkmode/

지금 써보러 갑니다

브랜드온 대표이사

삼성동에 서식하고 강남역에서 근무하는 글 쓰는 마케터. 
#CRM #그로스마케팅 #데이터분석

학생

임영훈 

UX 디자이너

ageek.ss

AR/VR/MR/XR 분야의 Interaction design, 
Immersive storytelling에 주목하는 공대출신 디자이너
21-23 서울대 XR101 겸임강사
#UX디자인 #기획자 #디자이너 #크리에이터 
#AR#VR#XR#MR #prototyping

세상을 바꾸는 시간 15분 : 연사 소개/섭외, 클래스 개설/결제, 저널 작성/발행을 위한 반응형 웹 서비스 구축
2개로 분리 되어 있던 워드프레스 기반의 서비스를 통합 웹 서비스로 구축하기 위한 프로젝트
✓ 사용자용, 관리자용 화면 (반응형 Web)
✓ 클래스, 연사, 회원 관리, 결제 관리, 저널 에디터, 대시보드 등이 포함된 통합 어드민 기획
✓ 메인 화면, 소개, 고객 센터, 클래스, 강연회, 연사 소개, 저널 등 주요 사용자 화면 설계
✓ DB 테이블 및 API 설계에 대한 클라이언트 - 서버와 협의 

고잉더치 : 오프라인 매장용 일반, 수기 결제 솔루션
✓ 사용자, 내부 관리자, 점주용 화면 (Web, MWeb)
✓ 매장 점주, 내부 운영을 위한 어드민 기획 및 사용자용 주요 화면 기획 
✓ 사용자 그룹 별 인터뷰 심층 진행 및 피드백 반영 
✓ DB 테이블 및 API 설계에 대한 클라이언트 - 서버와 협의

Project Manager

하다(HADA) : 청소, 시설물 점검, 방역 등 오프라인 장소에서 진행 되는 다양한 종류의 작업을 QR코드 기반으로 쉽게 관리 할 수 있는 서비스 개발 
✓ 사용자용 화면 기획 (MWeb)
✓ 서비스 소개 및 이용 신청을 위한 웹사이트 기획 (Web)
✓ 관리자용 화면 기획 (Web)
✓ 서비스 소개 및 제안서 작성
✓ 프로젝트 관리에 필요한 단계 별 문서 작성 및 관리
✓ QR 스티커 생성을 위한 업무 자동화 (스프레드 시트 - 피그마 연동 등)

Product Manager

Eateabox : 바른 먹거리와 컨텐츠를 활용한 정기 구독 서비스

✓ 창업을 통한 기획, 운영, 관리, 커뮤니케이션 등 업무 진행
✓ 상품 확인, 추가 구매, 지난 박스 확인, 정기 구독을 위한 결제 솔루션 연동 등 주요 기능 및 화면 설계
✓ 월 별 박스 구성을 위한 제안서 작성, 체험단 활동 프로그램 설계, 마케팅 활동 보고서 작성
✓ 페이스북 페이지, 오프라인 매거진 콘텐츠 기획 및 운영
📌6개월 간 1,500 박스 판매, 1,000여명의 회원 모집, 24개 브랜드와 협업 진행

공동 대표

비밀의 화원 : O2O 신규 비즈니스 기획 및 런칭
✓ 표준화 된 상품이 아닌 스타일, 상황에 맞는 꽃을 발견하고 구매 할 수 있는 서비스가 필요하다고 판단
✓ 화원 관리자(Android, Web) 내부 운영 관리자(Web), 사용자 주요 화면(Android) 설계 
✓ 참여 화원을 위한 제안서, 서비스 이용 가이드 제작 

솜노트 : 안드로이드용 위젯, 버즈런처용 홈팩
✓ 안드로이드 위젯 리뉴얼, 홈팩 기획 및 디자인, 버즈런처 협업 진행
✓ 홈팩 11,223건, APK 10,211건 다운로드 (런칭 후 2주 기준)

솜포토북 : 스마트폰으로 촬영한 사진을 템플릿에 맞춰 편집하고 인화 할 수 있는 서비스
✓ UI 기획 (Android)
✓ 백엔드 기획
✓ 검수 및 피드백 종합, 반영
✓ 인앱 결제 상품 구성, 포토북 상품 기획

서비스 기획

Adpick : 성과형 인플루언서 마케팅 플랫폼
✓ UI 기획 (PC, MWeb, iOS, Android)
✓ 백엔드 기획
✓ 사례 분석 및 정리
✓ 인플루언서용 가이드, 활동 콘텐츠 기획
✓ 기능 정의 및 요구 사항 관리, 유관 부서와의 커뮤니케이션, 의사 결정
✓ 검수 및 피드백 종합, 반영
✓ 앱 로컬라이제이션(일본)

Premarket : 뷰티, 헬스, 패션 중심 사전 예약 커머스 (신규 서비스 제안 및 런칭)
✓ TF 리드
✓ UI 기획 (PC, MWeb, iOS, Android)
✓ 백엔드 기획 
✓ 사례 분석 및 정리
✓ 비즈니스 모델 개발
✓ 기능 정의 및 요구 사항 관리, 유관 부서와의 커뮤니케이션, 의사 결정
✓ 검수 및 피드백 종합, 반영
✓ 참여 파트너용 제안서, 서비스 소개서 제작

OGQ Market : 글로벌 콘텐츠 마켓 플레이스 구축
이미지, 동영상 등 각기 다른 타입의 컨텐츠가 업로드 되고, 판매될 수 있는 환경을 만들기 위한 프로젝트
✓ 사용자용 화면 (Android, iOS), 관리자용 화면 (Web)
✓ 업로드 되는 디지털 컨텐츠 관리를 위한 통합 어드민 기획, 사용자 화면 설계
✓ 네이버 오지큐 마켓 등 타 프로덕트 연동을 위한 요구 사항 수집 및 분석, API 설계 협의 
✓ 라이브 워치 등 신규 컨텐츠 기획 및 콘텐츠 타입, 라이선스에 따른 가격 테이블, 정산 구조 설계

OGQ Creator Studio : 마켓 판매를 위한 콘텐츠 업로드, 심사, 판매 현황, 정산을 위한 크리에이터 전용 플랫폼 구축
✓ 사용자용 화면 (반응형 Web)
✓ 국내, 해외 기준 크리에이터 인증, 업로드, 심사, 판매, 정산 관리를 위한 주요 화면 설계 
✓ 네이버, 아프리카 등 마켓 별 결제, 서비스 이용료 등이 반영된 정산 구조 설계
✓ 외부 서비스와의 API 연동안 설계
✓ 주요 마켓 별 크리에이터 가입 유도 방안, 온보딩 및 가이드 콘텐츠 제작

작지만 가치 있는 변화를 이끌어내는 서비스를 만들기 위해 노력하고 있습니다. 국내외 다채로운 IT 서비스와 트렌드를 살펴보는 것이 좋아 '지금 써보러 갑니다'를 운영하고 있으며, 찰나의 순간을 붙잡아 글로 표현하는 것을 좋아합니다.

한성규

제가 진행하고 있는 프로젝트를 한곳에서 확인하실 수 있어요!

저는 이런 활동과 글을 쓰고있어요 🙌

작지만 가치 있는 변화를 이끌어내는 서비스를 만들기 위해 노력하고 있습니다. 국내외 다채로운 IT 서비스와 트렌드를 살펴보는 것이 좋아 '지금 써보러 갑니다'를 운영하고 있으며, 찰나의 순간을 붙잡아 글로 표현하는 것을 좋아합니다.
#스타트업 #기획자 #프로덕트매니저

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필