1
인간에게는 이분법적 사고를 추구하는 강력하고 극적인 본능이 있다.

2
어떤 대상을 뚜렷이 구별되는 두 집단으로 나누려는 본능인데, 두 집단 사이에 존재하는 것이라고는 실체 없는 간극뿐이다.

3
우리는 이분법을 좋아한다. 좋은 것과 나쁜 것, 영웅과 악인, 우리 나라와 다른 나라.

4
세상을 뚜렷이 구별 되는 양측으로 나누는 것은 간단하고 직관적일 뿐 아니라, 충돌을 암시한다는 점에서 극적이다.

5
우리는 별다른 생각 없이 항상 그런 구분을 한다.

6
언론인도 이를 잘 안다. 이들은 전달하려는 이야기를 서로 반대 되는 두 부류 사람들, 반대되는 두 시각, 반대되는 두 집단 사이의 갈등으로 구성한다.

7
이들은 절대다수 사람들이 서서히 더 나은 삶으로 편입되는 이야기보다 극빈층과 억만장자의 이야기를 더 좋아 한다.

8
언론인은 이야기꾼이다. 다큐와 영화를 만드는 사람도 마찬가지다.

9
다큐는 힘없는 개인을 거대하고 사악한 기업에 맞서게 한다. 블록버스터 영화는 악에 맞서는 선을 주요 인물로 다룬다.

#팩트풀니스

1 ​인간에게는 이분법적 사고를 추구하는 강력하고 극적인 본능이 있다. ​ ​2 어떤 대상을 뚜렷이 구별되는 두 집단으로 나누려는 본능인데, 두 집단 사이에 존재하는 것이라고는 실체 없는 간극뿐이다. ​ ​3 우리는 이분법을 좋아한다. 좋은 것과 나쁜 것, 영웅과 악인, 우리 나라와 다른 나라. ​ ​4 세상을 뚜렷이 구별 되는 양측으로 나누는 것은 간단하고 직관적일 뿐 아니라, 충돌을 암시한다는 점에서 극적이다. ​ ​5 우리는 별다른 생각 없이 항상 그런 구분을 한다. ​ ​6 언론인도 이를 잘 안다. 이들은 전달하려는 이야기를 서로 반대 되는 두 부류 사람들, 반대되는 두 시각, 반대되는 두 집단 사이의 갈등으로 구성한다. ​ ​7 이들은 절대다수 사람들이 서서히 더 나은 삶으로 편입되는 이야기보다 극빈층과 억만장자의 이야기를 더 좋아 한다. ​ ​8 언론인은 이야기꾼이다. 다큐와 영화를 만드는 사람도 마찬가지다. ​ ​9 다큐는 힘없는 개인을 거대하고 사악한 기업에 맞서게 한다. 블록버스터 영화는 악에 맞서는 선을 주요 인물로 다룬다. #팩트풀니스

< 왜 우리는 항상 양쪽 편 중 하나를 선택하려 할까? >

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

유니코드의 정규화 방법 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 메서드를 이용해 유니코드 문자열 정규화하기

"힘 빼세요. 어깨도 힘 빼시고요. 다시 해볼게요."

어떤 운동이든 처음 배우면 듣는 이야기예요. 잘하려니 나도 모르게 힘이 들어가는 데 계속 힘을 빼라고 하니 미칠 노릇이죠.

여러 번 반복하다 보면 그제야 무슨 의미인지 알게 되죠. 내가 잘못된 곳에 힘을 주고 있었다는 사실을.

모든 일이 비슷한 거 같아요. 코딩도 그래요.

힘을 뺀 코드, 그냥 평범한 코드로 충분할 때가 많아요. 시간이 지날 수록 허튼 곳에 힘주지 않고 힘을 아껴 쓰게 돼요.

"힘 빼세요. 어깨도 힘 빼시고요. 다시 해볼게요." 어떤 운동이든 처음 배우면 듣는 이야기예요. 잘하려니 나도 모르게 힘이 들어가는 데 계속 힘을 빼라고 하니 미칠 노릇이죠. 여러 번 반복하다 보면 그제야 무슨 의미인지 알게 되죠. 내가 잘못된 곳에 힘을 주고 있었다는 사실을. 모든 일이 비슷한 거 같아요. 코딩도 그래요. 힘을 뺀 코드, 그냥 평범한 코드로 충분할 때가 많아요. 시간이 지날 수록 허튼 곳에 힘주지 않고 힘을 아껴 쓰게 돼요.

데이터 워크플로우(Data Workflow)란, 기업이 데이터를 수집, 처리, 분석, 그리고 활용까지 이어지는 전체 과정을 나타내는 프로세스를 의미해요.

데이터 직군들은 데이터 워크플로우를 통해 구체적이고 체계적인 업무 범위를 파악하고, 다른 업무들에 비해 더 집중해야 할 영역을 파악할 수 있습니다.

이 때 '데이터 분석가'의 주요 업무 영역은 아래 그래프에서 볼 수 있듯이,

- 데이터 모델링
- 데이터 시각화
- 데이터 분석
- 데이터 해석
- 데이터 활용

영역으로 크게 구분할 수 있습니다.

데이터 분석가는 1차적으로 정제된(Preprocessed) 데이터를 쉽게 활용할 수 있도록,

- 데이터 모델을 만들고,
- 데이터를 시각화하여 이해도와 활용도를 높이고
- 데이터 분석을 통해 인사이트를 발굴하고
- 데이터를 유의미하게 해석하여 구체적으로 활용할 수 있게

돕습니다.

물론 기업 별로 크고 작은 차이점들이 존재하지만,
데이터 분석가는 데이터 워크플로우(Data Workflow)의 후반부를 맡아
데이터가 의사결정권자들에게 잘 전달되게 돕는 서버(Server)의 역할이
주요 업무라고 할 수 있습니다.

다음 포스트는 '분석형 엔지니어(Analytical Engineer)'에 대한 내용으로 돌아올게요 :)

