평생직장 개념은 사라진 지 오래다. 대부분의 직장인들이 커리어 내내 여러 번의 이직을 경험한다. 한 회사에서 오래 일하는 사람이 없지는 않지만, 일반적인 상황은 아니다. 따라서, 첫 회사는 언젠가는 떠나야 하는 회사이고, 좋은 곳으로 이직할 수 있도록 미리 준비를 해두어야 한다.  이직 준비라는 것이 단순히 이력서와 자기소개서를 써두는 것을 말하는 것은 아

이직이 가능한 상태를 유지하자

가치를 잃지 않는 것
#신입사원 #직장인 #가치 #이직

https://brunch.co.kr/@drunkensky/679

가치를 잃지 않는 것#신입사원 #직장인 #가치 #이직 https://brunch.co.kr/@drunkensky/679

Brunch Story

OpenAI's underwhelming launch of Sora is allowing other companies to catch up

5 AI Video Generators You Can Use Right Now

2024년 12월 9일, OpenAI는 마침내 동영상 생성을 위한 AI 모델인 Sora를 출시했습니다.
지난 2월에 처음 공개된 Sora는 올해 가장 기대되는 동영상 생성기였습니다. 하지만 소라의 출시는 기대에 미치지 못했습니다. 여기에는 지금 바로 사용해 볼 수 있는 5가지 AI 동영상 생성기를 소개합니다.

 1. 런웨이(Runway)
 * https://runwayml.com/
 * 2023년 첫 번째 파운데이션 동영상 생성 모델 출시
 * 특징: 립싱크 비디오, 슈퍼슬로우 모션으로 짧은 샷을 생성하는 시각적 품질, 정적이거나 느리게 움직이는 물체를 느리고 영화 같은 장면 생성 잘 수행
 * Act One: 표현력 있는 캐릭터 연기'를 위해 설계된 비디오 투 비디오 도구로 배우의 실제 연기를 담은 비디오를 AI 애니메이션 캐릭터로 변환

 2. 클링(Kling)
 * https://klingai.com/
 * 중국의 콰이쇼우 테크놀로지의 AI 동영상 생성 모델
 * 특징: 더 까다로운 프롬프트에서도 설득력 있는 움직임을 생성 능력. 사람이 움직이거나 동물이 움직이는 등 훨씬 더 자연스러운 움직임을 만들어낼 수 있는 능력
 * 2024년 12월 19일 최신 모델 클링 1.6 출시, Kling.ai에서 직접 구매하거나 Krea와 같은 파트너사를 통해서 이용 가능

 3. 루마 드림 머신(Luma Dream Machine)
 * https://dream-machine.lumalabs.ai/
 * Luma AI: 기초 모델을 훈련하는 샌프란시스코의 소규모 스타트업
 * 특징: 크리에이티브 전문가들이 선호하는 도구. AI 스토리보드, 이미지 및 동영상 수정, 보다 일관된 결과물의 참조 스타일 등 유용한 기능. 시작 프레임과 종료 프레임을 지정하여 보다 창의적인 제어가 가능한 키프레임 기능

 4. 하이뤄오(Hailuo)
 * https://hailuoai.video/
 * 상하이 소재 미니맥스의 기초 동영상 제작 모델
 * 특징: 설득력 있는 액션으로 고품질의 결과물 생성. 노골적이고 폭력적인 프롬프트는 거부
   
   
 5. 피카(Pika)
 * https://pika.art/
 * 특징: 캐주얼한 스타일의 비디오 생성 지원. 사진 속 물체를 찌그러뜨리거나 녹이거나 부풀리는 등의 특수 효과를 중심으로 짧고 공유 가능한 클립을 만드는 도구 Pikaffects 제공

 6. 기타
 * 미드저니(Midjourney): 동영상 생성 도구는 개발 중. 이미지-투-비디오 또는 키프레임 프롬프트에 사용 가능
 * 토파즈랩스의 Video AI(https://www.topazlabs.com/): AI를 사용한 업스케일링. 저해상도(360p에서 1080p 사이)로 동영상을 출력하는 경향이라서 전문적인 작업에 유용
 * DeepAI의 AI Video Generator(https://deepai.org/video)

 * source: https://spectrum.ieee.org/ai-video-generator

2024년 12월 9일, OpenAI는 마침내 동영상 생성을 위한 AI 모델인 Sora를 출시했습니다.지난 2월에 처음 공개된 Sora는 올해 가장 기대되는 동영상 생성기였습니다. 하지만 소라의 출시는 기대에 미치지 못했습니다. 여기에는 지금 바로 사용해 볼 수 있는 5가지 AI 동영상 생성기를 소개합니다. <ol ><li>런웨이(Runway)</li></ol><ul ><li>https://runwayml.com/</li><li>2023년 첫 번째 파운데이션 동영상 생성 모델 출시</li><li>특징: 립싱크 비디오, 슈퍼슬로우 모션으로 짧은 샷을 생성하는 시각적 품질, 정적이거나 느리게 움직이는 물체를 느리고 영화 같은 장면 생성 잘 수행</li><li>Act One: 표현력 있는 캐릭터 연기'를 위해 설계된 비디오 투 비디오 도구로 배우의 실제 연기를 담은 비디오를 AI 애니메이션 캐릭터로 변환</li></ul> <ol start="2"><li>클링(Kling)</li></ol><ul ><li>https://klingai.com/</li><li>중국의 콰이쇼우 테크놀로지의 AI 동영상 생성 모델</li><li>특징: 더 까다로운 프롬프트에서도 설득력 있는 움직임을 생성 능력. 사람이 움직이거나 동물이 움직이는 등 훨씬 더 자연스러운 움직임을 만들어낼 수 있는 능력</li><li>2024년 12월 19일 최신 모델 클링 1.6 출시, Kling.ai에서 직접 구매하거나 Krea와 같은 파트너사를 통해서 이용 가능</li></ul> <ol start="3"><li>루마 드림 머신(Luma Dream Machine)</li></ol><ul ><li>https://dream-machine.lumalabs.ai/</li><li>Luma AI: 기초 모델을 훈련하는 샌프란시스코의 소규모 스타트업</li><li>특징: 크리에이티브 전문가들이 선호하는 도구. AI 스토리보드, 이미지 및 동영상 수정, 보다 일관된 결과물의 참조 스타일 등 유용한 기능. 시작 프레임과 종료 프레임을 지정하여 보다 창의적인 제어가 가능한 키프레임 기능</li></ul> <ol start="4"><li>하이뤄오(Hailuo)</li></ol><ul ><li>https://hailuoai.video/</li><li>상하이 소재 미니맥스의 기초 동영상 제작 모델</li><li>특징: 설득력 있는 액션으로 고품질의 결과물 생성. 노골적이고 폭력적인 프롬프트는 거부 </li></ul><ol start="5"><li>피카(Pika)</li></ol><ul ><li>https://pika.art/</li><li>특징: 캐주얼한 스타일의 비디오 생성 지원. 사진 속 물체를 찌그러뜨리거나 녹이거나 부풀리는 등의 특수 효과를 중심으로 짧고 공유 가능한 클립을 만드는 도구 Pikaffects 제공</li></ul> <ol start="6"><li>기타</li></ol><ul ><li>미드저니(Midjourney): 동영상 생성 도구는 개발 중. 이미지-투-비디오 또는 키프레임 프롬프트에 사용 가능</li><li>토파즈랩스의 Video AI(https://www.topazlabs.com/): AI를 사용한 업스케일링. 저해상도(360p에서 1080p 사이)로 동영상을 출력하는 경향이라서 전문적인 작업에 유용</li><li>DeepAI의 AI Video Generator(https://deepai.org/video)</li></ul> <ul ><li>source: https://spectrum.ieee.org/ai-video-generator</li></ul>

IEEE Spectrum

[IEEE] 지금 바로 사용할 수 있는 5가지 AI 동영상 생성기

🗞️ OpenAI의 샘 알트먼이 1월 30일에 미국 정부 관리들을 위한 비공개 브리핑을 예약했다고 합니다.

OpenAI의 내부 소식통에 따르면 PhD 수준의 슈퍼 에이전트에 큰 돌파구가 올 것이라고 하며, OpenAI 직원들은 최근의 발전이 매우 흥분되지만, 겁이 나기도 한다고 말했다고 하는데요.

며칠 전 메타의 저커버그가 AI 엔지니어가 미드 레벨급으로 올라감에 따라 직원을 대거 해고한다고 했던 것도 있고.. 빅테크들에서는 내부적으로 뭔가 큰 진보를 경험하고 있는걸까요?

저는 AI의 발전을 대체로 긍정적으로 보는 사람이긴 합니다만, 뭔가.. 이정도 반응은 좀 무섭기도 하네요. 🤨🧐🤔😕

🗞️ OpenAI의 샘 알트먼이 1월 30일에 미국 정부 관리들을 위한 비공개 브리핑을 예약했다고 합니다. OpenAI의 내부 소식통에 따르면 PhD 수준의 슈퍼 에이전트에 큰 돌파구가 올 것이라고 하며, OpenAI 직원들은 최근의 발전이 매우 흥분되지만, 겁이 나기도 한다고 말했다고 하는데요. 며칠 전 메타의 저커버그가 AI 엔지니어가 미드 레벨급으로 올라감에 따라 직원을 대거 해고한다고 했던 것도 있고.. 빅테크들에서는 내부적으로 뭔가 큰 진보를 경험하고 있는걸까요? 저는 AI의 발전을 대체로 긍정적으로 보는 사람이긴 합니다만, 뭔가.. 이정도 반응은 좀 무섭기도 하네요. 🤨🧐🤔😕

Work will be messy and volatile in 2025: Focus on developing these leadership skills.

Three Nonnegotiable Leadership Skills for 2025 | Melissa Swift

새해가 시작되면서, 리더들이 복잡하고 불확실한 업무 환경을 헤쳐나가기 위해 반드시 갖춰야 할 기술은 무엇일까요? 또한, 이러한 리더십 기술을 개발하는 방법에 대해 연구는 무엇을 말하고 있을까요? 다음은 MIT Sloan에서 제시하는 리더들이 반드시 갖춰야 할 세 가지 기술과 이를 강화하는 3가지 내용입니다. 참고되시기 바랍니다.

1. 기본: 공정성 (Fairness)
 * 현황
   오늘날 많은 직장에서 직원들은 불만족을 나타냅니다. 참여도는 하락하고, 정치적 견해는 극단화되며, 70%의 근로자가 급여에 불만족을 느낍니다.
 * 공정성의 중요성
   공정성은 리더가 이러한 부정적 정서를 완화할 수 있는 비밀 무기입니다. 여기서 말하는 공정성은 법적으로 요구되는 공정성 이상을 의미합니다. 이는 대인 공정성에 초점을 맞춥니다. 예를 들어:
   * 정보를 제공받을 때, 출처가 아닌 정보 자체를 판단하는가?
   * 회의에서 모든 사람의 의견을 균등하게 경청하는가?
   * 편애로 비난받은 적이 있는가, 그리고 그 비난이 사실로 여겨질 수 있는가?
 * 공정성의 효과
   연구에 따르면 리더가 공정하게 행동하면 번아웃 방지 효과가 있으며, 반대로 공정성이 부족하다고 느끼는 경우 번아웃 속도가 빨라집니다.
 * 공정성 개발 방법
   공정성은 세 가지 차원에서 발전시킬 수 있습니다:
   * 관계적 정의: 직원들에게 존중과 윤리적 태도로 대합니다.
   * 과업 정의: 약속을 지키고 투명하게 의사결정을 내립니다.
   * 분배 정의: 직원의 노력에 맞는 결과를 제공합니다.
>> 작은 행동에서 시작하세요. 예를 들어, 이메일에 감사의 말을 충분히 포함하고, 모든 직원에게 공평한 기회를 제공합니다.

2. 성장 가속기: 호기심 (Curiosity)
 * 호기심의 역할
   호기심은 조직의 예측 가능한 패턴을 넘어 더 나은 경력 성장 경로를 설계할 수 있도록 도와줍니다.
   * 새로운 질문을 던지며 학습 기회를 창출합니다.
   * 조직의 변화 속도를 기다리지 않고 스스로를 성장시킬 수 있습니다.
 * 호기심을 개발하는 방법
   심리학 연구에 따르면, 호기심은 정보 격차를 메우려는 뇌의 시도에서 비롯됩니다. 즉, 어떤 주제에 대해 어느 정도 알고 있지만 완전히 알지 못할 때 더 알고 싶어지는 동기가 생깁니다.
   * 스스로에게 어떤 정보 격차가 있는지 질문하세요.
   * 조직 외부에서 학습 기회를 찾아보세요.
   * 지식의 빈 공간을 메우는 습관을 들이세요.

3. 구원책: 유머 감각 (Sense of Humor)
 * 유머 감각의 중요성
   공정성과 호기심을 실행하더라도, 조직의 예측 불가능한 환경에서는 유머 감각이 필요합니다.
   * 유머 감각은 자신과 상황을 너무 심각하게 받아들이지 않는 능력을 의미합니다.
   * 긴장과 압박을 완화하여 문제를 더 쉽게 해결할 수 있도록 도와줍니다.
 * 유머의 올바른 사용
   * 유머는 신중하게 사용해야 하며, 문화적, 상황적 차이를 고려해야 합니다.
   * 적절한 유머 감각은 자신과 상황의 우스꽝스러운 면을 받아들일 수 있는 능력을 포함합니다.
   * 지나치게 심각한 태도를 피하고, 문제를 해결하기 위한 창의적 접근법을 제공합니다.

 * source: https://sloanreview.mit.edu/article/three-nonnegotiable-leadership-skills-for-2025/

새해가 시작되면서, 리더들이 복잡하고 불확실한 업무 환경을 헤쳐나가기 위해 반드시 갖춰야 할 기술은 무엇일까요? 또한, 이러한 리더십 기술을 개발하는 방법에 대해 연구는 무엇을 말하고 있을까요? 다음은 MIT Sloan에서 제시하는 리더들이 반드시 갖춰야 할 세 가지 기술과 이를 강화하는 3가지 내용입니다. 참고되시기 바랍니다. 1. 기본: 공정성 (Fairness)<ul ><li>현황 오늘날 많은 직장에서 직원들은 불만족을 나타냅니다. 참여도는 하락하고, 정치적 견해는 극단화되며, 70%의 근로자가 급여에 불만족을 느낍니다.</li><li>공정성의 중요성 공정성은 리더가 이러한 부정적 정서를 완화할 수 있는 비밀 무기입니다. 여기서 말하는 공정성은 법적으로 요구되는 공정성 이상을 의미합니다. 이는 대인 공정성에 초점을 맞춥니다. 예를 들어:<ul ><li>정보를 제공받을 때, 출처가 아닌 정보 자체를 판단하는가?</li><li>회의에서 모든 사람의 의견을 균등하게 경청하는가?</li><li>편애로 비난받은 적이 있는가, 그리고 그 비난이 사실로 여겨질 수 있는가?</li></ul></li><li>공정성의 효과 연구에 따르면 리더가 공정하게 행동하면 번아웃 방지 효과가 있으며, 반대로 공정성이 부족하다고 느끼는 경우 번아웃 속도가 빨라집니다.</li><li>공정성 개발 방법 공정성은 세 가지 차원에서 발전시킬 수 있습니다:<ul ><li>관계적 정의: 직원들에게 존중과 윤리적 태도로 대합니다.</li><li>과업 정의: 약속을 지키고 투명하게 의사결정을 내립니다.</li><li>분배 정의: 직원의 노력에 맞는 결과를 제공합니다.</li></ul></li></ul>&gt;&gt; 작은 행동에서 시작하세요. 예를 들어, 이메일에 감사의 말을 충분히 포함하고, 모든 직원에게 공평한 기회를 제공합니다. 2. 성장 가속기: 호기심 (Curiosity)<ul ><li>호기심의 역할호기심은 조직의 예측 가능한 패턴을 넘어 더 나은 경력 성장 경로를 설계할 수 있도록 도와줍니다.<ul ><li>새로운 질문을 던지며 학습 기회를 창출합니다.</li><li>조직의 변화 속도를 기다리지 않고 스스로를 성장시킬 수 있습니다.</li></ul></li><li>호기심을 개발하는 방법심리학 연구에 따르면, 호기심은 정보 격차를 메우려는 뇌의 시도에서 비롯됩니다. 즉, 어떤 주제에 대해 어느 정도 알고 있지만 완전히 알지 못할 때 더 알고 싶어지는 동기가 생깁니다.<ul ><li>스스로에게 어떤 정보 격차가 있는지 질문하세요.</li><li>조직 외부에서 학습 기회를 찾아보세요.</li><li>지식의 빈 공간을 메우는 습관을 들이세요.</li></ul></li></ul> 3. 구원책: 유머 감각 (Sense of Humor)<ul ><li>유머 감각의 중요성공정성과 호기심을 실행하더라도, 조직의 예측 불가능한 환경에서는 유머 감각이 필요합니다.<ul ><li>유머 감각은 자신과 상황을 너무 심각하게 받아들이지 않는 능력을 의미합니다.</li><li>긴장과 압박을 완화하여 문제를 더 쉽게 해결할 수 있도록 도와줍니다.</li></ul></li><li>유머의 올바른 사용<ul ><li>유머는 신중하게 사용해야 하며, 문화적, 상황적 차이를 고려해야 합니다.</li><li>적절한 유머 감각은 자신과 상황의 우스꽝스러운 면을 받아들일 수 있는 능력을 포함합니다.</li><li>지나치게 심각한 태도를 피하고, 문제를 해결하기 위한 창의적 접근법을 제공합니다.</li></ul></li></ul> <ul ><li>source: https://sloanreview.mit.edu/article/three-nonnegotiable-leadership-skills-for-2025/</li></ul>

MIT Sloan Management Review

[MITSloan] 2025년 리더십을 위한 세 가지 필수 기술

몇몇 해외 업체랑 계약을(판매면 좋겠지만 구매..🥹) 위해서 거의 한 달 이상 영어 메일을 주고 받고 있는데, ChatGPT 없었으면 메일 검토하고 쓰는 것만 하루에 한시간 이상씩 보냈을 듯.

이뿐만이 아니라 여러가지로, 진짜 ChatGPT 없던 날로 돌아가라면 스맛폰 없던 시절보다 더 고통(?)스러울 듯.

몇몇 해외 업체랑 계약을(판매면 좋겠지만 구매..🥹) 위해서 거의 한 달 이상 영어 메일을 주고 받고 있는데, ChatGPT 없었으면 메일 검토하고 쓰는 것만 하루에 한시간 이상씩 보냈을 듯. 이뿐만이 아니라 여러가지로, 진짜 ChatGPT 없던 날로 돌아가라면 스맛폰 없던 시절보다 더 고통(?)스러울 듯.

보험은 꽤 큰 금액을 오랫동안 내게 됩니다. 그럼에도 불구하고 자기가 가진 보험이 어떤 상태인지 잘 모르는 경우들이 많습니다. 내 보험을 제대로 알지 못하면 여러모로 취약해집니다. 유지하는 게 좋은 보험을 다른 사람의 조언으로 해지하기도 하고, 특약을 조정하거나 해지하는 게 나은 보험을 오랫동안 유지하기도 합니다. 다른 사람이 아니라 내가 잘 이해하고 있어야

해빗팩토리가 데이터, 자동화, AI를 활용하여 생산성을 10배로 만든 방법, 100배로 만들 계획

해빗팩토리, 현재 AI(LLM)을 제일 잘 쓰고 있는 회사가 아닐까 싶은데요. 제 패캠 강의(프롬프트 엔지니어링)의 씨앗이 되었던 회사입니다. ㅎㅎ

ChatGPT가 처음 출시되었던 시기에 강의를 해 달라는 분들이 매우 많았는데요. 저는 강의하는 걸 매우 싫어하는 사람이라, 솔직히 강의 하기 싫어서 강의료 겁나 비싸게 부르고 다니면서 마음의 평화를 얻고 있었는데(강의료 말하면 연락 끊김 ㅋㅋ) 그럼에도 불구하고 꼭 필요하시다며 불러주셨던 곳. 그 후에 진짜 빠르게 앞서가시는 것에 감탄했습니다.

그리고 그 강의가 도움이 되었다고 해 주셔서, 그걸 기초로 패캠 강의와 책을 만들게 되었죠. 패캠 강의도 사실은 오프라인 강의하기 싫어서 이거 보세요 하려고 만든거에요. 🥲

암튼, 최근에 너무 훌륭한 서비스들을 만들고 계셔서 이제는 제가 가서 배워야 할 것 같네요. 👍

이런 글에 광고 안하면 섭섭하니까 간만에 광고도 한 번 😉☺️

강의 👉 https://fastcampus.co.kr/data_red_golbin
도서 👉 https://m.yes24.com/Goods/Detail/126690830

https://www.jungyunho.com/100xhabitfactory/

해빗팩토리, 현재 AI(LLM)을 제일 잘 쓰고 있는 회사가 아닐까 싶은데요. 제 패캠 강의(프롬프트 엔지니어링)의 씨앗이 되었던 회사입니다. ㅎㅎ ChatGPT가 처음 출시되었던 시기에 강의를 해 달라는 분들이 매우 많았는데요. 저는 강의하는 걸 매우 싫어하는 사람이라, 솔직히 강의 하기 싫어서 강의료 겁나 비싸게 부르고 다니면서 마음의 평화를 얻고 있었는데(강의료 말하면 연락 끊김 ㅋㅋ) 그럼에도 불구하고 꼭 필요하시다며 불러주셨던 곳. 그 후에 진짜 빠르게 앞서가시는 것에 감탄했습니다. 그리고 그 강의가 도움이 되었다고 해 주셔서, 그걸 기초로 패캠 강의와 책을 만들게 되었죠. 패캠 강의도 사실은 오프라인 강의하기 싫어서 이거 보세요 하려고 만든거에요. 🥲 암튼, 최근에 너무 훌륭한 서비스들을 만들고 계셔서 이제는 제가 가서 배워야 할 것 같네요. 👍 이런 글에 광고 안하면 섭섭하니까 간만에 광고도 한 번 😉☺️ 강의 👉 https://fastcampus.co.kr/data_red_golbin도서 👉 https://m.yes24.com/Goods/Detail/126690830 https://www.jungyunho.com/100xhabitfactory/

정윤호닷컴

[1] 해야 할일 리스트 만들기 > [2] 우선 순위 정하기 > [3] 정해진 시간 안에 수행하기 > [4] 피드백 과정 거치기

[4] 피드백 과정 거치기

피드백(Feedback)은 의도한 행동이나 반응을 참고로 하여,
더욱 적절한 것으로 수정해 가는 방법입니다.

모든 일들은 100% 완벽할 수 없습니다.

한 때 정말 만족스러웠던 순간도
돌이켜보면 좀 다른 방향으로 해볼걸이라는 생각이 들 때가 있습니다.

또 만족스러운 결과를 내지 못한 때에도
돌이켜보면 어떤 점들은 정말 잘했다는 생각이 들 때가 있죠.

하지만 두가지 모두 다
피드백이라는 과정을 거쳐서 성장을 위한 밑거름이 될 수 있습니다.

피드백은 스스로를 다그치거나 반성하는 과정이 아닙니다.
오히려 자신을 알아가고 스스로를 행복하게 만드는 과정입니다.

저는 하루를 잘 마친 저에게 보상을 주기 위해 노력합니다.

이 때 보상은
1️⃣ 즉시 주어지고
2️⃣ 나를 행복하게 하는것으로 정합니다.

반대로, 하루를 잘 마치지 못한 저를 위해서
지나친 반성이나 자기 성찰보다는
다음에 원하는 보상을 얻기 위해 어떻게 해야 하는지에 대한
전략을 세우는 시간으로 활용합니다.

피드백을 너무 가혹하게 설정하지 마세요.
우리는 스스로를 행복하게 만들기 위한 과정을 지나고 있는 것 뿐입니다.

[1] 해야 할일 리스트 만들기 &gt; [2] 우선 순위 정하기 &gt; [3] 정해진 시간 안에 수행하기 &gt; [4] 피드백 과정 거치기 [4] 피드백 과정 거치기 피드백(Feedback)은 의도한 행동이나 반응을 참고로 하여, 더욱 적절한 것으로 수정해 가는 방법입니다. 모든 일들은 100% 완벽할 수 없습니다. 한 때 정말 만족스러웠던 순간도 돌이켜보면 좀 다른 방향으로 해볼걸이라는 생각이 들 때가 있습니다. 또 만족스러운 결과를 내지 못한 때에도 돌이켜보면 어떤 점들은 정말 잘했다는 생각이 들 때가 있죠. 하지만 두가지 모두 다 피드백이라는 과정을 거쳐서 성장을 위한 밑거름이 될 수 있습니다. 피드백은 스스로를 다그치거나 반성하는 과정이 아닙니다. 오히려 자신을 알아가고 스스로를 행복하게 만드는 과정입니다. 저는 하루를 잘 마친 저에게 보상을 주기 위해 노력합니다. 이 때 보상은 1️⃣&nbsp;즉시 주어지고 2️⃣&nbsp;나를 행복하게 하는것으로 정합니다. 반대로, 하루를 잘 마치지 못한 저를 위해서 지나친 반성이나 자기 성찰보다는 다음에 원하는 보상을 얻기 위해 어떻게 해야 하는지에 대한 전략을 세우는 시간으로 활용합니다. 피드백을 너무 가혹하게 설정하지 마세요. 우리는 스스로를 행복하게 만들기 위한 과정을 지나고 있는 것 뿐입니다.

성공적인 프로젝트 관리의 4단계 프로세스 #4

일을 하나를 마치면 세 개가 더 생겨.. 🫠

일을 하나를 마치면 세 개가 더 생겨.. 🫠

[1] 해야 할일 리스트 만들기 > [2] 우선 순위 정하기 > [3] 정해진 시간 안에 수행하기 > [4] 피드백 과정 거치기

[3] 정해진 시간 안에 수행하기

인간은 시작한 일을 끝마치고자 하는 경향이 있다고 합니다.
이를 심리학에서는 자이가르닉 효과(Zeigarnik Effect)라고 부릅니다.

자이가르닉 효과는 쉽게 성공한 일보다 우리가 완료하지 못한 일이
마음속에 더 오래 남아 계속해서 생각나게 만든다는 것입니다.

[1] 해야 할일 리스트 만들기에서 만든 투두 리스트(To-do-list)는
우리들에게 약간의 스트레스 또는 압박감을 유발할 거에요.

우리가 온라인에서 쇼핑할 때 장바구니에 담아놓은
사지 못한 물건들이 신경쓰는 것과 비슷한 원리입니다.

이렇게 신경쓰이는 일들을 잘 수행하기 위해
저는 타임 박스(Time Box)라는 시간 관리 비법을 소개해드리고자 합니다.

가장 유명한 방법 중 하나는 포모도로(Pomodoro) 타이머입니다.
25분간 집중해서 할 일을 수행한 뒤, 5분간 휴식하는 패턴을 여러번 반복하는 것이죠.

하지만, 제가 직접 해본 경험으로는,
포모도로 타이머는 저 같이 성격이 급한 사람에게는 잘 맞지 않더군요.

대신 저는 저를 정해진 시간 안에 가두는 전략을 사용합니다.
가장 집중이 잘 되는 3-4 시간을 정한 뒤
가장 집중이 잘 되는 공간에 저를 데려다 놓고
제게 가장 중요한 일들을 하는 것입니다.

이 때 투두 리스트를 우선 순위에 맞추어 수행하는 것을 원칙으로 합니다.

저는 근처 카페에서 제가 좋아하는 노래를 틀어놓고,
노트북으로 제가 해야 할일들을 하나씩 해나가는 것을 좋아합니다.

해야 할일들을 다 수행하지 못해도 괜찮습니다.
우리에게는 내일이라는 플랜 B가 있으니까요.

다음 편에서는 [4] 피드백 과정 거치기에 대해 이야기 해볼게요 :)

[1] 해야 할일 리스트 만들기 &gt; [2] 우선 순위 정하기 &gt; [3] 정해진 시간 안에 수행하기 &gt; [4] 피드백 과정 거치기 [3] 정해진 시간 안에 수행하기 인간은 시작한 일을 끝마치고자 하는 경향이 있다고 합니다. 이를 심리학에서는 자이가르닉 효과(Zeigarnik Effect)라고 부릅니다. 자이가르닉 효과는 쉽게 성공한 일보다 우리가 완료하지 못한 일이 마음속에 더 오래 남아 계속해서 생각나게 만든다는 것입니다. [1] 해야 할일 리스트 만들기에서 만든 투두 리스트(To-do-list)는 우리들에게 약간의 스트레스 또는 압박감을 유발할 거에요. 우리가 온라인에서 쇼핑할 때 장바구니에 담아놓은 사지 못한 물건들이 신경쓰는 것과 비슷한 원리입니다. 이렇게 신경쓰이는 일들을 잘 수행하기 위해 저는 타임 박스(Time Box)라는 시간 관리 비법을 소개해드리고자 합니다. 가장 유명한 방법 중 하나는 포모도로(Pomodoro) 타이머입니다. 25분간 집중해서 할 일을 수행한 뒤, 5분간 휴식하는 패턴을 여러번 반복하는 것이죠. 하지만, 제가 직접 해본 경험으로는, 포모도로 타이머는 저 같이 성격이 급한 사람에게는 잘 맞지 않더군요. 대신 저는 저를 정해진 시간 안에 가두는 전략을 사용합니다. 가장 집중이 잘 되는 3-4 시간을 정한 뒤 가장 집중이 잘 되는 공간에 저를 데려다 놓고 제게 가장 중요한 일들을 하는 것입니다. 이 때 투두 리스트를 우선 순위에 맞추어 수행하는 것을 원칙으로 합니다. 저는 근처 카페에서 제가 좋아하는 노래를 틀어놓고, 노트북으로 제가 해야 할일들을 하나씩 해나가는 것을 좋아합니다. 해야 할일들을 다 수행하지 못해도 괜찮습니다. 우리에게는 내일이라는 플랜 B가 있으니까요. 다음 편에서는 [4] 피드백 과정 거치기에 대해 이야기 해볼게요 :)