데이터 워크플로우(Data Workflow)란, 기업이 데이터를 수집, 처리, 분석, 그리고 활용까지 이어지는 전체 과정을 나타내는 프로세스를 의미해요. 데이터 직군들은 데이터 워크플로우를 통해 구체적이고 체계적인 업무 범위를 파악하고, 다른 업무들에 비해 더 집중해야 할 영역을 파악할 수 있습니다. 이 때 '데이터 분석가'의 주요 업무 영역은 아래 그래프에서 볼 수 있듯이, - 데이터 모델링 - 데이터 시각화 - 데이터 분석 - 데이터 해석 - 데이터 활용 영역으로 크게 구분할 수 있습니다. 데이터 분석가는 1차적으로 정제된(Preprocessed) 데이터를 쉽게 활용할 수 있도록, - 데이터 모델을 만들고, - 데이터를 시각화하여 이해도와 활용도를 높이고 - 데이터 분석을 통해 인사이트를 발굴하고 - 데이터를 유의미하게 해석하여 구체적으로 활용할 수 있게 돕습니다. 물론 기업 별로 크고 작은 차이점들이 존재하지만, 데이터 분석가는 데이터 워크플로우(Data Workflow)의 후반부를 맡아 데이터가 의사결정권자들에게 잘 전달되게 돕는 서버(Server)의 역할이 주요 업무라고 할 수 있습니다. 다음 포스트는 '분석형 엔지니어(Analytical Engineer)'에 대한 내용으로 돌아올게요 :)

데이터 워크플로우(Data Workflow) - 데이터 분석가 편

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

 - YouTube

사용자 경험이 매우 중요한 웹 서비스에서 최적화는 빼놓을 수 없는 주제인데요. 그런 맥락에서 이번 토스 모닥불 EP9 "프론트엔드 서비스 최적화? 토스에서는 '이렇게' 합니다!" 를 흥미롭게 시청했습니다. 유익한 내용이 많아서 최적화 기본 개념부터 React 기반 최적화 방법까지 영상 내용을 토대로 인사이트를 정리해보았습니다.

최적화의 기본 원칙
 1. 최적화는 필요할 때만: 하면 좋을 것 같다면 하지 말고, 진짜 해야 한다고 느껴지면 프로파일링부터 시작합니다. 하지만 실제 최적화가 필요한 시점을 생각보다 늦게 알 수 있으므로 신중히 접근해야 합니다.
 2. 현실적인 테스트 환경: 일반적으로 최적화 작업은 좋은 컴퓨터와 빠른 네트워크 환경에서 테스트되기 때문에 실제 사용자 경험을 반영하지 못할 수 있습니다. 따라서 최악의 상황에서도 서비스가 원활히 동작하는지 테스트해야 합니다.
 3. 트레이드오프의 이해: 최적화를 통해 성능을 개선했다면, 그 과정에서 개발 시간이나 유지보수 비용 같은 다른 요소들이 희생될 수 있습니다. "은탄환"은 존재하지 않으므로, 트레이드오프를 명확히 인지해야 합니다.

주요 최적화 영역
1. 초기 로딩 속도
 * 번들 크기 관리: 번들이 클수록 대역폭과 지연시간에 영향을 미칩니다. 또한 번들을 작은 단위로 쪼개면 캐싱에도 유리합니다.
 * 필요한 리소스 우선 로드: React에서는 화면에 꼭 필요한 요소만 먼저 렌더링하고, 나머지는 비동기로 로드합니다.
 * 프리페칭: 페이지 이동 시 필요한 리소스를 미리 가져와 페이지 전환 속도를 향상시킵니다.
   
2. 런타임 성능
 * 반응성 개선: 사용자 입력에 대한 빠른 반응성을 확보하여 사용 중 부드러운 경험을 제공합니다.
 * 성능 측정 방법: 런타임: FPS(Frame Per Second)를 통해 성능을 확인하고, 크롬 개발자 도구의 프로파일러를 사용하여 렌더링 병목 현상을 분석합니다.
 * FPS 유지: 드래그 앤 드롭 같은 동작이 60프레임을 유지하는지 확인 합니다.메인 스레드 블로킹 여부를 파악하고, 프로파일러에서 노란색 막대를 줄이는 방향으로 개선 합니다.
   
React에서의 렌더링 최적화
 1. 불필요한 상태 업데이트 줄이기:
    useEffect
    안에서 상태를 변경해 연쇄적으로 리렌더링이 발생하지 않도록 주의 합니다. 파생 상태는 별도의 상태로 관리하기보다, 계산된 값으로 사용 합니다.
 2. 메모화 활용:
    React.memo
    를 사용하여 컴포넌트가 불필요하게 렌더링되지 않도록 하여 렌더링이 필요한 특정 컴포넌트만 업데이트되도록 최적화 합니다.
    
프론트엔드 개발자로써 성능 최적화는 항상 도전적인 과제인데요. 이번 영상을 통해 최적화의 개념과 실행 방법을 정리할 수 있었습니다. 언제, 어떻게 최적화를 해야 할지 고민이 될 때 이 영상을 참고하면 좋을것 같습니다. 보다 더 자세한 내용은 영상을 통해 확인해보세요.

https://www.youtube.com/watch?v=upUON56UEYo

사용자 경험이 매우 중요한 웹 서비스에서 최적화는 빼놓을 수 없는 주제인데요. 그런 맥락에서 이번 토스 모닥불 EP9 "프론트엔드 서비스 최적화? 토스에서는 '이렇게' 합니다!" 를 흥미롭게 시청했습니다. 유익한 내용이 많아서 최적화 기본 개념부터 React 기반 최적화 방법까지 영상 내용을 토대로 인사이트를 정리해보았습니다. 최적화의 기본 원칙<ol ><li>최적화는 필요할 때만: 하면 좋을 것 같다면 하지 말고, 진짜 해야 한다고 느껴지면 프로파일링부터 시작합니다. 하지만 실제 최적화가 필요한 시점을 생각보다 늦게 알 수 있으므로 신중히 접근해야 합니다.</li><li>현실적인 테스트 환경: 일반적으로 최적화 작업은 좋은 컴퓨터와 빠른 네트워크 환경에서 테스트되기 때문에 실제 사용자 경험을 반영하지 못할 수 있습니다. 따라서 최악의 상황에서도 서비스가 원활히 동작하는지 테스트해야 합니다.</li><li>트레이드오프의 이해: 최적화를 통해 성능을 개선했다면, 그 과정에서 개발 시간이나 유지보수 비용 같은 다른 요소들이 희생될 수 있습니다. "은탄환"은 존재하지 않으므로, 트레이드오프를 명확히 인지해야 합니다.</li></ol> 주요 최적화 영역1. 초기 로딩 속도<ul ><li>번들 크기 관리: 번들이 클수록 대역폭과 지연시간에 영향을 미칩니다. 또한 번들을 작은 단위로 쪼개면 캐싱에도 유리합니다.</li><li>필요한 리소스 우선 로드: React에서는 화면에 꼭 필요한 요소만 먼저 렌더링하고, 나머지는 비동기로 로드합니다.</li><li>프리페칭: 페이지 이동 시 필요한 리소스를 미리 가져와 페이지 전환 속도를 향상시킵니다. </li></ul>2. 런타임 성능<ul ><li>반응성 개선: 사용자 입력에 대한 빠른 반응성을 확보하여 사용 중 부드러운 경험을 제공합니다.</li><li>성능 측정 방법: 런타임: FPS(Frame Per Second)를 통해 성능을 확인하고, 크롬 개발자 도구의 프로파일러를 사용하여 렌더링 병목 현상을 분석합니다.</li><li>FPS 유지: 드래그 앤 드롭 같은 동작이 60프레임을 유지하는지 확인 합니다.메인 스레드 블로킹 여부를 파악하고, 프로파일러에서 노란색 막대를 줄이는 방향으로 개선 합니다. </li></ul>React에서의 렌더링 최적화<ol ><li>불필요한 상태 업데이트 줄이기: <code >useEffect</code> 안에서 상태를 변경해 연쇄적으로 리렌더링이 발생하지 않도록 주의 합니다. 파생 상태는 별도의 상태로 관리하기보다, 계산된 값으로 사용 합니다.</li><li>메모화 활용: <code >React.memo</code>를 사용하여 컴포넌트가 불필요하게 렌더링되지 않도록 하여 렌더링이 필요한 특정 컴포넌트만 업데이트되도록 최적화 합니다. </li></ol>프론트엔드 개발자로써 성능 최적화는 항상 도전적인 과제인데요. 이번 영상을 통해 최적화의 개념과 실행 방법을 정리할 수 있었습니다. 언제, 어떻게 최적화를 해야 할지 고민이 될 때 이 영상을 참고하면 좋을것 같습니다. 보다 더 자세한 내용은 영상을 통해 확인해보세요. https://www.youtube.com/watch?v=upUON56UEYo

www.youtube.com

프론트엔드 성능 최적화: 토스 개발팀의 전략과 인사이트

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

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

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

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

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

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

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

전 헤드헌터라는 존재를 본적이 없어요,,,,ㅎㅎ

글로벌 IT서비스 회사의 영업본부장 김철기 상무. 조직의 CEO 후보군으로 선정돼 그와 일대일 리더십 코칭을 진행했다. 코칭 진행 전 그와 함께 일하는 구성원과 인터뷰를 진행했는데 의외의 이야기를 들을 수 있었다.“상무님께서는 전략 수립 능력도 뛰어나고 조

[청계광장] 편애하라, 모든 팀원을 - 머니S

“상무님께서는 전략 수립 능력도 뛰어나고 조직의 미래 방향을 잘 제시해주십니다. 그런데 치명적인 약점이 있습니다. 조직 내 특정 직원의 의견만 청취하는 등 편애가 심합니다. 그러다 보니 다른 직원들의 불만이 큽니다.”

글로벌 IT서비스 회사의 영업본부장 김철기 상무. 조직의 CEO 후보군으로 선정된 그와 일대일 리더십 코칭을 진행했다. 코칭을 진행하기 전에 그와 함께 일하는 구성원들을 대상으로 인터뷰를 했는데 위와 같은 이야기를 들었다.

김 상무와의 일대일 코칭 시간에 이 부분을 어떻게 생각하는지 물어봤다. “임원이 된 후로 저와 잘 통하고 일을 잘하는 직원 몇 명과 자주 소통을 해왔습니다. 바쁜 상황에 빨리 의사결정을 내리려면 어쩔 수 없거든요. 그런데 제가 누군가를 편애한다는 이야기를 듣고 나니까 앞으로 어떻게 해야 할지 고민되네요.”

김 상무의 이런 행동은 리더에게 당장은 도움이 될지 모른다. 하지만 길게 보면 구성원의 사기를 떨어뜨리고 좋은 팀워크를 형성할 수 없게 된다. 그동안 여러 리더들을 코칭하면서 구성원과의 인터뷰를 통해 리더의 편애 행동에 어떤 것이 있는지 파악할 수 있었다.

누구와 주로 밥을 먹는 것, 누구와 술을 더 자주 먹는 것, 누구와 주로 의논하는 것, 공개적인 회의에서 누구를 자주 칭찬하는 것, 누구와 주로 농담하는 것, 누구에게 더 편안한 호칭을 사용하는 것, 누구와 출장을 더 자주 가는 것.

이런 것들은 모두 사소한 행동이지만, 매일 같은 공간에서 생활하며 반복되는 행동이기에 결코 무시할 수 없는 부정적인 영향력을 발휘한다.

의도적으로 누군가를 편애하는 리더는 드물다. 하지만 구성원들은 리더의 행동 하나하나를 늘 관심 있게 지켜본다. 그래서 리더는 혹시나 나의 말이나 행동이 의도치 않게 다른 구성원을 서운하게 하지는 않은지 세심하게 신경 써야 한다.

미국 프로농구의 전설적인 감독 필 잭슨은 시카고 불스와 LA 레이커스를 거치면서 무려 11번의 우승을 거머쥐었다. 우승 제조기라는 별명을 가진 그는 미국 농구 역사상 가장 위한 감독으로 손꼽힌다. 어떤 기자가 비결을 물었다. 그의 대답은 짧지만 강렬했다.

“각 선수의 욕구나 개성을 고려해야 하지만, 동시에 모든 선수를 동등하게 대우해야 합니다. 모든 선수를 편애함으로써 일반적인 편애의 폐해를 피하는 것, 그것이 바로 우승팀이 되는 비결입니다.“

문법적으로는 모순되는 답변이다. ‘모든’이라는 말과 ‘편애’라는 말은 서로 뜻이 통하지 않기 때문이다. 아마도 그가 이 말을 통해 강조하고 싶은 것은, 자신에게는 모든 선수가 다 중요하며 선수들도 그렇게 느끼도록 만들어야 한다는 것이 아니었을까? 이기는 팀을 만들고 싶다면? 편애하라, 모든 팀원을!