성공적인 프로젝트 관리의 4단계 프로세스 #3

datarichard 그룹 멘토링 | Notion

데이터 사이언스를 공부하기로 마음먹었을 때,
가장 처음 들었던 생각이 있었습니다.

"먼저 현업을 경험해 본 경험자분들에게 나의 고민을 물어보고 싶다."

요즘 AI가 모든 지식과 정보을 알려주는 세상이라지만,
오히려 제공해주는 방대하고 수많은 정보의 바다에서
스스로 어디서부터 시작해야 할지 막막하고,
성장하기 위해서 무엇을 더 배워야 할지도 알 수 없었죠.

그럴 때마다 누군가가 조언을 해주고,
방향을 함께 고민해주는 사람이 있었다면
어땠을까 생각하곤 했습니다.

그래서 온라인 그룹 멘토링 세션을 시작하게 되었습니다.

혼자서는 풀기 어려운 수많은 고민들,
새로운 도전을 위한 응원과 피드백,
그리고 함께 성장할 수 있는 연결고리를 제공하고자 합니다.

그룹 멘토링 세션을 통해 제가 이루고자 하는 목표는 이렇습니다.

- 데이터 커리어를 시작하거나 전환하려는 분들에게 실질적인 로드맵을 제공합니다.
- DATA/BI 엔지니어로 일했던 경험과 교육 크리에이터로 활동하며 얻은 인사이트를 나눕니다.
- 참여자 분들과 함께 고민하고 아이디어를 나누며 datarichard가 앞으로 나아갈 방향을 찾습니다.