“상무님께서는 전략 수립 능력도 뛰어나고 조직의 미래 방향을 잘 제시해주십니다. 그런데 치명적인 약점이 있습니다. 조직 내 특정 직원의 의견만 청취하는 등 편애가 심합니다. 그러다 보니 다른 직원들의 불만이 큽니다.” 글로벌 IT서비스 회사의 영업본부장 김철기 상무. 조직의 CEO 후보군으로 선정된 그와 일대일 리더십 코칭을 진행했다. 코칭을 진행하기 전에 그와 함께 일하는 구성원들을 대상으로 인터뷰를 했는데 위와 같은 이야기를 들었다. 김 상무와의 일대일 코칭 시간에 이 부분을 어떻게 생각하는지 물어봤다. “임원이 된 후로 저와 잘 통하고 일을 잘하는 직원 몇 명과 자주 소통을 해왔습니다. 바쁜 상황에 빨리 의사결정을 내리려면 어쩔 수 없거든요. 그런데 제가 누군가를 편애한다는 이야기를 듣고 나니까 앞으로 어떻게 해야 할지 고민되네요.” 김 상무의 이런 행동은 리더에게 당장은 도움이 될지 모른다. 하지만 길게 보면 구성원의 사기를 떨어뜨리고 좋은 팀워크를 형성할 수 없게 된다. 그동안 여러 리더들을 코칭하면서 구성원과의 인터뷰를 통해 리더의 편애 행동에 어떤 것이 있는지 파악할 수 있었다. 누구와 주로 밥을 먹는 것, 누구와 술을 더 자주 먹는 것, 누구와 주로 의논하는 것, 공개적인 회의에서 누구를 자주 칭찬하는 것, 누구와 주로 농담하는 것, 누구에게 더 편안한 호칭을 사용하는 것, 누구와 출장을 더 자주 가는 것. 이런 것들은 모두 사소한 행동이지만, 매일 같은 공간에서 생활하며 반복되는 행동이기에 결코 무시할 수 없는 부정적인 영향력을 발휘한다. 의도적으로 누군가를 편애하는 리더는 드물다. 하지만 구성원들은 리더의 행동 하나하나를 늘 관심 있게 지켜본다. 그래서 리더는 혹시나 나의 말이나 행동이 의도치 않게 다른 구성원을 서운하게 하지는 않은지 세심하게 신경 써야 한다. 미국 프로농구의 전설적인 감독 필 잭슨은 시카고 불스와 LA 레이커스를 거치면서 무려 11번의 우승을 거머쥐었다. 우승 제조기라는 별명을 가진 그는 미국 농구 역사상 가장 위한 감독으로 손꼽힌다. 어떤 기자가 비결을 물었다. 그의 대답은 짧지만 강렬했다. “각 선수의 욕구나 개성을 고려해야 하지만, 동시에 모든 선수를 동등하게 대우해야 합니다. 모든 선수를 편애함으로써 일반적인 편애의 폐해를 피하는 것, 그것이 바로 우승팀이 되는 비결입니다.“ 문법적으로는 모순되는 답변이다. ‘모든’이라는 말과 ‘편애’라는 말은 서로 뜻이 통하지 않기 때문이다. 아마도 그가 이 말을 통해 강조하고 싶은 것은, 자신에게는 모든 선수가 다 중요하며 선수들도 그렇게 느끼도록 만들어야 한다는 것이 아니었을까? 이기는 팀을 만들고 싶다면? 편애하라, 모든 팀원을!

머니S

“연차가 얼만데 이것도 몰라요?”

이런 말 들을까 봐 아는 척할 때가 있어요.

부디 연차가 더 쌓이기 전에 모른다고 말하세요. 지금 인정하고 배우는 편이 나아요.

시간의 무게는 갈수록 무겁고 부담스러워져요. 연차가 쌓일수록 모른다고 말하기 어려워요.

지금이 모른다고 말하기 가장 쉬울 때예요.

“연차가 얼만데 이것도 몰라요?” 이런 말 들을까 봐 아는 척할 때가 있어요. 부디 연차가 더 쌓이기 전에 모른다고 말하세요. 지금 인정하고 배우는 편이 나아요. 시간의 무게는 갈수록 무겁고 부담스러워져요. 연차가 쌓일수록 모른다고 말하기 어려워요. 지금이 모른다고 말하기 가장 쉬울 때예요.

아는 척하지 않고 모른다고 말했을 때, 이를 이해하고 가르치는 일을 무겁거나 부담스러워하지 않고 쉽게 풀어가는 회사와 사회의 문화도 중요한 것 같아요.

리더를 위한 멘탈 수업 (4) ▶저성과자 팀원과 일하는 방법, 팀원도 리콜이 되나요? 중견 기업에서 전산 업무를 담당하고 있는 40대 팀장입니다. 저는 요즘 팀원 때문에 골머리를 썩고 있습니다. 문제가 되고 있는 팀

저성과자 바꾸는 '열린 질문'과 '수시 피드백'

✅팀원 때문에 골머리를 썩고 있습니다. 문제가 되는 팀원은 업무 역량을 포함해 일을 처리하고 소통하는 방식에 문제가 많은 편입니다. 기회가 있을 때마다 충분한 피드백을 줬지만 아무런 변화가 없습니다.

독한 마음을 먹고 “매번 업무 처리가 늦어져 우리 팀 성과에 문제가 되고 있습니다. 어떻게 생각하세요?”라고 말한 적도 있습니다. 정작 본인은 왜 그런 평가를 받아야 하는지 납득하지 못하겠다며 억울하다는 태도를 보이더라고요. 자신은 주어진 일을 빠짐없이 처리했기 때문에 문제가 없다는 것입니다.

이런 상황들이 되풀이되고 업무 정체가 심해져 다른 팀원의 불만도 쌓여가고 있습니다. 팀을 이끌어가는 리더로서 팀원들에게 제 할 일을 하지 못한 것 같아 마음이 무겁습니다. 성과가 낮은 팀원은 어떻게 이끌어야 할까요?

1️⃣‘열린 질문’ 통해 천천히 변화 기다려야
윤대현 교수의 솔루션(서울대병원 정신건강의학과 교수)

변화는 누구에게나 어렵습니다. 그 이유는 무엇일까요? 묘하고 신비로운 인간의 ‘마음’ 때문입니다. 사연자분이 팀원과 일대일 대화를 나눌 때, 사실은 네 명의 객체가 이야기를 나누고 있습니다.

팀장과 팀원 외에도 팀장의 마음과 팀원의 마음도 함께 대화에 참여하는 것이죠. 그런데 사람의 언어와 마음의 언어는 서로 다른 모습을 갖고 있습니다. 사람은 논리적 언어를 사용하지만 마음은 은유적 언어를 사용하기 때문에 머리로는 이해를 했는데도 마음은 반대일 수 있습니다.

우리는 먼저 상대방의 행동을 긍정적으로 변화시키는 것이 얼마나 어려운 것인지 이해하고 인정해야 합니다. 그러니 사연자분이 최선을 다해 코칭했다고 해서 팀원이 바뀔 거라고 기대하지 마십시오. 팀원이 바뀌지 않았다고 과도한 자기비판을 할 필요도 없습니다. 지나치게 부정적인 자기 인식은 리더에게 추천할 만한 덕목이 아니니까요.

효과적인 소통을 위해 쉽게 사용할 수 있는 방법으로는 ‘직면적 소통’이 있습니다. 말 그대로 상대방 잘못을 직접 지적해 자신의 문제를 직면하게 하는 것이죠. “이번에도 마감을 못 지켰네요. 이러다가 우리 팀 실적이 꼴찌겠어요!” 같은 직설적인 말이 직면적 소통입니다.

이 방법은 상대의 마음에 불편함과 부끄러움을 만들고 그 부정적인 감정을 이용해 행동의 변화를 유발합니다. 다만 반복할수록 효과가 떨어지는 문제가 발생합니다. 또한 저항 심리가 작용해 동기부여는 커녕 있던 동기마저 없앨 수 있습니다.

동기부여를 통해 팀원의 행동을 변화시키고 싶다면 직면적 소통보다는 ‘열린 질문’을 해야 합니다. 열린 질문이란 일방적 지시가 아닌 의견을 묻는 것입니다.

“어제 지시한 프로젝트는 다 마쳤나요?” “오늘도 지각이네요. 또 늦잠 잤나요?”가 닫힌 질문이라면, “프로젝트 기획하는 데 어려움은 없나요?” “아침에 일어나는 게 힘든가요? 자꾸 지각하는 이유가 뭘까요?”는 열린 질문입니다.

열린 질문에는 리더의 일방적인 주장이나 지시가 담겨 있지 않아서 팀원에게 저항감을 주지 않습니다. 그래서 마음이 좀 더 쉽게 열립니다.

프로젝트의 어려움을 물어보면, 그간 느꼈던 어려움을 이야기하면서 스스로 자연스럽게 문제를 인식하게 됩니다. 스스로 문제를 인식했기 때문에 해결 방안에 관한 이야기를 나눌 때도 더 능동적으로 대화할 수 있습니다.

리더가 열린 질문에 익숙하지 않은 이유는 변화가 빨리 일어나길 바라는 조급함과 불안감 때문입니다. 하지만 어떤 변화든 하루아침에 일어날 수는 없습니다. 더구나 자신이 아닌 다른 누군가를 변화시키는 일이라면 더욱더 기다림이 필요합니다.

2️⃣그는 왜 피드백이 통하지 않을까
장은지 대표의 솔루션(이머징리더십인터벤션즈 대표)

인간에게는 자신을 다른 사람보다 우월하다고 생각하는 본성이 있습니다. 이로 인해 많은 사람이 “나 정도면 평균 이상이지”라고 믿습니다. 이것이 ‘평균 이상 효과(better-than-average effect)’입니다.

이렇게 자신의 역량과 성과를 후하게 평가하는 심리적 경향으로, 팀원들은 리더가 자신에 대해 낮은 평가를 했을 때 잘 받아들이지 못하는 경우가 많습니다. 실제 모 대기업을 대상으로 조사한 결과 직원의 70% 이상과 임원의 90% 이상이 자신의 성과를 ‘평균 이상’으로 평가했습니다.

저성과자가 있다면 리더는 피드백을 통해 변화를 유도하고 성과를 높이도록 도와야 합니다. 하지만 저성과자 대다수는 아무리 피드백을 주고 코칭을 해도 잘 변하지 않기 때문에 리더에게 큰 부담으로 작용합니다.

사연자 분 같은 상황에서도 당사자는 아무 문제가 없다고 생각하는 동상이몽이 발생하기도 합니다. 이런 경우에는 팀장의 인식이 아닌 팀원의 인식을 기반으로 피드백이 이뤄져야 하는데, 이것을 아는 리더는 많지 않습니다.

저성과자 문제는 대부분 자기 인식의 결여에서 비롯됩니다. 그렇기 때문에 자신에 대한 평가가 부당하다고 생각하죠. 따라서 리더는 먼저 팀원이 자신의 문제점을 정확하게 인식할 수 있도록 돕고, 그 문제가 무엇인지에 따라 피드백을 해야 합니다.

구성원에게 평가가 공정하다는 인상을 주려면 ‘객관적인 평가’와 ‘지속적인 피드백’을 잘 활용해야 합니다. 주기적인 피드백을 통해 객관적이고 투명하게 소통함으로써 당사자가 본인의 저성과를 인정하고 받아들일 수 있게 해야 합니다.

이걸 잘하는 회사가 넷플릭스입니다. 넷플릭스 리더들은 “경쟁사로 가겠다고 하는 팀원 중 최우선으로 붙잡아야 할 사람은 누구인가?”라는 질문으로 팀원들을 수시로 평가합니다. 그리고 이 질문에서 반복적으로 제외되는 사람은 빠르게 해고됩니다. 잔혹할 만큼 냉정한 문화죠.

넷플릭스에 입사했을 정도의 인재들이라면 ‘나 정도면 평균 이상이지’라고 생각할텐데, 냉혹한 평가를 군말 없이 받아들이는 이유는 무엇일까요? 바로 수시로 이뤄지는 리더의 평가와 피드백 덕분입니다.