이번 그룹 멘토링 세션은 단순히 질문에 답하고 끝나는 일회성이 아닌,

머리를 맞대고 함께 고민하고.,
커리어 여정에서 만나게 될 장애물들을 함께 극복하며,
실질적으로 성장할 수 있는 로드맵을 연구하고 만들 계획입니다.

그룹 멘토링을 통해 만난 분들과 함께 고민하며
앞으로 어떤 DATA/AI 학습 프로그램으로 성장할 수 있을지가 기대됩니다.

그룹 멘토링 일정과 신청 방법은 아래 링크에 있습니다.

👉 그룹 멘토링 페이지 바로 가기

데이터 사이언스를 공부하기로 마음먹었을 때, 가장 처음 들었던 생각이 있었습니다. "먼저 현업을 경험해 본 경험자분들에게 나의 고민을 물어보고 싶다." 요즘 AI가 모든 지식과 정보을 알려주는 세상이라지만, 오히려 제공해주는 방대하고 수많은 정보의 바다에서 스스로 어디서부터 시작해야 할지 막막하고, 성장하기 위해서 무엇을 더 배워야 할지도 알 수 없었죠. 그럴 때마다 누군가가 조언을 해주고, 방향을 함께 고민해주는 사람이 있었다면 어땠을까 생각하곤 했습니다. 그래서 온라인 그룹 멘토링 세션을 시작하게 되었습니다. 혼자서는 풀기 어려운 수많은 고민들, 새로운 도전을 위한 응원과 피드백, 그리고 함께 성장할 수 있는 연결고리를 제공하고자 합니다. 그룹 멘토링 세션을 통해 제가 이루고자 하는 목표는 이렇습니다. - 데이터 커리어를 시작하거나 전환하려는 분들에게 실질적인 로드맵을 제공합니다. - DATA/BI 엔지니어로 일했던 경험과 교육 크리에이터로 활동하며 얻은 인사이트를 나눕니다. - 참여자 분들과 함께 고민하고 아이디어를 나누며 datarichard가 앞으로 나아갈 방향을 찾습니다. 이번 그룹 멘토링 세션은 단순히 질문에 답하고 끝나는 일회성이 아닌, 머리를 맞대고 함께 고민하고., 커리어 여정에서 만나게 될 장애물들을 함께 극복하며, 실질적으로 성장할 수 있는 로드맵을 연구하고 만들 계획입니다. 그룹 멘토링을 통해 만난 분들과 함께 고민하며 앞으로 어떤 DATA/AI 학습 프로그램으로 성장할 수 있을지가 기대됩니다. 그룹 멘토링 일정과 신청 방법은 아래 링크에 있습니다. 👉 그룹 멘토링 페이지 바로 가기

동찬 임's Notion on Notion

datarichard 그룹 멘토링 세션

변경하기 쉬운 프론트엔드 코드를 위한 지침서

Frontend Fundamentals

토스에서 프론트엔드 코드를 위한 지침서를 공개했습니다.

https://frontend-fundamentals.com

GitHub를 통해 공개된 문서를 기반으로 하고 있는 웹사이트입니다. 아직 기여 가이드는 만들어지지 않았네요.

하지만 GitHub Discussions 페이지에서 의견을 교류할 수 있다고 합니다.

토스에서 프론트엔드 코드를 위한 지침서를 공개했습니다. https://frontend-fundamentals.com GitHub를 통해 공개된 문서를 기반으로 하고 있는 웹사이트입니다. 아직 기여 가이드는 만들어지지 않았네요. 하지만 GitHub Discussions 페이지에서 의견을 교류할 수 있다고 합니다.

frontend-fundamentals.com

[1] 해야 할일 리스트 만들기 > [2] 우선 순위 정하기 > [3] 정해진 시간 안에 수행하기 > [4] 피드백 과정 거치기

시간이 지날수록, 시간은 금이라는 말이 점점 실감이 납니다.
무엇을 제대로 한것도 없는데 벌써 2025년 1월의 중반을 지나고 있으니 말입니다.