자기 역량을 과대평가하는 저성과자가 정확한 자기 인식을 할 수 있도록 도우려면 무엇보다 객관적 평가를 토대로 한 효과적인 피드백이 중요합니다. 저성과자에게 하는 피드백은 필요할 때마다 수시로 이뤄져야 하며, 스스로 문제점을 정확하게 인식할 수 있도록 객관적이면서 구체적이어야 효과가 있습니다.

✅팀원 때문에 골머리를 썩고 있습니다. 문제가 되는 팀원은 업무 역량을 포함해 일을 처리하고 소통하는 방식에 문제가 많은 편입니다. 기회가 있을 때마다 충분한 피드백을 줬지만 아무런 변화가 없습니다. 독한 마음을 먹고 “매번 업무 처리가 늦어져 우리 팀 성과에 문제가 되고 있습니다. 어떻게 생각하세요?”라고 말한 적도 있습니다. 정작 본인은 왜 그런 평가를 받아야 하는지 납득하지 못하겠다며 억울하다는 태도를 보이더라고요. 자신은 주어진 일을 빠짐없이 처리했기 때문에 문제가 없다는 것입니다. 이런 상황들이 되풀이되고 업무 정체가 심해져 다른 팀원의 불만도 쌓여가고 있습니다. 팀을 이끌어가는 리더로서 팀원들에게 제 할 일을 하지 못한 것 같아 마음이 무겁습니다. 성과가 낮은 팀원은 어떻게 이끌어야 할까요? 1️⃣‘열린 질문’ 통해 천천히 변화 기다려야윤대현 교수의 솔루션(서울대병원 정신건강의학과 교수) 변화는 누구에게나 어렵습니다. 그 이유는 무엇일까요? 묘하고 신비로운 인간의 ‘마음’ 때문입니다. 사연자분이 팀원과 일대일 대화를 나눌 때, 사실은 네 명의 객체가 이야기를 나누고 있습니다. 팀장과 팀원 외에도 팀장의 마음과 팀원의 마음도 함께 대화에 참여하는 것이죠. 그런데 사람의 언어와 마음의 언어는 서로 다른 모습을 갖고 있습니다. 사람은 논리적 언어를 사용하지만 마음은 은유적 언어를 사용하기 때문에 머리로는 이해를 했는데도 마음은 반대일 수 있습니다. 우리는 먼저 상대방의 행동을 긍정적으로 변화시키는 것이 얼마나 어려운 것인지 이해하고 인정해야 합니다. 그러니 사연자분이 최선을 다해 코칭했다고 해서 팀원이 바뀔 거라고 기대하지 마십시오. 팀원이 바뀌지 않았다고 과도한 자기비판을 할 필요도 없습니다. 지나치게 부정적인 자기 인식은 리더에게 추천할 만한 덕목이 아니니까요. 효과적인 소통을 위해 쉽게 사용할 수 있는 방법으로는 ‘직면적 소통’이 있습니다. 말 그대로 상대방 잘못을 직접 지적해 자신의 문제를 직면하게 하는 것이죠. “이번에도 마감을 못 지켰네요. 이러다가 우리 팀 실적이 꼴찌겠어요!” 같은 직설적인 말이 직면적 소통입니다. 이 방법은 상대의 마음에 불편함과 부끄러움을 만들고 그 부정적인 감정을 이용해 행동의 변화를 유발합니다. 다만 반복할수록 효과가 떨어지는 문제가 발생합니다. 또한 저항 심리가 작용해 동기부여는 커녕 있던 동기마저 없앨 수 있습니다. 동기부여를 통해 팀원의 행동을 변화시키고 싶다면 직면적 소통보다는 ‘열린 질문’을 해야 합니다. 열린 질문이란 일방적 지시가 아닌 의견을 묻는 것입니다. “어제 지시한 프로젝트는 다 마쳤나요?” “오늘도 지각이네요. 또 늦잠 잤나요?”가 닫힌 질문이라면, “프로젝트 기획하는 데 어려움은 없나요?” “아침에 일어나는 게 힘든가요? 자꾸 지각하는 이유가 뭘까요?”는 열린 질문입니다. 열린 질문에는 리더의 일방적인 주장이나 지시가 담겨 있지 않아서 팀원에게 저항감을 주지 않습니다. 그래서 마음이 좀 더 쉽게 열립니다. 프로젝트의 어려움을 물어보면, 그간 느꼈던 어려움을 이야기하면서 스스로 자연스럽게 문제를 인식하게 됩니다. 스스로 문제를 인식했기 때문에 해결 방안에 관한 이야기를 나눌 때도 더 능동적으로 대화할 수 있습니다. 리더가 열린 질문에 익숙하지 않은 이유는 변화가 빨리 일어나길 바라는 조급함과 불안감 때문입니다. 하지만 어떤 변화든 하루아침에 일어날 수는 없습니다. 더구나 자신이 아닌 다른 누군가를 변화시키는 일이라면 더욱더 기다림이 필요합니다. 2️⃣그는 왜 피드백이 통하지 않을까장은지 대표의 솔루션(이머징리더십인터벤션즈 대표) 인간에게는 자신을 다른 사람보다 우월하다고 생각하는 본성이 있습니다. 이로 인해 많은 사람이 “나 정도면 평균 이상이지”라고 믿습니다. 이것이 ‘평균 이상 효과(better-than-average effect)’입니다. 이렇게 자신의 역량과 성과를 후하게 평가하는 심리적 경향으로, 팀원들은 리더가 자신에 대해 낮은 평가를 했을 때 잘 받아들이지 못하는 경우가 많습니다. 실제 모 대기업을 대상으로 조사한 결과 직원의 70% 이상과 임원의 90% 이상이 자신의 성과를 ‘평균 이상’으로 평가했습니다. 저성과자가 있다면 리더는 피드백을 통해 변화를 유도하고 성과를 높이도록 도와야 합니다. 하지만 저성과자 대다수는 아무리 피드백을 주고 코칭을 해도 잘 변하지 않기 때문에 리더에게 큰 부담으로 작용합니다. 사연자 분 같은 상황에서도 당사자는 아무 문제가 없다고 생각하는 동상이몽이 발생하기도 합니다. 이런 경우에는 팀장의 인식이 아닌 팀원의 인식을 기반으로 피드백이 이뤄져야 하는데, 이것을 아는 리더는 많지 않습니다. 저성과자 문제는 대부분 자기 인식의 결여에서 비롯됩니다. 그렇기 때문에 자신에 대한 평가가 부당하다고 생각하죠. 따라서 리더는 먼저 팀원이 자신의 문제점을 정확하게 인식할 수 있도록 돕고, 그 문제가 무엇인지에 따라 피드백을 해야 합니다. 구성원에게 평가가 공정하다는 인상을 주려면 ‘객관적인 평가’와 ‘지속적인 피드백’을 잘 활용해야 합니다. 주기적인 피드백을 통해 객관적이고 투명하게 소통함으로써 당사자가 본인의 저성과를 인정하고 받아들일 수 있게 해야 합니다. 이걸 잘하는 회사가 넷플릭스입니다. 넷플릭스 리더들은 “경쟁사로 가겠다고 하는 팀원 중 최우선으로 붙잡아야 할 사람은 누구인가?”라는 질문으로 팀원들을 수시로 평가합니다. 그리고 이 질문에서 반복적으로 제외되는 사람은 빠르게 해고됩니다. 잔혹할 만큼 냉정한 문화죠. 넷플릭스에 입사했을 정도의 인재들이라면 ‘나 정도면 평균 이상이지’라고 생각할텐데, 냉혹한 평가를 군말 없이 받아들이는 이유는 무엇일까요? 바로 수시로 이뤄지는 리더의 평가와 피드백 덕분입니다. 자기 역량을 과대평가하는 저성과자가 정확한 자기 인식을 할 수 있도록 도우려면 무엇보다 객관적 평가를 토대로 한 효과적인 피드백이 중요합니다. 저성과자에게 하는 피드백은 필요할 때마다 수시로 이뤄져야 하며, 스스로 문제점을 정확하게 인식할 수 있도록 객관적이면서 구체적이어야 효과가 있습니다.