올해 4월에 대학원 졸업과 취업 준비라는 큰 이벤트를 앞둔 저에게도 앞으로 해나가야 할 다양한 숙제들과 프로젝트를 생각하고 나면 벌써부터 마음이 무거워지고 한숨이 절로 납니다.

하지만, 이대로 그냥 한숨만 쉬면 포기하고 있을 수는 없죠. 우리의 앞길에 놓인 중요한 프로젝트들을 성공적으로 수행하기 위해 제가 작년부터 사용하고 있는 방법을 공유해보려 합니다.

저는 매일 약 4-5개의 투두 리스트(To-do List)를 만들고 그 리스트를 하루 동안 수행하고 있습니다. 그리고 작년까지 약 70개의 해야 할 업무 및 일정들을 큰 문제없이 잘 처리해왔습니다.

그럼 첫번째 단계인 [1] 해야 할일 정하기 부터 이야기해 볼까요?

[1] 해야 할일 정하기

매일 여러분들은 해야 할 일들 리스트를 의식적으로 만들고 수행하고 있나요?
해야 할일이 정해진 삶이란 단조롭고 기계적이라고 느낄수도 모르겠습니다.
하지만 실제로 투두 리스트를 만들고 나면, 마음이 생각보다 편해지는 걸 느낄 수 있습니다.

특히 저처럼 하고 싶은 것들이 많은 욕심쟁이들에게는
하루하루가 매일 다른 일들을 벌려놓고 흐지부지 끝나는 경우들이 많습니다.

이 때 우리가 그날 해야 하는 일들을 정하는 것이 도움이 될 수 있습니다.
이 때의 포인트는 리스트는 5개가 넘어가면 안된다는 점입니다.

여러분들이 5개 이상의 리스트를 만드는 순간,
그 때부터 여러분들의 하루는 롤러코스터가 될 가능성이 매우 높습니다.

하루 정도는 괜찮지만, 매일 그런 삶을 살고 싶지는 않으시겠죠? 해야 할일 리스트를 만들어보세요. 사소한 것이라도 좋습니다, 만들면서 여러분들은 깨닫게 될거에요.

우리가 하루 동안 정말 어떤 일들을 하고 있는지를 말이죠.

다음 편에서 [2] 우선 순위 정하기에 대해 이야기 해볼게요 :)

[1] 해야 할일 리스트 만들기 &gt; [2] 우선 순위 정하기 &gt; [3] 정해진 시간 안에 수행하기 &gt; [4] 피드백 과정 거치기 시간이 지날수록, 시간은 금이라는 말이 점점 실감이 납니다. 무엇을 제대로 한것도 없는데 벌써 2025년 1월의 중반을 지나고 있으니 말입니다. 올해 4월에 대학원 졸업과 취업 준비라는 큰 이벤트를 앞둔 저에게도 앞으로 해나가야 할 다양한 숙제들과 프로젝트를 생각하고 나면 벌써부터 마음이 무거워지고 한숨이 절로 납니다. 하지만, 이대로 그냥 한숨만 쉬면 포기하고 있을 수는 없죠. 우리의 앞길에 놓인 중요한 프로젝트들을 성공적으로 수행하기 위해 제가 작년부터 사용하고 있는 방법을 공유해보려 합니다. 저는 매일 약 4-5개의 투두 리스트(To-do List)를 만들고 그 리스트를 하루 동안 수행하고 있습니다. 그리고 작년까지 약 70개의 해야 할 업무 및 일정들을 큰 문제없이 잘 처리해왔습니다. 그럼 첫번째 단계인 [1] 해야 할일 정하기 부터 이야기해 볼까요? [1] 해야 할일 정하기 매일 여러분들은 해야 할 일들 리스트를 의식적으로 만들고 수행하고 있나요? 해야 할일이 정해진 삶이란 단조롭고 기계적이라고 느낄수도 모르겠습니다. 하지만 실제로 투두 리스트를 만들고 나면, 마음이 생각보다 편해지는 걸 느낄 수 있습니다. 특히 저처럼 하고 싶은 것들이 많은 욕심쟁이들에게는 하루하루가 매일 다른 일들을 벌려놓고 흐지부지 끝나는 경우들이 많습니다. 이 때 우리가 그날 해야 하는 일들을 정하는 것이 도움이 될 수 있습니다. 이 때의 포인트는 리스트는 5개가 넘어가면 안된다는 점입니다. 여러분들이 5개 이상의 리스트를 만드는 순간, 그 때부터 여러분들의 하루는 롤러코스터가 될 가능성이 매우 높습니다. 하루 정도는 괜찮지만, 매일 그런 삶을 살고 싶지는 않으시겠죠? 해야 할일 리스트를 만들어보세요. 사소한 것이라도 좋습니다, 만들면서 여러분들은 깨닫게 될거에요. 우리가 하루 동안 정말 어떤 일들을 하고 있는지를 말이죠. 다음 편에서 [2] 우선 순위 정하기에 대해 이야기 해볼게요 :)

성공적인 프로젝트 관리의 4단계 프로세스

스크리닝, 코딩, 시스템 디자인, Behavioral 인터뷰, 팀 매칭, 오퍼

Meta SWE 면접 합격 후기

요즘 채용이 조심스럽게 되살아나고 있고 메타도 채용을 많이 하고 있는거 같습니다. 

블라인드 앱 보면 주위 개발자 25%가 메타 면접을 보고 있는거 같다는 글도 보이는데요. 저도 메타 인터뷰 관련해서 DM을 많이 받았습니다. 특히 다른 회사에는 없는 '팀 매칭' 단계에 대해서 질문이 많았는데 이 부분 포함해서 좀 더 상세히 글로 정리했습니다.

https://www.nyprogrammer.com/p/meta-swe-interview

요즘 채용이 조심스럽게 되살아나고 있고 메타도 채용을 많이 하고 있는거 같습니다.&nbsp; 블라인드 앱 보면 주위 개발자 25%가 메타 면접을 보고 있는거 같다는 글도 보이는데요. 저도 메타 인터뷰 관련해서 DM을 많이 받았습니다. 특히 다른 회사에는 없는 '팀 매칭' 단계에 대해서 질문이 많았는데 이 부분 포함해서 좀 더 상세히 글로 정리했습니다. https://www.nyprogrammer.com/p/meta-swe-interview

www.nyprogrammer.com

“혼자서 앱을 개발해 나간다는 게 쉬운 작업이 아닌데, 혹시 스터디나 모임도 활용하셨는지 궁금합니다.”
“활용하지 않습니다.”

스터디그룹에 참여해 보지 않았던 것은 아닙니다.
20대에는 무슨 스터디만 한다 하면 어떻게든 시간을 내서 참여했습니다.

내가 발표할 시간이 되면 스트레스받아 가면서 시간에 쫓겨 자료를 만들고…
남들 발표 시간에는 편안한 마음으로 듣기도 하고…
스터디에 많이 참여하니 항상 바쁘게 쪼개서 시간을 썼는데, 그에 비해 배움은 크지 않은 것 같았습니다.
이상하다. 마치 헛공부만 하고 있는 느낌이랄까…?
이런 경험이 반복되면서 스터디에 참여하는 것을 점점 주저하게 됐습니다.

스터디 그룹에 참여하면 누가 떠먹여 주지 않을까 하는 생각이 그렇게 만들었던 건 아닐까?
어차피 공부는 누가 떠먹여 주는 것이 아니라 내가 해야 하는 것인데.

가만히 생각해 보면 제대로 학습했다는 느낌이 들었던 순간은 언제나 제 책상 앞이었습니다.
혼자 끙끙대면서 스스로에게 질문하고 답하는 시간을 더 많이 갖고 싶습니다.

“혼자서 앱을 개발해 나간다는 게 쉬운 작업이 아닌데, 혹시 스터디나 모임도 활용하셨는지 궁금합니다.”“활용하지 않습니다.” 스터디그룹에 참여해 보지 않았던 것은 아닙니다.20대에는 무슨 스터디만 한다 하면 어떻게든 시간을 내서 참여했습니다. 내가 발표할 시간이 되면 스트레스받아 가면서 시간에 쫓겨 자료를 만들고…남들 발표 시간에는 편안한 마음으로 듣기도 하고…스터디에 많이 참여하니 항상 바쁘게 쪼개서 시간을 썼는데, 그에 비해 배움은 크지 않은 것 같았습니다.이상하다. 마치 헛공부만 하고 있는 느낌이랄까…?이런 경험이 반복되면서 스터디에 참여하는 것을 점점 주저하게 됐습니다. 스터디 그룹에 참여하면 누가 떠먹여 주지 않을까 하는 생각이 그렇게 만들었던 건 아닐까?어차피 공부는 누가 떠먹여 주는 것이 아니라 내가 해야 하는 것인데. 가만히 생각해 보면 제대로 학습했다는 느낌이 들었던 순간은 언제나 제 책상 앞이었습니다.혼자 끙끙대면서 스스로에게 질문하고 답하는 시간을 더 많이 갖고 싶습니다.

스터디 그룹에 참여하지 않는 이유

우연히 보게 된 유투브(링크는 댓글 참고)인데 서울대내에서 어떤 학생들이 학점이 좋은지 그리고 공통적인 학습방법이 있는지 찾아보려는 연구에 관한 이야기이다. 뭔가 도움이되는 흥미로운 결과를 기대하고 시작한 이 연구는 기대와는 완전히 다르게 진행되었다.

학점을 좋게 받는 학생들의 공통점은 질문을 하거나 본인의 생각을 가지려고 하는게 아니라 주입식으로 교수님의 강의를 달달 외운 경우였다. 교수님의 의견에 동의하지 않는 경우 시험 문제에서 본인의 의견을 그래도 주장하겠냐는 질문에 다들 점수를 잘 받기 위해서 교수님의 생각을 적겠다고 답을 했다.

동일한 연구자가 미국 미시간 대학의 학생들을 대상으로 조사를 해보니 강의시간에 교수님의 이야기를 그대로 적는 사람들은 거의 없었고 대부분 흥미로운 부분이나 자기의 생각을 필기했다고 답했고 교수님 강의 필기와 학점 간에 별다른 상관관계가 없었다. 또한 인터뷰에 응한 모든 학생들이 교수님의 의견과 본인의 의견이 다른 경우 그래도 본인의 의견을 적겠다고 했다.
영상 중 아래 문장들이 참 슬프게 다가왔다.

"질문왕 승현이는 이제 더 이상 질문을 하지 않습니다"
"너는 어떠한 생각도 가져서는 안되고 네 생각이 아무리 좋아도 교수님과 다르면 버려야 되고 교수님의 말씀을 단 한마디도 빼놓지 않고 적어야 하고 이게 서울대학교의 교육이라고 과연 이야기할 수 있을까?"

두 학교 학생들은 모두 열심히 하지만 방향이 다르며 (수용적 vs. 비판적) 결국 학점이란 게임의 룰이 다르다보니 결국 학생들의 성향까지 변화시킨다. 정답을 찾으라는 교육과 아닌 교육의 차이점이다.

이 유튜브 비디오는 대학생으로 국한해서 연구를 했지만 개발자를 대상으로 해도 크게 다를지 않을 것 같다. 사람의 능력은 한국이나 미국이나 크게 다르다고 생각하지 않는다. 질문을 꺼리는 환경과 장려하는 환경, 순응하기를 원하는 환경과 비판을 허용하는 환경, 환경의 차이가 사람의 성장에 차이를 가져온다.

우연히 보게 된 유투브(링크는 댓글 참고)인데 서울대내에서 어떤 학생들이 학점이 좋은지 그리고 공통적인 학습방법이 있는지 찾아보려는 연구에 관한 이야기이다. 뭔가 도움이되는 흥미로운 결과를 기대하고 시작한 이 연구는 기대와는 완전히 다르게 진행되었다. 학점을 좋게 받는 학생들의 공통점은 질문을 하거나 본인의 생각을 가지려고 하는게 아니라 주입식으로 교수님의 강의를 달달 외운 경우였다. 교수님의 의견에 동의하지 않는 경우 시험 문제에서 본인의 의견을 그래도 주장하겠냐는 질문에 다들 점수를 잘 받기 위해서 교수님의 생각을 적겠다고 답을 했다. 동일한 연구자가 미국 미시간 대학의 학생들을 대상으로 조사를 해보니 강의시간에 교수님의 이야기를 그대로 적는 사람들은 거의 없었고 대부분 흥미로운 부분이나 자기의 생각을 필기했다고 답했고 교수님 강의 필기와 학점 간에 별다른 상관관계가 없었다. 또한 인터뷰에 응한 모든 학생들이 교수님의 의견과 본인의 의견이 다른 경우 그래도 본인의 의견을 적겠다고 했다.영상 중 아래 문장들이 참 슬프게 다가왔다. "질문왕 승현이는 이제 더 이상 질문을 하지 않습니다""너는 어떠한 생각도 가져서는 안되고 네 생각이 아무리 좋아도 교수님과 다르면 버려야 되고 교수님의 말씀을 단 한마디도 빼놓지 않고 적어야 하고 이게 서울대학교의 교육이라고 과연 이야기할 수 있을까?" 두 학교 학생들은 모두 열심히 하지만 방향이 다르며 (수용적 vs. 비판적) 결국 학점이란 게임의 룰이 다르다보니 결국 학생들의 성향까지 변화시킨다. 정답을 찾으라는 교육과 아닌 교육의 차이점이다. 이 유튜브 비디오는 대학생으로 국한해서 연구를 했지만 개발자를 대상으로 해도 크게 다를지 않을 것 같다. 사람의 능력은 한국이나 미국이나 크게 다르다고 생각하지 않는다. 질문을 꺼리는 환경과 장려하는 환경, 순응하기를 원하는 환경과 비판을 허용하는 환경, 환경의 차이가 사람의 성장에 차이를 가져온다.

서울대안에서는 누가 A+를 받을까?

원문: https://frontendatscale.com/issues/17

(번역) 프런트엔드 아키텍처 시각화하기

오늘은 12월 이진우님이 공유해주신 2024 프론트엔드 뉴스 한 방에 몰아 보기 글에서 알게 된 C4 모델을 활용해 아키텍처를 시각화하는 방법에 대한 글을 번역해 봤습니다. C4 모델은 소프트웨어 시스템을 다양한 추상화 수준(시스템 컨텍스트, 컨테이너, 컴포넌트, 코드)에서 시각화하는 방법론으로 다양한 분야에서 사용하고 있는데요. 이 글에서는 저자가 프런트엔드 계층을 추상화 수준에 맞춰 정리하고 시각화하는 방법에 대해 이야기하고 있습니다. 도움이 되셨으면 좋겠습니다. 😃

링크: https://bit.ly/3WdXidn

오늘은 12월 이진우님이 공유해주신 2024 프론트엔드 뉴스 한 방에 몰아 보기 글에서 알게 된 C4 모델을 활용해 아키텍처를 시각화하는 방법에 대한 글을 번역해 봤습니다. C4 모델은 소프트웨어 시스템을 다양한 추상화 수준(시스템 컨텍스트, 컨테이너, 컴포넌트, 코드)에서 시각화하는 방법론으로 다양한 분야에서 사용하고 있는데요. 이 글에서는 저자가 프런트엔드 계층을 추상화 수준에 맞춰 정리하고 시각화하는 방법에 대해 이야기하고 있습니다. 도움이 되셨으면 좋겠습니다. 😃 링크: https://bit.ly/3WdXidn

Google Docs

프런트엔드 아키텍처 시각화하기