n.news.naver.com

받은 솔루션을 바탕으로 노력해도 성과 또는 목표 달성이 없으면 결국 해고를 생각하게 될 것 같아요.

”상사도 관리해야 합니다“ | 오늘 이야기할 주제는 ‘어퍼 매니지먼트(Upper Management)’입니다. 이 용어는 해외에서는 익숙하지만, 국내에서는 아직 생소합니다. 어퍼 매니지먼트란 말 그대로 상사를 어떻게 효과적으로 관리할 것인지에 대한 개념입니다. 보통 매니지먼트라고 하면 팀원이나 조직을 관리하는 것을 떠올리지만 여기서는 반대로 상사와의 관계를 주도적으로 이끌어가는 방법에 

04. 당신은 상사를 어떻게 관리하고 있나요?

개인 커리어를 발전시키기 위해서 보통 새로운 서비스를 성공적으로 런칭하거나, 여러 프로젝트를 동시에 관리하거나, 팀을 이끄는 리더십 등 다양한 방법이 있습니다. 하지만 무엇보다도 직급이 올라가게 되면 상사와의 소통과 협력이 더욱 중요합니다.
이때 필요한 어퍼매니지먼트에 대한 개념을 설명해주신 글이 있어 공유드립니다.

어퍼 매니지먼트란
상사를 어떻게 효과적으로 관리할 것인지에 대한 개념이고, 상사와의 관계를 주도적으로 이끌어가는 방법에 초점을 맞춥니다.
많은 사람들이 상사는 나를 평가하고 관리하는 존재로만 생각하지만, 상사를 효과적으로 관리하고 내가 원하는 방향으로 관계를 이끌어나가는 것이야말로 커리어의 큰 변화를 가져올 수 있습니다.
상사에게 내 업무를 알리고, 필요할 때 도움을 요청하며, 내 성과를 명확히 전달하는 것이 어퍼 매니지먼트의 핵심입니다.

매커니즘 설정의 중요성
상사와의 정기적인 미팅을 잡는 것은 능사가 아닙니다. 프로젝트가 잘 진행되고 있고 상사의 도움이 필요하지 않다면 미팅을 과감히 취소하는 것도 하나의 전략입니다.
내가 전달하고자 하는 핵심이 무엇인지 고민하고, 무작정 미팅을 잡는 것이 아닌 상사의 시간을 효율적으로 사용하는 것이 중요합니다.
보고는 단순히 칭찬을 받기 위한 것이 아닌 프로젝트의 성공을 위해 필요한 지원을 얻고 결정을 함께 내리기 위한 것입니다. 그렇기에 반드시 필요한 정보만 간결히 전달하고 필요한 도움을 구체적으로 요청해야 합니다.

문제를 감추지 말고 사실에 기반해 보고하라
문제가 발생 했을 때 감추지 않고, 사실에 기반에 균형 잡힌 내용을 보고하는 것이 중요합니다
저는 상사들에게 잘한 점만 강조하기보다 어려운 부분과 해결이 필요한 문제들을 솔직하게 공유했습니다.
문제 보고 시 단순히 "도와주세요"가 아닌 지금까지 어떤 방식으로 문제를 해결하려고 노력했는지 그리고 우리가 고려한 여러 대안을 함께 제시하는 것이 중요합니다
상사에게 모든 결정을 떠넘기려고 하는게 아닌 우리가 제안한 해결책에 대한 동의를 구하거나 보완점을 확인하는것이 좋습니다.

약속과 시간을 철저히 지켜라
여기서 말하는 시간은 프로젝트의 마감 기한 뿐만 아닌 회의록 작성, 추가 자료 제공 등 모든 약속을 포함합니다. 상사가 재촉하지 않는다고 해서 몇 번 약속을 어기게 되면 신뢰를 잃기 쉽습니다. 저는 프로젝트를 진행하면서 회의가 끝난 직후 즉시 회의록을 작성해 공유했고, 모든 팀원들도 각자의 일정과 약속을 철저히 지켰습니다. 이러한 철저한 태도는 상사의 신뢰를 얻는 데 큰 도움이 됩니다.

어퍼 매니지먼트의 핵심은
신뢰를 얻는 것입니다. 상사의 시간을 소중히 여기고, 꾸준히 성실한 모습을 보여준다면 자연스럽게 신뢰를 쌓을 수 있습니다. 이러한 자세는 상사뿐만 아니라 동료나 타 부서와의 협업에서도 큰 도움이됩니다.