Guidelines for easily modifiable frontend code

https://frontend-fundamentals.com/

"프론트엔드에서 '좋은 코드'란 '변경하기 쉬운 코드'"라는 기준점을 제시하면서, 가독성, 예측 가능성, 응집도, 결합도 4가지 기준을 바탕으로 좋은 코드를 작성하는 전략에 대해서 소개하는 문서입니다.

읽어보니 이론적인 내용 보다는 전반적으로 실무에서 사용할 법한 코드 예시를 중점으로 소개하고 있어서 이해하기가 쉬웠습니다.

코드 리뷰할 때 참고 문서로 활용하기도 좋을 것 같습니다.

https://frontend-fundamentals.com/ "프론트엔드에서 '좋은 코드'란 '변경하기 쉬운 코드'"라는 기준점을 제시하면서, 가독성, 예측 가능성, 응집도, 결합도 4가지 기준을 바탕으로 좋은 코드를 작성하는 전략에 대해서 소개하는 문서입니다. 읽어보니 이론적인 내용 보다는 전반적으로 실무에서 사용할 법한 코드 예시를 중점으로 소개하고 있어서 이해하기가 쉬웠습니다. 코드 리뷰할 때 참고 문서로 활용하기도 좋을 것 같습니다.

토스에서 만든 FE 코드 지침서

원고지 글자수를 쉽게 계산하세요. 원고지 매수 자동 계산, 글자수 세기, A4 용지 변환까지 한번에 해결하는 무료 원고지 계산기입니다.

원고지 계산기 - 글자수 세기, 원고지 매수 자동 변환

"마케터 -> 개발자"로 살다가,
24년 2월에 퇴사를 했습니다.

그 후 완전 새로운 일을 시작했는데요. 다음과 같습니다.

1. 고시원 2개 인수(1개는 24년 12월에 매도했습니다)
2. 파티룸 창업 후 운영중(네이버지도에 "건대 오아시" 검색!)
3. 일은 아니지만 "결혼"

-

비교적 시간이 많아져서(위 사업은 자동사냥이 되버림)
올해는 해보고 싶은 것(하고 있는 것)도 자연스레 많아졌습니다.
아래와 같이요!

1. 단편 소설 1개 쓰기(꾸준히 글 쓰는중)
2. 일본인과 대화하기(학원 다니고 있음)
3. 트레이딩 공부해서 10일 연속 수익 내보기(강의 듣고 있음)

-

무튼, 글을 쓰면서 문학상도 한번 넣어보고 싶어서 봤는데,
대부분 문학상이 원고지 200자 기준 N매 따위의 조건이 있더라고요..!

전(?)개발자긴 했지만 안 쓰니 까먹어서..
cursor의 도움으로 하루이틀만에 급하게 "원고지계산기"라는 앱을 만들었습니다.
다크모드는 대응 안됐는데, 이대로도 괜찮아서(?) 쓰려고 합니다.
무튼 cursor가 뚝딱해주는 거 보고 개발하기 쉬워졌다(?) 생각이 들었네요.

"마케터 -&gt; 개발자"로 살다가, 24년 2월에 퇴사를 했습니다. 그 후 완전 새로운 일을 시작했는데요. 다음과 같습니다. 1. 고시원 2개 인수(1개는 24년 12월에 매도했습니다) 2. 파티룸 창업 후 운영중(네이버지도에 "건대 오아시" 검색!) 3. 일은 아니지만 "결혼" - 비교적 시간이 많아져서(위 사업은 자동사냥이 되버림) 올해는 해보고 싶은 것(하고 있는 것)도 자연스레 많아졌습니다. 아래와 같이요! 1. 단편 소설 1개 쓰기(꾸준히 글 쓰는중) 2. 일본인과 대화하기(학원 다니고 있음) 3. 트레이딩 공부해서 10일 연속 수익 내보기(강의 듣고 있음) - 무튼, 글을 쓰면서 문학상도 한번 넣어보고 싶어서 봤는데, 대부분 문학상이 원고지 200자 기준 N매 따위의 조건이 있더라고요..! 전(?)개발자긴 했지만 안 쓰니 까먹어서.. cursor의 도움으로 하루이틀만에 급하게 "원고지계산기"라는 앱을 만들었습니다. 다크모드는 대응 안됐는데, 이대로도 괜찮아서(?) 쓰려고 합니다.무튼 cursor가 뚝딱해주는 거 보고 개발하기 쉬워졌다(?) 생각이 들었네요.

www.xn--989a2bt9ciz7b65g7qe.kr

💠 cursor로 하루이틀만에 간단한 앱 만든 이야기

React로 단일 페이지 애플리케이션(SPA)을 개발하고 Spring Boot를 통해 배포하는 과정에서, 사용자들이 특정 페이지로 이동한 후 새로고침을 하면 404 오류가 발생하는 경우가 있습니다. 이는 React와 Spring Boot가 라우팅을 처리하는 방식의 차이에서 비롯된 문제로, 많은 개발자가 마주하는 흔한 이슈입니다.
 
문제 상황: 새로고침 시 404 오류 발생
React 애플리케이션에서 BrowserRouter를 사용하여 클라이언트 사이드 라우팅(Client-Side Routing)을 처리할 때, 새로고침 시 다음과 같은 404 오류가 발생할 수 있습니다.
GET https://example.com/purchased-product 404 (Not Found)

이 상황은 브라우저가 /purchased-product 경로에 대한 요청을 서버로 보냈지만, Spring Boot 서버가 해당 경로를 처리하는 방법을 알지 못해 404 Not Found를 반환했기 때문에 발생합니다.
 
React는 클라이언트에서 모든 라우팅을 처리하도록 설계되었으나, 브라우저는 새로고침하거나 직접 URL을 입력했을 때 서버에 요청을 보내는 기본 동작을 따릅니다. 따라서 Spring Boot 서버가 이러한 요청을 적절히 처리하지 않으면 위와 같은 문제가 발생합니다.
 
문제 원인: React와 Spring Boot 라우팅 처리 방식의 차이
[React의 클라이언트 사이드 라우팅]
React에서 BrowserRouter는 브라우저의 주소(URL)를 변경하지만 실제로 서버에 요청을 보내지 않습니다. 대신, 클라이언트 측에서 라우팅이 이루어지며, 경로에 매핑된 React 컴포넌트를 렌더링합니다.
 * URL 변경은 브라우저 주소창에서만 이루어집니다.
 * React 내부에서 지정된 컴포넌트가 로드됩니다.
 
[브라우저의 기본 동작]
반면, 브라우저에서 새로고침하거나 URL을 직접 입력하면 해당 경로에 대한 요청을 서버로 보냅니다.
 * 서버는 경로에 대해 정의된 처리가 없는 경우, 404 Not Found를 반환합니다.
 * 이는 서버가 클라이언트 사이드 라우팅 경로에 대해 무지한 상태이기 때문입니다.
 
React와 브라우저의 동작 차이를 이해했으니, 이제 이를 해결하기 위한 Spring Boot 설정 방법을 살펴보겠습니다.
 
해결 방법: Spring Boot에서 React 경로 처리하기
Spring Boot 서버가 React 애플리케이션의 모든 경로를 처리하도록 설정하면, 브라우저가 서버로 보내는 모든 요청에 대해 React의 index.html 파일을 반환할 수 있습니다. 이렇게 하면 브라우저는 React 애플리케이션을 다시 로드하고, 클라이언트 측에서 올바른 경로를 렌더링할 수 있습니다.
 
[구현 방법]
Spring Boot에서 React 라우팅을 처리하기 위한 WebController를 다음과 같이 작성할 수 있습니다.
import org.springframework.boot.web.servlet.error.ErrorController;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class WebController implements ErrorController {

    @GetMapping({
        "/purchased-product"
    })
    public String index() {
        // Spring Boot가 React의 index.html 파일을 반환하도록 설정
        // index.html은 /resources/static 또는 /resources/public에 위치
        return "index.html";
    }
}

 위 코드는 React 애플리케이션의 경로를 명시적으로 나열하고, 해당 경로에 대한 요청이 들어오면 index.html을 반환하도록 설정합니다. 이렇게 하면 React의 라우터가 클라이언트 측에서 경로를 처리할 수 있는 환경을 제공하게 됩니다.
 
결론
Spring Boot와 React를 통합할 때, 클라이언트 사이드 라우팅으로 인해 발생하는 새로고침 404 오류는 React와 브라우저의 기본 동작 차이에서 발생합니다. 서버에서 React의 모든 경로를 처리하도록 설정함으로써 문제를 쉽게 해결할 수 있습니다.