개인 커리어를 발전시키기 위해서 보통 새로운 서비스를 성공적으로 런칭하거나, 여러 프로젝트를 동시에 관리하거나, 팀을 이끄는 리더십 등 다양한 방법이 있습니다. 하지만 무엇보다도 직급이 올라가게 되면 상사와의 소통과 협력이 더욱 중요합니다.이때 필요한 어퍼매니지먼트에 대한 개념을 설명해주신 글이 있어 공유드립니다. 어퍼 매니지먼트란상사를 어떻게 효과적으로 관리할 것인지에 대한 개념이고, 상사와의 관계를 주도적으로 이끌어가는 방법에 초점을 맞춥니다. 많은 사람들이 상사는 나를 평가하고 관리하는 존재로만 생각하지만, 상사를 효과적으로 관리하고 내가 원하는 방향으로 관계를 이끌어나가는 것이야말로 커리어의 큰 변화를 가져올 수 있습니다. 상사에게 내 업무를 알리고, 필요할 때 도움을 요청하며, 내 성과를 명확히 전달하는 것이 어퍼 매니지먼트의 핵심입니다. 매커니즘 설정의 중요성 상사와의 정기적인 미팅을 잡는 것은 능사가 아닙니다. 프로젝트가 잘 진행되고 있고 상사의 도움이 필요하지 않다면 미팅을 과감히 취소하는 것도 하나의 전략입니다.내가 전달하고자 하는 핵심이 무엇인지 고민하고, 무작정 미팅을 잡는 것이 아닌 상사의 시간을 효율적으로 사용하는 것이 중요합니다.보고는 단순히 칭찬을 받기 위한 것이 아닌 프로젝트의 성공을 위해 필요한 지원을 얻고 결정을 함께 내리기 위한 것입니다. 그렇기에 반드시 필요한 정보만 간결히 전달하고 필요한 도움을 구체적으로 요청해야 합니다. 문제를 감추지 말고 사실에 기반해 보고하라문제가 발생 했을 때 감추지 않고, 사실에 기반에 균형 잡힌 내용을 보고하는 것이 중요합니다저는 상사들에게 잘한 점만 강조하기보다 어려운 부분과 해결이 필요한 문제들을 솔직하게 공유했습니다.문제 보고 시 단순히 "도와주세요"가 아닌 지금까지 어떤 방식으로 문제를 해결하려고 노력했는지 그리고 우리가 고려한 여러 대안을 함께 제시하는 것이 중요합니다 상사에게 모든 결정을 떠넘기려고 하는게 아닌 우리가 제안한 해결책에 대한 동의를 구하거나 보완점을 확인하는것이 좋습니다. 약속과 시간을 철저히 지켜라여기서 말하는 시간은 프로젝트의 마감 기한 뿐만 아닌 회의록 작성, 추가 자료 제공 등 모든 약속을 포함합니다. 상사가 재촉하지 않는다고 해서 몇 번 약속을 어기게 되면 신뢰를 잃기 쉽습니다. 저는 프로젝트를 진행하면서 회의가 끝난 직후 즉시 회의록을 작성해 공유했고, 모든 팀원들도 각자의 일정과 약속을 철저히 지켰습니다. 이러한 철저한 태도는 상사의 신뢰를 얻는 데 큰 도움이 됩니다. 어퍼 매니지먼트의 핵심은 신뢰를 얻는 것입니다. 상사의 시간을 소중히 여기고, 꾸준히 성실한 모습을 보여준다면 자연스럽게 신뢰를 쌓을 수 있습니다. 이러한 자세는 상사뿐만 아니라 동료나 타 부서와의 협업에서도 큰 도움이됩니다.

Brunch Story

당신은 상사를 어떻게 관리하고 있나요?

경영학의 대부 피터 드러커의 <자기경영노트>에서도 상사와의 관계에 관한 이야기가 나옵니다.

정리해 주신 구체적인 내용에 따르면 결국 자기 주도성과 신뢰가 중요하군요.

상사도 우리가 함께 일하면서 맺는 다양한 관계 중 특수한 형태의 하나임을 생각하면,
결국 주도성과 신뢰를 키우며 멋진 성과를 같이 만들 수 있을 것 같습니다^^

귀한 인사이트 감사합니다.

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

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

Sleep Sort를 아세요??

저는 멘토링을 할 때 개발뿐만 아니라 문제 정의부터 시작해 기획, 커뮤니케이션, 팀 문화, 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에 삽입해 진행하는 방법 - 저는 필수가 아닌 이상 두 번째 방법을 추천합니다. - 라이브 시연은 생생함과 어필력을 제공하지만, 시간 조절이 어렵고 실수의 가능성이 있으며, 발표 흐름이 끊길 수 있는 단점이 있습니다. - 미리 녹화한 영상은 시간 활용이 정확하고 편집이 가능해 청중이 이해하기 쉽습니다. - 때문에 가능하면 녹화된 시연 영상을 활용하시기를 권장합니다.

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

최근 프론트엔드 개발에서 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/

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

어제를 후회하고 내일을 걱정하기 전에, 일단 오늘부터!

[무기력 극복하기💪] 

무기력하게 아무것도 하기 싫을 때 자신이 좋아하는 일부터 시작하며 하나씩 차근차근 루틴을 쌓아 올려보아요 

누구나 다 한 번씩은 겪는 일이에요. 오늘에 집중하며 자신에게 상을 줍시다. 

행복한 금요일 되어요 

#퍼블리매일읽기챌린지 #퍼블리뷰 #퍼블리뷰5일차

publy.co

서비스기획

김연진

쓰고 정리하고 기획하는 일에 관심 있습니다. 느리지만 꾸준한 편입니다. 잡무에 능하나, 이제는 분야의 전문가를 꿈꿉니다. '해 왔던 것들을 하면서 안 했던 것들을 하려' 노력합니다.

이주연

금융 / 핀테크

html

javascript

Java

Linux

c언어

사모펀드 수탁시스템 구축과 유지보수
- 위험 감시 업무

사업지원부문 운영팀 선임

기계공학과 학사

호잇

브런치

금융 SI 중소기업/5년차/개발자
은행과 증권사에서 보관하는 펀드를 관리하는 프로그램을 개발하는 프로젝트에서 경험을 쌓고있어요.
써서 없애는 '소모'에서 만들어 남기는 '생산'을 꿈꿔요
#개발자

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필