React로 단일 페이지 애플리케이션(SPA)을 개발하고 Spring Boot를 통해 배포하는 과정에서, 사용자들이 특정 페이지로 이동한 후 새로고침을 하면 404 오류가 발생하는 경우가 있습니다. 이는 React와 Spring Boot가 라우팅을 처리하는 방식의 차이에서 비롯된 문제로, 많은 개발자가 마주하는 흔한 이슈입니다.&nbsp;문제 상황: 새로고침 시 404 오류 발생React 애플리케이션에서 BrowserRouter를 사용하여 클라이언트 사이드 라우팅(Client-Side Routing)을 처리할 때, 새로고침 시 다음과 같은 404 오류가 발생할 수 있습니다.<pre ><code class="language-bash">GET https://example.com/purchased-product 404 (Not Found)</code></pre>이 상황은 브라우저가 /purchased-product 경로에 대한 요청을 서버로 보냈지만, Spring Boot 서버가 해당 경로를 처리하는 방법을 알지 못해 404 Not Found를 반환했기 때문에 발생합니다.&nbsp;React는 클라이언트에서 모든 라우팅을 처리하도록 설계되었으나, 브라우저는 새로고침하거나 직접 URL을 입력했을 때 서버에 요청을 보내는 기본 동작을 따릅니다. 따라서 Spring Boot 서버가 이러한 요청을 적절히 처리하지 않으면 위와 같은 문제가 발생합니다.&nbsp;문제 원인: React와 Spring Boot 라우팅 처리 방식의 차이[React의 클라이언트 사이드 라우팅]React에서 BrowserRouter는 브라우저의 주소(URL)를 변경하지만 실제로 서버에 요청을 보내지 않습니다. 대신, 클라이언트 측에서 라우팅이 이루어지며, 경로에 매핑된 React 컴포넌트를 렌더링합니다.<ul ><li>URL 변경은 브라우저 주소창에서만 이루어집니다.</li><li>React 내부에서 지정된 컴포넌트가 로드됩니다.</li></ul>&nbsp;[브라우저의 기본 동작]반면, 브라우저에서 새로고침하거나 URL을 직접 입력하면 해당 경로에 대한 요청을 서버로 보냅니다.<ul ><li>서버는 경로에 대해 정의된 처리가 없는 경우, 404 Not Found를 반환합니다.</li><li>이는 서버가 클라이언트 사이드 라우팅 경로에 대해 무지한 상태이기 때문입니다.</li></ul>&nbsp;React와 브라우저의 동작 차이를 이해했으니, 이제 이를 해결하기 위한 Spring Boot 설정 방법을 살펴보겠습니다.&nbsp;해결 방법: Spring Boot에서 React 경로 처리하기Spring Boot 서버가 React 애플리케이션의 모든 경로를 처리하도록 설정하면, 브라우저가 서버로 보내는 모든 요청에 대해 React의 index.html 파일을 반환할 수 있습니다. 이렇게 하면 브라우저는 React 애플리케이션을 다시 로드하고, 클라이언트 측에서 올바른 경로를 렌더링할 수 있습니다.&nbsp;[구현 방법]Spring Boot에서 React 라우팅을 처리하기 위한 WebController를 다음과 같이 작성할 수 있습니다.<pre ><code class="language-java">import org.springframework.boot.web.servlet.error.ErrorController;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class WebController implements ErrorController {

 @GetMapping({
 "/purchased-product"
 })
 public String index() {
 // Spring Boot가 React의 index.html 파일을 반환하도록 설정
 // index.html은 /resources/static 또는 /resources/public에 위치
 return "index.html";
 }
}</code></pre>&nbsp;위 코드는 React 애플리케이션의 경로를 명시적으로 나열하고, 해당 경로에 대한 요청이 들어오면 index.html을 반환하도록 설정합니다. 이렇게 하면 React의 라우터가 클라이언트 측에서 경로를 처리할 수 있는 환경을 제공하게 됩니다.&nbsp;결론Spring Boot와 React를 통합할 때, 클라이언트 사이드 라우팅으로 인해 발생하는 새로고침 404 오류는 React와 브라우저의 기본 동작 차이에서 발생합니다. 서버에서 React의 모든 경로를 처리하도록 설정함으로써 문제를 쉽게 해결할 수 있습니다.

🕊️ Spring Boot&React에서 새로 고침 404 오류 

1
반대해야 하는 상황에 직면했을 때 대응 매뉴얼을 만들었다.

2
첫째, 상대 의견을 부정하지 않고 인정해 준다.

3
둘째, 공통점을 찾는다.

4
셋째, 내 의견을 피력하기 위한 자락을 만들어둔다. “이렇게 말씀드려 죄송합니다만”

5
넷째, 반대 의사를 표명한다. 이유와 근거, 대안을 포함해 말해야 한다.

#강원국의어른답게말합니다

1 반대해야 하는 상황에 직면했을 때 대응 매뉴얼을 만들었다. ​ ​2 첫째, 상대 의견을 부정하지 않고 인정해 준다. ​ ​3 둘째, 공통점을 찾는다. ​ ​4 셋째, 내 의견을 피력하기 위한 자락을 만들어둔다. “이렇게 말씀드려 죄송합니다만” ​ ​5 넷째, 반대 의사를 표명한다. 이유와 근거, 대안을 포함해 말해야 한다. #강원국의어른답게말합니다

< 매너 있게 반대하는 4단계 >

목표를 잘 세우는 것이 중요하다.  목표를 세우고, 그 목표를 달성하고자 노력하는 것은 현대인에게 매우 익숙한 일이다. 직장에서 뿐만 아니라 일상생활에서도 사람들은 많은 목표를 세우며, 그 목표를 하나씩 달성해 나가기 위해 애쓴다. 아마, 우리의 삶 자체가 목표 설정과 그것을 달성하고자 하는 시도로 채워져 있다고 해도 과언은 아닐 것이다. 목표를 세우고, 

24화 [Objective] 팀의 목표가 가져야 하는 특성들

좋은 성과는 좋은 목표로부터 시작된다.
#목표 #리더십 #프로젝트 #repost

https://brunch.co.kr/@drunkensky/71

좋은 성과는 좋은 목표로부터 시작된다.#목표 #리더십 #프로젝트 #repost https://brunch.co.kr/@drunkensky/71

앵커스 개발자

정지우

자바, 스프링 기반 개발자이지만 모든 기술 스택을 배우고 써보고 싶은 다양한 스택에 궁금증이 많은 개발자입니다. 

신한라이프 백엔드 개발자

김유탁

팀의 목표가 가져야 하는 특성들

프로그래머

여러 캐주얼 게임, 웹보드 게임 개발 및 유지보수

프로그래밍 팀장

일본 서비스 유지보수 by 프로그래밍 팀장
2.5D 캐주얼 게임 개발 및 서비스 by 프로그래밍 팀장
3D 엔진 API 개발 by 프로그래밍 팀장
타회사 게임 분석 by 게임분석팀 팀원
퍼즐버블 온라인 프로젝트 관리 by PM

프로젝트 매니저, 프로그래밍 팀장

'고로캣' 개발 및 런칭
여성 플레이어를 위한 고양이 수집 소셜 네트워크 게임

프로듀서

글로벌 소셜 카지노 게임 개발 및 서비스
Seastar Casino(글로벌)
피망 슬롯: 카지노 로얄(한국)
Slots Island(북미)

제작실장(PD)

python

글쓰기

논리적 사고

데이터 분석

리더십

문제 정의하기

커뮤니케이션

프로젝트 매니징

AI 개발자

전기공학부 학사

게임 프로그래머로 시작해서, 게임 분석가, 프로젝트 매니저, 프로젝트 리더를 거쳐 지금은 게임에 AI를 적용하는 연구를 하고 있는 직장인 20년차입니다. 글 쓰는 것을 좋아해서 브런치에서 '취한하늘'이라는 이름으로 작가 활동을 하고 있습니다.

이재호

브런치북, '호모 라보란스를 위한 에세이'

브런치

직장 생활을 하면서 생각할만한 것들에 대한 짧은 글들

브런치북, '직장인을 위한 에세이'

브런치북, '시작하는 리더들을 위해'

링크드인 프로필

저서 '일 잘하는 팀장'

브런치북, '좋은 프로젝트를 만들어 봅시다'

책 <일 잘하는 팀장>을 집필하였습니다. 게임 프로그래머, 게임 분석가, 프로젝트 매니저, 프로젝트 리더를 거쳐 지금은 게임 AI 연구를 하고 있는 직장인 23년차입니다. 글 쓰는 것을 좋아해서 브런치에서 '취한하늘'이라는 이름으로 작가 활동을 하고 있습니다.

팀의 목표가 가져야 하는 특성들

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필