사이드 프로젝트를 진행하면서 처음의 열정이 사라져 엎어진 경우가 있나요?

모든 일을 지속하기 위해선 동기부여가 중요하죠 사이드 프로젝트 역시 마찬가지라고 생각합니다.
하지만 사이드 프로젝트를 진행하면서 지속적인 동기부여를 얻기란 참 어려운 것 같습니다. 사이드 프로젝트 특성상 금전적 보상은 거의 없으며 순수 재미나 혹은 흥미, 커리어 성장에 대한 관심으로 지속되기 때문입니다.

지금까지 30여개의 사이드 프로젝트를 진행하면서 많이 들었던 질문 중 하나가 '그렇게 많은 사이드 프로젝트를 생각하고 만들고 지속할 수 있던 동기부여는 무엇인가요?' 입니다.

사실 저도 다양한 사이드 프로젝트를 제작하는 동안 엎어진 경우도 많고 흐지부지된 경우도 많습니다. 이러한 경험들을 바탕으로 사이드 프로젝트를 만들 땐 나름의 규칙을 가지고 시작하고 있습니다.

제가 생각하는 동기부여를 유지하기 위한 세가지 팁을 공유합니다.

1) 성공 보단 성장
 * '꼭 성공해서 돈을 벌어야지' 라고 생각하게 되면 처음부터 너무 많은 힘이 들어가게 됩니다.
 * 사이드 프로젝트가 성공하는 확률은 현실적으로 낮고 운이 큰 작용을 한다고 생각합니다. 아무리 열심히 만들어도 타이밍이 좋지 않아 실패 하는 경우도 많습니다.
 * 기대감이 크면 클수록 실망도 커지는 법이죠. 처음 목표가 성공이라는 좁은 문에 초점이 맞춰져 있다면 열정이 식을 가능성이 커집니다.
 * 저는 애초에 사이드 프로젝트의 실패를 베이스로 놓고, 사이드 프로젝트를 진행하면서 성장할 수 있는 부분에 초점을 맞춰 진행 합니다.
 * 예를 들면 'React와 Express를 활용하여 서비스를 만들어보자!! 사이드 프로젝트를 진행하면서 기획, 디자인, 개발에 대한 프로세스를 경험할 수 있고 기술 스택에 관한 자신감도 얻을 수 있을꺼야. 특히나 이번에는 상태관리에 대한 부분을 집중적으로 적용하면서 내가 그동안 부족했던 부분을 보충해보자!! 서비스를 끝까지 만드는 것을 목표로 하고, 실패한다면 어쩔 수 없고 ㅎㅎ 성공한다면 진짜 신기하겠다..!!' 라는 마음 가짐으로 프로젝트를 시작합니다.
 * 이런 마음가짐으로 시작한다면 사이드 프로젝트를 진행하면서 점차 성장하는 나의 모습에서 동기부여를 지속적으로 얻을 수 있습니다.
 * 사이드 프로젝트에서 성공으로 얻는 동기부여는 '결과' 에서 발생하고, 성장으로 얻는 동기부여는 '과정'에서 발생한다고 생각합니다.
   사이드 프로젝트라는 마라톤에서 지속적인 동기부여를 얻는 것은 성장이 가장 효율적이라고 생각합니다.
 * 물론 사이드 프로젝트를 제작하고 난 후에는 성공으로 얻는 동기부여도 열어 두어야 오래 지속할 수 있는 사이드 프로젝트가 된다고 생각합니다.

2) 3개월 혹은 6개월
 * 가장 열정이 많은 시기에 빠르게 만들어 내는 것이 중요하다고 생각합니다.
 * 사이드 프로젝트를 만드는 시간이 지연되면 지연될 수록 동기부여가 떨어지는 건 정말 당연한 현상이라고 생각합니다.
 * 저도 많은 사이드프로젝트를 만들어 봤지만 만드는 기간이 길어지면 길어질 수록 흐지부지 되는 경우가 굉장히 많았습니다. 또 그렇다고 완성도가 높아지는 것도 아니었습니다.
 * 사이드 프로젝트의 제작 기간을 타이트하게 가져가시기 바랍니다. 프로젝트의 주제나 규모에 따라 다르겠지만 1개월 혹은 3개월, 6개월까지 기간을 설정하여 목표를 잡는게 가장 좋았습니다.
 * 만약 제작 기간이 너무 길어질 것 같다면 규모와 주제를 축소 시키더라도 계획한 기간 내에 완성을 하는 것이 가장 중요하다고 생각합니다. 그 다음 단계적으로 기능을 확장하는 것이 지속적인 동기부여를 얻는데 큰 도움이 된다고 생각합니다.
 * 흐지부지 되는 사이드 프로젝트는 '좋은 경험' 에서 끝나는 경우가 많기 때문에 꼭 '완성' 을 목표로 열심히 달리시기 바랍니다.

3) 세상에 알리기
 * 여러분들이 사이드 프로젝트를 만들고 있다는 것을 주변에 알리시기 바랍니다.
 * 주변에 알리고 홍보하는 것은 스스로에게 약속이 되고 이는 곧 동기부여가 된다고 생각합니다.
 * 제가 대학생 시절 한창 사이드 프로젝트를 많이 진행했을 때, 동아리, SNS, 학교 커뮤니티 등등 제가 갖고 있는 모든 채널에 제가 만들고 있는 혹은 만든 서비스 들을 지속적으로 기록하고 홍보했습니다.
 * 그렇게 함으로써 작던 크던 다양한 반응을 얻을 수 있었고
 * 사이드 프로젝트를 제작하는 중에는 말을 꺼냈으니 꼭 완성은 시켜야한다 라는 스스로에 대한 약속을 할 수 있었고, 뿐만 아니라 성장하고 있는 모습을 계속해서 공유 함으로서 지속적인 동기부여를 얻을 수 있었습니다.
 * 또한 제작한 후에는 서비스 홍보 뿐만 아니라, 내가 만든 서비스를 남들이 사용하면서 얻는 피드백을 바탕으로 또 다른 성장을 할 수 있는 장점을 얻었고, 다음 사이드 프로젝트를 진행할 수 있는 동기부여를 얻을 수 있었습니다. 이는 지속적으로 사이드 프로젝트를 만들 수 있는 선순환이 되었다고 생각합니다.
 * 처음에는 '내 서비스를 남들에게 보이기 부끄러워서 혹은 완성도가 너무 떨어져서..' 등등 다양한 이유로 남들에게 알리기가 어려울 수 있습니다.
 * 그런 경우에는 좁은 관계인 지인에서 출발해서 넓은 관계인 SNS, 커뮤니티로 점차 영역을 확장해보시기 바랍니다. 처음에는 어려웠던 것도 점차 익숙해지는 자신을 발견할 수 있을 것 입니다.
 * 추가로 '사람들은 생각보다 남에게 관심이 없다'라는 마음 가짐을 갖는다면 부담감을 좀 덜 수 있다고 생각합니다:)

* 앞으로 사이드 프로젝트와 관련된 주제로 포스팅을 할 예정입니다. 궁금하신 내용이나 추천하는 주제 있으시다면 언제든 말씀해 주시기 바랍니다:)

사이드 프로젝트를 진행하면서 처음의 열정이 사라져 엎어진 경우가 있나요? 모든 일을 지속하기 위해선 동기부여가 중요하죠 사이드 프로젝트 역시 마찬가지라고 생각합니다.하지만 사이드 프로젝트를 진행하면서 지속적인 동기부여를 얻기란 참 어려운 것 같습니다. 사이드 프로젝트 특성상 금전적 보상은 거의 없으며 순수 재미나 혹은 흥미, 커리어 성장에 대한 관심으로 지속되기 때문입니다. 지금까지 30여개의 사이드 프로젝트를 진행하면서 많이 들었던 질문 중 하나가 '그렇게 많은 사이드 프로젝트를 생각하고 만들고 지속할 수 있던 동기부여는 무엇인가요?' 입니다. 사실 저도 다양한 사이드 프로젝트를 제작하는 동안 엎어진 경우도 많고 흐지부지된 경우도 많습니다. 이러한 경험들을 바탕으로 사이드 프로젝트를 만들 땐 나름의 규칙을 가지고 시작하고 있습니다. 제가 생각하는 동기부여를 유지하기 위한 세가지 팁을 공유합니다. 1) 성공 보단 성장<ul><li>'꼭 성공해서 돈을 벌어야지' 라고 생각하게 되면 처음부터 너무 많은 힘이 들어가게 됩니다.</li><li>사이드 프로젝트가 성공하는 확률은 현실적으로 낮고 운이 큰 작용을 한다고 생각합니다. 아무리 열심히 만들어도 타이밍이 좋지 않아 실패 하는 경우도 많습니다.</li><li>기대감이 크면 클수록 실망도 커지는 법이죠. 처음 목표가 성공이라는 좁은 문에 초점이 맞춰져 있다면 열정이 식을 가능성이 커집니다.</li><li>저는 애초에 사이드 프로젝트의 실패를 베이스로 놓고, 사이드 프로젝트를 진행하면서 성장할 수 있는 부분에 초점을 맞춰 진행 합니다.</li><li>예를 들면 'React와 Express를 활용하여 서비스를 만들어보자!! 사이드 프로젝트를 진행하면서 기획, 디자인, 개발에 대한 프로세스를 경험할 수 있고 기술 스택에 관한 자신감도 얻을 수 있을꺼야. 특히나 이번에는 상태관리에 대한 부분을 집중적으로 적용하면서 내가 그동안 부족했던 부분을 보충해보자!! 서비스를 끝까지 만드는 것을 목표로 하고, 실패한다면 어쩔 수 없고 ㅎㅎ 성공한다면 진짜 신기하겠다..!!' 라는 마음 가짐으로 프로젝트를 시작합니다.</li><li>이런 마음가짐으로 시작한다면 사이드 프로젝트를 진행하면서 점차 성장하는 나의 모습에서 동기부여를 지속적으로 얻을 수 있습니다.</li><li>사이드 프로젝트에서 성공으로 얻는 동기부여는 '결과' 에서 발생하고, 성장으로 얻는 동기부여는 '과정'에서 발생한다고 생각합니다. 사이드 프로젝트라는 마라톤에서 지속적인 동기부여를 얻는 것은 성장이 가장 효율적이라고 생각합니다.</li><li>물론 사이드 프로젝트를 제작하고 난 후에는 성공으로 얻는 동기부여도 열어 두어야 오래 지속할 수 있는 사이드 프로젝트가 된다고 생각합니다.</li></ul> 2) 3개월 혹은 6개월<ul><li>가장 열정이 많은 시기에 빠르게 만들어 내는 것이 중요하다고 생각합니다.</li><li>사이드 프로젝트를 만드는 시간이 지연되면 지연될 수록 동기부여가 떨어지는 건 정말 당연한 현상이라고 생각합니다.</li><li>저도 많은 사이드프로젝트를 만들어 봤지만 만드는 기간이 길어지면 길어질 수록 흐지부지 되는 경우가 굉장히 많았습니다. 또 그렇다고 완성도가 높아지는 것도 아니었습니다.</li><li>사이드 프로젝트의 제작 기간을 타이트하게 가져가시기 바랍니다. 프로젝트의 주제나 규모에 따라 다르겠지만 1개월 혹은 3개월, 6개월까지 기간을 설정하여 목표를 잡는게 가장 좋았습니다.</li><li>만약 제작 기간이 너무 길어질 것 같다면 규모와 주제를 축소 시키더라도 계획한 기간 내에 완성을 하는 것이 가장 중요하다고 생각합니다. 그 다음 단계적으로 기능을 확장하는 것이 지속적인 동기부여를 얻는데 큰 도움이 된다고 생각합니다.</li><li>흐지부지 되는 사이드 프로젝트는 '좋은 경험' 에서 끝나는 경우가 많기 때문에 꼭 '완성' 을 목표로 열심히 달리시기 바랍니다.</li></ul> 3) 세상에 알리기<ul><li>여러분들이 사이드 프로젝트를 만들고 있다는 것을 주변에 알리시기 바랍니다.</li><li>주변에 알리고 홍보하는 것은 스스로에게 약속이 되고 이는 곧 동기부여가 된다고 생각합니다.</li><li>제가 대학생 시절 한창 사이드 프로젝트를 많이 진행했을 때, 동아리, SNS, 학교 커뮤니티 등등 제가 갖고 있는 모든 채널에 제가 만들고 있는 혹은 만든 서비스 들을 지속적으로 기록하고 홍보했습니다.</li><li>그렇게 함으로써 작던 크던 다양한 반응을 얻을 수 있었고</li><li>사이드 프로젝트를 제작하는 중에는 말을 꺼냈으니 꼭 완성은 시켜야한다 라는 스스로에 대한 약속을 할 수 있었고, 뿐만 아니라 성장하고 있는 모습을 계속해서 공유 함으로서 지속적인 동기부여를 얻을 수 있었습니다.</li><li>또한 제작한 후에는 서비스 홍보 뿐만 아니라, 내가 만든 서비스를 남들이 사용하면서 얻는 피드백을 바탕으로 또 다른 성장을 할 수 있는 장점을 얻었고, 다음 사이드 프로젝트를 진행할 수 있는 동기부여를 얻을 수 있었습니다. 이는 지속적으로 사이드 프로젝트를 만들 수 있는 선순환이 되었다고 생각합니다.</li><li>처음에는 '내 서비스를 남들에게 보이기 부끄러워서 혹은 완성도가 너무 떨어져서..' 등등 다양한 이유로 남들에게 알리기가 어려울 수 있습니다.</li><li>그런 경우에는 좁은 관계인 지인에서 출발해서 넓은 관계인 SNS, 커뮤니티로 점차 영역을 확장해보시기 바랍니다. 처음에는 어려웠던 것도 점차 익숙해지는 자신을 발견할 수 있을 것 입니다.</li><li>추가로 '사람들은 생각보다 남에게 관심이 없다'라는 마음 가짐을 갖는다면 부담감을 좀 덜 수 있다고 생각합니다:)</li></ul> * 앞으로 사이드 프로젝트와 관련된 주제로 포스팅을 할 예정입니다. 궁금하신 내용이나 추천하는 주제 있으시다면 언제든 말씀해 주시기 바랍니다:)

<사이드 프로젝트> 동기부여

현재 엄청난 투자 금액 대비 비용 대비 수익성 문제가 부각되고 있다고 한다. 그리고 이에 따라 AI 거품이 꺼지고 있다고.

하는데,

일단, 현재의 대규모 모델이 필요한 AI 산업은 여전히 인프라를 구축하는 단계다. 그런데 계획된 국가 기간망이 아니기 때문에 가볍게 보는 것 같다.

기간망이 완성되기 까지는 시간이 많이 걸리기 때문에 잘 드러나지 않지만, 기간망이 완성되면 진짜 돈을 쭉쭉 빨아들이게 되고, 무엇보다 가장 먼저 대중화(표준적 사용) 시키는 회사가 대부분을 먹게 된다.

AWS를 생각해보면 된다. 그래서 지금 빅테크고 뭐고 다들 돈을 미친듯이 쏟아붓고 있는 것.

하지만, 그런 단계임에도 불구하고 이미 돈을 벌고 있는 SaaS 회사가 엄청나게 많다. 다만 MRR기준 몇백만원에서 몇천만원 수준의 서비스가 많고, 기존의 중대형 회사들은 가치를 더하는 것이 많기 때문에 겉으로 크게 들어나지 않을 뿐이다.

투자 회사들의 포트폴리오만 봐도 이제 실질적인 문제를 푸는 회사들이 많아졌다. 그리고 이런 회사들이 많아진다는 것은 인프라를 제공하는 회사들이 자연스럽게 돈을 벌게 된다는 뜻이다.

막 뭘 크게크게 벌어야 산업이 커진다는 생각은 이제 버릴 때도 되지 않았나.

그리고 대규모 AI는 고속도로나 통신망과 같기 때문에 이런건 국가 수준으로 지원하는게 필요하다고 생각한다. 그런데 지금 그걸 지원을 안하고 있는 정도가 아니라 R&D 예산 삭감에 있는 예산도 줄줄이 새고 있는 우리나라의 AI는 미래가 업ㅅ..

현재 엄청난 투자 금액 대비 비용 대비 수익성 문제가 부각되고 있다고 한다. 그리고 이에 따라 AI 거품이 꺼지고 있다고. 하는데, 일단, 현재의 대규모 모델이 필요한 AI 산업은 여전히 인프라를 구축하는 단계다. 그런데 계획된 국가 기간망이 아니기 때문에 가볍게 보는 것 같다. 기간망이 완성되기 까지는 시간이 많이 걸리기 때문에 잘 드러나지 않지만, 기간망이 완성되면 진짜 돈을 쭉쭉 빨아들이게 되고, 무엇보다 가장 먼저 대중화(표준적 사용) 시키는 회사가 대부분을 먹게 된다. AWS를 생각해보면 된다. 그래서 지금 빅테크고 뭐고 다들 돈을 미친듯이 쏟아붓고 있는 것. 하지만, 그런 단계임에도 불구하고 이미 돈을 벌고 있는 SaaS 회사가 엄청나게 많다. 다만 MRR기준 몇백만원에서 몇천만원 수준의 서비스가 많고, 기존의 중대형 회사들은 가치를 더하는 것이 많기 때문에 겉으로 크게 들어나지 않을 뿐이다. 투자 회사들의 포트폴리오만 봐도 이제 실질적인 문제를 푸는 회사들이 많아졌다. 그리고 이런 회사들이 많아진다는 것은 인프라를 제공하는 회사들이 자연스럽게 돈을 벌게 된다는 뜻이다. 막 뭘 크게크게 벌어야 산업이 커진다는 생각은 이제 버릴 때도 되지 않았나. 그리고 대규모 AI는 고속도로나 통신망과 같기 때문에 이런건 국가 수준으로 지원하는게 필요하다고 생각한다. 그런데 지금 그걸 지원을 안하고 있는 정도가 아니라 R&amp;D 예산 삭감에 있는 예산도 줄줄이 새고 있는 우리나라의 AI는 미래가 업ㅅ..

📝 AI로 돈을 못벌고 있어서 거품이 꺼지고 있다는 기사

IT를 잘 알지는 못하고 관심만 가지고 있습니다. 요즘 뉴스나 여러 매체를 통해서 보면.. AI가 활용되는 분야가 매우 많을 것으로 생각됩니다. 제가 생각하는 AI활용 분야는 정부 정책분야로..기존의 매우 한정되고 경직된? 정책 실행의 한계를 벗어날 수 있다고 생각됩니다..즉 AI기술을 통해..보다 미래지향적이고. 더 넓고 깊은 통찰과 시야를 확보함으로써..보다 좋은 방향의 정책을 제시할 수 있을 것입니다. 그러기 위해서는 AI가 흡수하는 정보가  정치. 경제. 사회. 문화적인 편견이나 이해관계에서 벗어난 정보여야 하는 것이 중요할 것 같습니다. 예를들면 지방자치단체에서 하천정비를 한다던지..산을 깍아 개발을 한다던지 할 때..현재는 아무 거리낌없이 허술한 법과 제도하에서..자연을 파괴하고 환경을 오염시키는 개발을 서슴치않고 하고 있다면..AI를 적용하는 정책에서는..여러 환경적. 역사적. 문화적. 등의 관련 전문가들의 논문이나 이론..철학..기타 비슷한 개발로 안한 사례 등을 참고 및 적용하여..보다 올바른 매뉴얼을 제시받을 수 있고..올바른 개발방향의 힌트를 얻음으로서..개발로 인한 여러 후유증이나 피해를 사전에 예방 할 수 있을 것입니다. 이렇듯 AI기술(인프라 구축 및 적용 노력..)을 통해 여러 정부의 당면한 정책에 대해..보다 현명하고 슬기롭게 적용하면 좋겠다는 생각입니다. 그러나 그러한 AI를 개발하는데 있어서..매우 공정하고 열린 데이터를 잘 수집?하고 선별?하는  것과 윤리적이고 양심적인? 문제 등등의 문화?가 바르게 정립?이 되어야 할 것 같습니다. 이외에도 그러한 AI시스템을 구축하는 여러 과정에서 투명성 등과 검증. 보안 등.. 다양한 문제를 슬기롭게 대응?하는 과정이 필요할 것 같습니다.

리액트가 필수 교양이 되는 세계관이 있을까? 이전에 리액트와 관련된 찬양(?), 개발자의 영감을 주는 리액트에 대한 내용을 공유했었습니다. 그리고, 저는 리액트 강의를 찍고 있습니다. 요즘에 리액트 강의는 사실 너무나도 많고 좋은 강의도 많기 때문에 제 강의가 뛰어나다고 이야기드리긴 어렵지만, 그럼에도 찍는 이유는 저는 모든 개발자를 위한 리액트 강의에는 미래가 있다고 믿는 편이기 때문입니다.

리액트가 필수 교양이 되는 세계관

✅ 리액트가 필수 교양이 되는 세계관이 있을까?

이전에 리액트와 관련된 찬양(?), 개발자의 영감을 주는 리액트에 대한 내용을 공유했었습니다.

그리고, 저는 리액트 강의를 찍고 있습니다.

요즘에 리액트 강의는 사실 너무나도 많고 좋은 강의도 많기 때문에 제 강의가 뛰어나다고 이야기드리긴 어렵지만, 그럼에도 찍는 이유는 저는 모든 개발자를 위한 리액트 강의에는 미래가 있다고 믿는 편이기 때문입니다. 이게 무슨 뜻이냐면, 리액트가 필수 교양이 되는 세계관을 꿈꾼다 입니다.

먼저 홍보를 잠깐 하고 본론으로 들어가자면,

이번에 제 강의의 얼리버드 쿠폰이 4/29일 자정까지 부활한다고 합니다!
얼리버드 기간은 가장 저렴하게 제 강의를 구매할 수 있는 기간을 의미하는데요.
현재 반짝 기간동안 얼리버드 특가가 적용되는 쿠폰을 판매 페이지에서 바로 다운받아서 쓰실 수 있다고 합니다.

-> [일단 쿠폰 받으러 가기 : https://bit.ly/49T7NGH]

잘 부탁드립니다 :)

✅ 리액트가 필수 교양이 되지 않을까?

저는 리액트라는 라이브러리를 많이 올려치기 하는 편입니다. 어느 정도냐면, 주변에 개발자들이 뭔가 배우고 싶은데 뭘 배울지 모르겠다고 하면 AI가 아닌 리액트를 추천하곤 합니다. 가장 큰 이유는 Hook 입니다. 정확하겐 Hook의 메커니즘이 개발자에게 영감을 불어넣기 때문인데요. 아직 함수형 프로그래밍 개념이 발전되지 않은 분야에 계신분이라면, 함수형 프로그래밍을 찍먹 해볼 수도 있고, 사이드이펙트 관리라던가 클로저 같은 고급 개념을 가장 가까이서 배워볼 수 있기 때문이기도 합니다.

여전히 웹 쪽에서는 다양한 프레임워크들이 활용되고 있고, 그 관점에서 리액트가 필수 교양까진 아니라고 생각하는 분들도 있겠지만, 리액트가 라이브러리라는 속성을 가졌기 때문에 이미 웹도 리액트가 준 영향안에서 발전되고 있다고 생각하는 편입니다. 실제로, 새로운 프레임워크들도 적극적으로 jsx/tsx를 사용한다던가, 리액트 위에 프레임워크를 올린다던가(예를 들면 Next.js) 하는 식으로 생태계 확장이 계속 되고 있죠. 그래서 사실상 웹개발을 하는 분들 중에 React를 모르는 분은 없다고 봐도 무방합니다. 오히려 React는 기본적으로 알고 있고, 상위 레벨의 프레임워크나 좀 더 발전된 형태의 도구를 사용하고 있는 상황이죠.

게임 쪽에서도 비슷한 흐름이 있었습니다. 10년전만 해도, 게임을 개발하려면 C++/WinAPI/XNA등을 배운다던가, 스스로 DirectX를 배워서 엔진을 만든다던가 해야했는데, 지금은 유니티/언리얼 엔진이 필수 교양이 되었습니다. 그래서 최근의 게임 개발자 중에 유니티/언리얼 엔진을 모르는 사람은 사실상 없습니다.

아마도 웹은 앞으로도 더 발전하고, 더 좋은 라이브러리나 프레임워크가 나올지도 모릅니다. (어쩌면 지금도 만들어지고 있을 수도 있죠) 그리고, 리액트의 시대가 저물수도 있습니다. 그러나 그런 시대가 오더라도, 이전에 웹 개발자들이 JavaScript/HTML/CSS등을 기본으로 배우고, 프레임워크 하나 정도 배워야 했다면, 지금은 어쩌면 앞으로도 JavaScript/React를 기본으로 배워야 한다는 점이 아닐까 싶습니다.

✅ 대부분의 개발분야는 서로 영향을 줍니다.
갑자기 붐! 하고 나오는 라이브러리들이나 프레임워크는 다른 개발분야에도 영향을 많이 줍니다. C#에서 시작된 Reactive Programming이라던가, 마틴 파울러가 최소로 변형한 MVVM이라던가 시대가 무르익고, 언어의 스펙이 맞춰지기 시작하면서 갑자기 사용되곤 합니다. 그리고 그 영향은 많은 프레임워크와 라이브러리에 걸쳐서 연쇄적으로 발전하게 됩니다.

확실한건 리액트는 한시대를 그었기 때문에 많은 개발자들에게 영감을 주었을 것이고, 최근에 다른 개발분야의 라이브러리나 프레임워크들도 여기서 영감을 받는 케이스가 생겨나고 있습니다. 이미 상태관리쪽은 Redux나 MobX를 차용해서 만든 것들이 웹이 아니더라도 생겨나고 있고, 언어 스펙에서 함수형 프로그래밍 관련 지원들도 점차 늘어나고 있죠. 동시에 WPF에 XAML이라던가, Unity에 XUML등 확장형 컴포넌트 선언 언어들도 생겨나거나 발전하고 있습니다.

물론 아직 다른 분야에서는 함수형 컴포넌트를 쓴다던가 Hook이라는 개념을 쓰는건 거의 못봤던 것같습니다. (유일하게 본게 Lua로 되어있는 Roblox에서 나왔던 Roact가 되겠네요.)

아마도, 이는 언어의 스펙 문제와 더불어 함수형 프로그래밍에 대한 지원여부에 따라 다르겠지만, 지금 현재도 지속적으로 언어들이 발전하고 있는 만큼 다른 분야에서도 리액트Like 라이브러리를 쓰게 될 날이 곧 오지 않을까요?

그러면, 리액트가 필수 교양이 되는 세계관이 꿈만은 아니게 되지 않을까 싶습니다.

감사합니다.

✅ 리액트가 필수 교양이 되는 세계관이 있을까? 이전에 리액트와 관련된 찬양(?), 개발자의 영감을 주는 리액트에 대한 내용을 공유했었습니다. 그리고, 저는 리액트 강의를 찍고 있습니다. 요즘에 리액트 강의는 사실 너무나도 많고 좋은 강의도 많기 때문에 제 강의가 뛰어나다고 이야기드리긴 어렵지만, 그럼에도 찍는 이유는 저는 모든 개발자를 위한 리액트 강의에는 미래가 있다고 믿는 편이기 때문입니다. 이게 무슨 뜻이냐면, 리액트가 필수 교양이 되는 세계관을 꿈꾼다 입니다. 먼저 홍보를 잠깐 하고 본론으로 들어가자면, 이번에 제 강의의 얼리버드 쿠폰이 4/29일 자정까지 부활한다고 합니다! 얼리버드 기간은 가장 저렴하게 제 강의를 구매할 수 있는 기간을 의미하는데요. 현재 반짝 기간동안 얼리버드 특가가 적용되는 쿠폰을 판매 페이지에서 바로 다운받아서 쓰실 수 있다고 합니다. -&gt; [일단 쿠폰 받으러 가기 : https://bit.ly/49T7NGH] 잘 부탁드립니다 :) ✅ 리액트가 필수 교양이 되지 않을까? 저는 리액트라는 라이브러리를 많이 올려치기 하는 편입니다. 어느 정도냐면, 주변에 개발자들이 뭔가 배우고 싶은데 뭘 배울지 모르겠다고 하면 AI가 아닌 리액트를 추천하곤 합니다. 가장 큰 이유는 Hook 입니다. 정확하겐 Hook의 메커니즘이 개발자에게 영감을 불어넣기 때문인데요. 아직 함수형 프로그래밍 개념이 발전되지 않은 분야에 계신분이라면, 함수형 프로그래밍을 찍먹 해볼 수도 있고, 사이드이펙트 관리라던가 클로저 같은 고급 개념을 가장 가까이서 배워볼 수 있기 때문이기도 합니다. 여전히 웹 쪽에서는 다양한 프레임워크들이 활용되고 있고, 그 관점에서 리액트가 필수 교양까진 아니라고 생각하는 분들도 있겠지만, 리액트가 라이브러리라는 속성을 가졌기 때문에 이미 웹도 리액트가 준 영향안에서 발전되고 있다고 생각하는 편입니다. 실제로, 새로운 프레임워크들도 적극적으로 jsx/tsx를 사용한다던가, 리액트 위에 프레임워크를 올린다던가(예를 들면 Next.js) 하는 식으로 생태계 확장이 계속 되고 있죠. 그래서 사실상 웹개발을 하는 분들 중에 React를 모르는 분은 없다고 봐도 무방합니다. 오히려 React는 기본적으로 알고 있고, 상위 레벨의 프레임워크나 좀 더 발전된 형태의 도구를 사용하고 있는 상황이죠. 게임 쪽에서도 비슷한 흐름이 있었습니다. 10년전만 해도, 게임을 개발하려면 C++/WinAPI/XNA등을 배운다던가, 스스로 DirectX를 배워서 엔진을 만든다던가 해야했는데, 지금은 유니티/언리얼 엔진이 필수 교양이 되었습니다. 그래서 최근의 게임 개발자 중에 유니티/언리얼 엔진을 모르는 사람은 사실상 없습니다. 아마도 웹은 앞으로도 더 발전하고, 더 좋은 라이브러리나 프레임워크가 나올지도 모릅니다. (어쩌면 지금도 만들어지고 있을 수도 있죠) 그리고, 리액트의 시대가 저물수도 있습니다. 그러나 그런 시대가 오더라도, 이전에 웹 개발자들이 JavaScript/HTML/CSS등을 기본으로 배우고, 프레임워크 하나 정도 배워야 했다면, 지금은 어쩌면 앞으로도 JavaScript/React를 기본으로 배워야 한다는 점이 아닐까 싶습니다. ✅ 대부분의 개발분야는 서로 영향을 줍니다.갑자기 붐! 하고 나오는 라이브러리들이나 프레임워크는 다른 개발분야에도 영향을 많이 줍니다. C#에서 시작된 Reactive Programming이라던가, 마틴 파울러가 최소로 변형한 MVVM이라던가 시대가 무르익고, 언어의 스펙이 맞춰지기 시작하면서 갑자기 사용되곤 합니다. 그리고 그 영향은 많은 프레임워크와 라이브러리에 걸쳐서 연쇄적으로 발전하게 됩니다. 확실한건 리액트는 한시대를 그었기 때문에 많은 개발자들에게 영감을 주었을 것이고, 최근에 다른 개발분야의 라이브러리나 프레임워크들도 여기서 영감을 받는 케이스가 생겨나고 있습니다. 이미 상태관리쪽은 Redux나 MobX를 차용해서 만든 것들이 웹이 아니더라도 생겨나고 있고, 언어 스펙에서 함수형 프로그래밍 관련 지원들도 점차 늘어나고 있죠. 동시에 WPF에 XAML이라던가, Unity에 XUML등 확장형 컴포넌트 선언 언어들도 생겨나거나 발전하고 있습니다. 물론 아직 다른 분야에서는 함수형 컴포넌트를 쓴다던가 Hook이라는 개념을 쓰는건 거의 못봤던 것같습니다. (유일하게 본게 Lua로 되어있는 Roblox에서 나왔던 Roact가 되겠네요.) 아마도, 이는 언어의 스펙 문제와 더불어 함수형 프로그래밍에 대한 지원여부에 따라 다르겠지만, 지금 현재도 지속적으로 언어들이 발전하고 있는 만큼 다른 분야에서도 리액트Like 라이브러리를 쓰게 될 날이 곧 오지 않을까요? 그러면, 리액트가 필수 교양이 되는 세계관이 꿈만은 아니게 되지 않을까 싶습니다. 감사합니다.

소난의 블로그

개발자들에게 리액트가 필수 교양이 되는 세계관

2023년 10월 원고 작업 시작
2024년 2월 1차 원고 완료
2024년 3월 1차 편집 (절반 삭제)
2024년 4월 2차 편집 (절반 재작업)
2024년 5월 최종 퇴고, 조판, 디자인

보통은 이렇게까지 안하는데, 진짜 열심히 하고(저 말고 편집자분들이🥹) 있습니다.

AI 서적계의 마스터피스가 될 듯. 커밍쑨~

2023년 10월 원고 작업 시작2024년 2월 1차 원고 완료2024년 3월 1차 편집 (절반 삭제)2024년 4월 2차 편집 (절반 재작업)2024년 5월 최종 퇴고, 조판, 디자인 보통은 이렇게까지 안하는데, 진짜 열심히 하고(저 말고 편집자분들이🥹) 있습니다. AI 서적계의 마스터피스가 될 듯. 커밍쑨~

너무 기대하고 있어요. 항상 감사합니다!

개발자 취업 후기들이 증명합니다. 코딩 부트캠프 항해99. 99일간 개발 공부에 몰입하고 IT 기업에서 환영 받는 주니어 개발자로 취업하세요.

IT 커리어 성장 코스 항해99, 개발자 취업부터 현직자 코스까지

주니어 시절 성장에 대한 갈증과 고민들 다들 가지고 계실 듯합니다.
막연하게 성장하고 싶다는 생각만 있을 뿐 어떻게 해야 할지 잘 모르겠고, 들어본 키워드는 많은데 무엇부터 어디서부터 공부를 시작해야 할지 막막하기만 합니다.
코드 리뷰가 활성화되어 있지 않거나 사수의 부재로 인해 피드백을 받지 못하는 환경에서 근무하고 있다면, 소통하고 협업하는 경험을 통한 성장이 힘들 수도 있습니다.

주변에 경험이 풍부한 선배나 동료에게 조언을 구하고 싶다고 생각이 들 때가 많을 텐데요.
이번에 좋은 기회로 항해 플러스 프론트엔드 코스를 알게 되었고, 저와 같은 고민을 하는 주니어들에게 큰 도움이 될 듯하여 공유드립니다.

선배 개발자들에게 직접 연락하여 멘토링을 받는 것은 어려운 일입니다.
많은 주니어 개발자들이 이러한 멘토링 기회를 찾아 나서지만, 선배 개발자들의 바쁜 일정과 다른 제약들로 인해 만남이 어려울 때가 많습니다. 그러나 "항해 플러스 프론트엔드 코스"에서는 이러한 어려움을 극복할 수 있는 멘토링 시스템이 구축되어 있습니다.

코스에서는 훌륭한 개발자들로서의 경험과 노하우를 가진 선배 개발자들이 직접 멘토로 활약하게 됩니다.
주니어 개발자들의 성장을 지원하기 위해 피드백을 제공하고, 코드 퀄리티의 향상과 함께 성장에 대한 가이드를 제공한다고 합니다.
멘토분들은 빅테크 경험이 풍부해, 실무 경험과 노하우를 통해 현업에서 바로 활용할 수 있는 유용한 피드백을 받을 수 있을 듯합니다.

항해 플러스 프론트엔드 코스는 기본기를 탄탄히 하고, 프로젝트 경험과 피드백을 통해 더 나은 개발자로 성장하고자 하는 주니어 개발자들에게 매우 유익한 선택이 될 듯합니다.
그리고 커리큘럼을 완수하면 이직 코칭과 외주 프로젝트 매칭도 이루어진다고 하니 지금 얼어붙은 시장에서 이직을 준비하고 있는 분들에게도 좋은 기회가 될 것이라고 생각합니다.

-
지원하실 때 추천인 란에 할인 코드 HHPINF0003을 입력하면 등록금 20만원 할인이 적용된다고 하니, 코드 꼭 사용 하시길 추천드립니다.

항해 플러스 프론트엔드 코스 모집 페이지 링크:  https://bit.ly/48mII6i

-

이 글은 항해99 플러스의 지원을 받아 작성하였습니다.

주니어 시절 성장에 대한 갈증과 고민들 다들 가지고 계실 듯합니다.막연하게 성장하고 싶다는 생각만 있을 뿐 어떻게 해야 할지 잘 모르겠고, 들어본 키워드는 많은데 무엇부터 어디서부터 공부를 시작해야 할지 막막하기만 합니다. 코드 리뷰가 활성화되어 있지 않거나 사수의 부재로 인해 피드백을 받지 못하는 환경에서 근무하고 있다면, 소통하고 협업하는 경험을 통한 성장이 힘들 수도 있습니다. 주변에 경험이 풍부한 선배나 동료에게 조언을 구하고 싶다고 생각이 들 때가 많을 텐데요. 이번에 좋은 기회로 항해 플러스 프론트엔드 코스를 알게 되었고, 저와 같은 고민을 하는 주니어들에게 큰 도움이 될 듯하여 공유드립니다. 선배 개발자들에게 직접 연락하여 멘토링을 받는 것은 어려운 일입니다.많은 주니어 개발자들이 이러한 멘토링 기회를 찾아 나서지만, 선배 개발자들의 바쁜 일정과 다른 제약들로 인해 만남이 어려울 때가 많습니다. 그러나 "항해 플러스 프론트엔드 코스"에서는 이러한 어려움을 극복할 수 있는 멘토링 시스템이 구축되어 있습니다. 코스에서는 훌륭한 개발자들로서의 경험과 노하우를 가진 선배 개발자들이 직접 멘토로 활약하게 됩니다.주니어 개발자들의 성장을 지원하기 위해 피드백을 제공하고, 코드 퀄리티의 향상과 함께 성장에 대한 가이드를 제공한다고 합니다.멘토분들은 빅테크 경험이 풍부해, 실무 경험과 노하우를 통해 현업에서 바로 활용할 수 있는 유용한 피드백을 받을 수 있을 듯합니다. 항해 플러스 프론트엔드 코스는 기본기를 탄탄히 하고, 프로젝트 경험과 피드백을 통해 더 나은 개발자로 성장하고자 하는 주니어 개발자들에게 매우 유익한 선택이 될 듯합니다. 그리고 커리큘럼을 완수하면 이직 코칭과 외주 프로젝트 매칭도 이루어진다고 하니 지금 얼어붙은 시장에서 이직을 준비하고 있는 분들에게도 좋은 기회가 될 것이라고 생각합니다. -
 지원하실 때 추천인 란에 할인 코드&nbsp;HHPINF0003을 입력하면 등록금 20만원 할인이 적용된다고 하니, 코드 꼭 사용 하시길 추천드립니다. 항해 플러스 프론트엔드 코스 모집 페이지 링크:&nbsp;&nbsp;https://bit.ly/48mII6i - 이 글은 항해99 플러스의 지원을 받아 작성하였습니다.

항해99

성장하고 싶은 주니어를 위한 코스

The (Frontend||UI||UX) Developer/Engineer Handbook 2024

https://frontendmasters.com/guides/front-end-handbook/2024/
프론트엔드마스터에서 신입/현업 프론트엔드 개발자를 위한 핸드북을 공개했습니다.

프론트엔드 개발자가 어떤 일을 하는지 부터 시작해, 꼭 알아야할 필수 개념을 잘 정리해두었습니다. 이외에 핵심 역량, 프론트엔드 도구와 기술 스택들의 변천사, 실제 취업 준비와 각종 커뮤니티, 팟캐스트, 이메일 뉴스레터까지 잘 담겨져 있습니다.

프론트엔드 개발자가 어떤 일을 하는지, 어떤 것을 알아야하는지 궁금하신 분들은 참고해보세요.

https://frontendmasters.com/guides/front-end-handbook/2024/프론트엔드마스터에서 신입/현업 프론트엔드 개발자를 위한 핸드북을 공개했습니다. 프론트엔드 개발자가 어떤 일을 하는지 부터 시작해, 꼭 알아야할 필수 개념을 잘 정리해두었습니다. 이외에 핵심 역량, 프론트엔드 도구와 기술 스택들의 변천사, 실제 취업 준비와 각종 커뮤니티, 팟캐스트, 이메일 뉴스레터까지 잘 담겨져 있습니다. 프론트엔드 개발자가 어떤 일을 하는지, 어떤 것을 알아야하는지 궁금하신 분들은 참고해보세요.

Frontendmasters

프론트엔드 마스터에서 프론트엔드 핸드북 출시

<프론트엔드 2024 마스터 핸드북>
프론트엔드에 관한 분야, 지식총집합!

멋진 자료를 발견하게 되어 공유합니다.

기술을 이해할때에는 T자형으로 넓고 깊게 아는게 중요하다고 하는게 깊게 아는 것은 직관적으로 이해되지만 넓게 안다는건 무슨 의미인지 이해하기 어렵습니다.

넓게 안다는 것은 기술의 범주와 카테고리 그리고 무엇이 있는지를 알고 있는 것입니다. 무엇이 있는지를 모르니 무엇이 있는지를 알기 위한 방법을 아는게 어렵기에 넓게 아는 것이 어려운 법이지요.

자세한 내용을 아직 하나하나 읽어 본 것은 아니지만,
이 컨텐츠는 이미 <목차>만으로도 충분한 가치가 있습니다.

구성이 참 알차네요!
프론트엔드 개발자로 앞으로 무엇을 알아가야 할 지 혹은 내가 얼마나 알고있는지 체크리스트로 한번 활용해보세요 :)

---

https://frontendmasters.com/guides/front-end-handbook/2024/

1. Overview of Field of Work
1.1 — What is a (Frontend||UI||UX) Developer/Engineer?
1.2 — Common Job Titles (based on "Areas of Focus" in section 2)
1.3 — Career Levels & Compensation
1.4 — Occupational Challenges

2. Areas of Focus
2.1 — Website Development
2.2 — Web Application Development / Software Engineering
2.3 — Web UX / UI Engineering
2.4 — Web Test Engineering
2.5 — Web Performance Engineering
2.6 — Web Accessibility Engineering
2.7 — Web Game Development

3. Learning / Education / Training
3.1 — Initial Steps
3.2 — On Demand Courses
3.3 — Certifications & Learning Paths
3.4 — University/College Educations

4. Foundational Aspects
4.1 — World Wide Web (aka, WWW or Web)
4.2 — The Internet
4.3 — IP (Internet Protocol) Addresses
4.4 — Domain Names
4.5 — DNS (Domain Name System)
4.6 — URLs (Uniform Resource Locators)
4.7 — Servers and Web Hosting
4.8 — CDN (Content Delivery Network)
4.9 — HTTP/HTTPS (Hypertext Transfer Protocol/Secure)
4.10 — Web Browsers
4.11 — JavaScript Engines

5. Core Competencies
5.1 — Code Editors
5.2 — HyperText Markup Language (HTML)
5.3 — Cascading Style Sheets (CSS)
5.4 — JavaScript Programming Language (ECMAScript 262)
5.5 — Document Object Model (DOM)
5.6 — TypeScript
5.7 — JavaScript Web APIs (aka Web Browser APIs)
5.8 — JavaScript Object Notation (JSON)
5.9 — ES Modules
5.10 — Command Line
5.11 — Node.js
5.12 — JavaScript Package Managers
5.13 — NPM Registry
5.14 — Git
5.15 — Web Accessibility - WCAG & ARIA
5.16 — Web Images, Files Types, & Data URLS
5.17 — Browser Developer Tools (DevTools)

6. Other Competencies & Paradigms
6.1 — A/B Testing
6.2 — AI-powered Coding Tools
6.3 — Adaptive Design
6.4 — Algorithms
6.5 — Asynchronous Programming
6.6 — Atomic CSS
6.7 — Backend as a Service (BaaS)
6.8 — Big'O Notation
6.9 — Building / Builds (aka, Web Bundlers)
6.10 — CI/CD
6.11 — Content Management System (CMS)
6.12 — Code Complexity
6.13 — Code Coverage
6.14 — Code Formatter
6.15 — CSS in JS
6.16 — CSS Animations
6.17 — CSS Frameworks
6.18 — CSS Resets
6.19 — Data API Testing
6.20 — Data Structures
6.21 — Declarative Programming
6.22 — Design Systems
6.23 — Device Testing
6.24 — Development Servers
6.25 — Device Testing Using Emulation
6.26 — DOM Scripting/Manipulation
6.27 — Front-end Web Development Frameworks & Libraries
6.28 — Full Stack Web Development Frameworks
6.29 — Functional Programming (FP)
6.30 — Functional / End to End Testing
6.31 — GraphQL
6.32 — Headless Content Management System (Headless CMS)
6.33 — HTML Email Development
6.34 — Imperative Programming
6.35 — Interaction Design
6.36 — JAM stack
6.37 — JavaScript Performance
6.38 — JSX
6.39 — Micro Frontends
6.40 — Monorepos
6.41 — Muli-Page Apps (MPA)
6.42 — Native Application Development from Web Technologies
6.43 — Object Oriented Programming (OOP)
6.44 — Offline / Local First Web Development
6.45 — Polyfills
6.46 — Progressive Web Apps (PWA)
6.47 — Regular Expressions
6.48 — Responsive Design (RWD)
6.49 — REST API
6.50 — Search Engine Optimization (SEO)
6.51 — Semantic Versioning
6.52 — Semantical HTML
6.53 — Server side Rendering (SSR)
6.54 — Single Page Apps
6.55 — State & State Management
6.56 — State Machines
6.57 — Static Analysis Tools
6.58 — Static Site Generators (SSG)
6.59 — Static Typing / Type Annotations
6.60 — Streaming SSR
6.61 — Tree and Graph Data Structures
6.62 — UI Design Patterns
6.63 — UI Toolkits/Libraries (aka, JavaScript UI Widgets)
6.64 — Unit Testing
6.65 — User Experience (UX)
6.66 — Utility First CSS Frameworks
6.67 — Virtual DOM
6.68 — Visual Testing
6.69 — Web 1.0
6.70 — Web 2.0
6.71 — Web 3.0 (Conceptual)
6.72 — Web Animations (aka JavaScript Animations)
6.73 — Web Assembly (WASM)
6.74 — Web Browser Testing
6.75 — Web Components
6.76 — Web Fonts
6.77 — Web Hosting Services
6.78 — Web Performance
6.79 — Web Security
6.80 — Web Sockets
6.81 — Web Typogrpahy
6.82 — Web Workers
6.83 — Wireframing

&lt;프론트엔드 2024 마스터 핸드북&gt;프론트엔드에 관한 분야, 지식총집합! 멋진 자료를 발견하게 되어 공유합니다. 기술을 이해할때에는 T자형으로 넓고 깊게 아는게 중요하다고 하는게 깊게 아는 것은 직관적으로 이해되지만 넓게 안다는건 무슨 의미인지 이해하기 어렵습니다. 넓게 안다는 것은 기술의 범주와 카테고리 그리고 무엇이 있는지를 알고 있는 것입니다. 무엇이 있는지를 모르니 무엇이 있는지를 알기 위한 방법을 아는게 어렵기에 넓게 아는 것이 어려운 법이지요. 자세한 내용을 아직 하나하나 읽어 본 것은 아니지만,이 컨텐츠는 이미 &lt;목차&gt;만으로도 충분한 가치가 있습니다. 구성이 참 알차네요!프론트엔드 개발자로 앞으로 무엇을 알아가야 할 지 혹은 내가 얼마나 알고있는지 체크리스트로 한번 활용해보세요 :) --- https://frontendmasters.com/guides/front-end-handbook/2024/ 1. Overview of Field of Work1.1 — What is a (Frontend||UI||UX) Developer/Engineer?1.2 — Common Job Titles (based on "Areas of Focus" in section 2)1.3 — Career Levels &amp; Compensation1.4 — Occupational Challenges 2. Areas of Focus2.1 — Website Development2.2 — Web Application Development / Software Engineering2.3 — Web UX / UI Engineering2.4 — Web Test Engineering2.5 — Web Performance Engineering2.6 — Web Accessibility Engineering2.7 — Web Game Development 3. Learning / Education / Training3.1 — Initial Steps3.2 — On Demand Courses3.3 — Certifications &amp; Learning Paths3.4 — University/College Educations 4. Foundational Aspects4.1 — World Wide Web (aka, WWW or Web)4.2 — The Internet4.3 — IP (Internet Protocol) Addresses4.4 — Domain Names4.5 — DNS (Domain Name System)4.6 — URLs (Uniform Resource Locators)4.7 — Servers and Web Hosting4.8 — CDN (Content Delivery Network)4.9 — HTTP/HTTPS (Hypertext Transfer Protocol/Secure)4.10 — Web Browsers4.11 — JavaScript Engines 5. Core Competencies5.1 — Code Editors5.2 — HyperText Markup Language (HTML)5.3 — Cascading Style Sheets (CSS)5.4 — JavaScript Programming Language (ECMAScript 262)5.5 — Document Object Model (DOM)5.6 — TypeScript5.7 — JavaScript Web APIs (aka Web Browser APIs)5.8 — JavaScript Object Notation (JSON)5.9 — ES Modules5.10 — Command Line5.11 — Node.js5.12 — JavaScript Package Managers5.13 — NPM Registry5.14 — Git5.15 — Web Accessibility - WCAG &amp; ARIA5.16 — Web Images, Files Types, &amp; Data URLS5.17 — Browser Developer Tools (DevTools) 6. Other Competencies &amp; Paradigms6.1 — A/B Testing6.2 — AI-powered Coding Tools6.3 — Adaptive Design6.4 — Algorithms6.5 — Asynchronous Programming6.6 — Atomic CSS6.7 — Backend as a Service (BaaS)6.8 — Big'O Notation6.9 — Building / Builds (aka, Web Bundlers)6.10 — CI/CD6.11 — Content Management System (CMS)6.12 — Code Complexity6.13 — Code Coverage6.14 — Code Formatter6.15 — CSS in JS6.16 — CSS Animations6.17 — CSS Frameworks6.18 — CSS Resets6.19 — Data API Testing6.20 — Data Structures6.21 — Declarative Programming6.22 — Design Systems6.23 — Device Testing6.24 — Development Servers6.25 — Device Testing Using Emulation6.26 — DOM Scripting/Manipulation6.27 — Front-end Web Development Frameworks &amp; Libraries6.28 — Full Stack Web Development Frameworks6.29 — Functional Programming (FP)6.30 — Functional / End to End Testing6.31 — GraphQL6.32 — Headless Content Management System (Headless CMS)6.33 — HTML Email Development6.34 — Imperative Programming6.35 — Interaction Design6.36 — JAM stack6.37 — JavaScript Performance6.38 — JSX6.39 — Micro Frontends6.40 — Monorepos6.41 — Muli-Page Apps (MPA)6.42 — Native Application Development from Web Technologies6.43 — Object Oriented Programming (OOP)6.44 — Offline / Local First Web Development6.45 — Polyfills6.46 — Progressive Web Apps (PWA)6.47 — Regular Expressions6.48 — Responsive Design (RWD)6.49 — REST API6.50 — Search Engine Optimization (SEO)6.51 — Semantic Versioning6.52 — Semantical HTML6.53 — Server side Rendering (SSR)6.54 — Single Page Apps6.55 — State &amp; State Management6.56 — State Machines6.57 — Static Analysis Tools6.58 — Static Site Generators (SSG)6.59 — Static Typing / Type Annotations6.60 — Streaming SSR6.61 — Tree and Graph Data Structures6.62 — UI Design Patterns6.63 — UI Toolkits/Libraries (aka, JavaScript UI Widgets)6.64 — Unit Testing6.65 — User Experience (UX)6.66 — Utility First CSS Frameworks6.67 — Virtual DOM6.68 — Visual Testing6.69 — Web 1.06.70 — Web 2.06.71 — Web 3.0 (Conceptual)6.72 — Web Animations (aka JavaScript Animations)6.73 — Web Assembly (WASM)6.74 — Web Browser Testing6.75 — Web Components6.76 — Web Fonts6.77 — Web Hosting Services6.78 — Web Performance6.79 — Web Security6.80 — Web Sockets6.81 — Web Typogrpahy6.82 — Web Workers6.83 — Wireframing

프론트엔드 2024 마스터 핸드북

면접에 레스토랑 테스트라는 것이 있다.

면접으로 식당에서 식사를 하면서 캐쥬얼하게 대화를 나누는 것이다.

이런 면접을 하는 이유는 면접자가 웨이터나 서버에게, 우리말로하면 알바에게 어떻게 행동하는가를 보기 위한 것이다.

알바에게 친절한 사람은 합격시키고, 하대하거나 친절하지 못한 사람은 불합격시킨다.

내가 이런 방법을 사용하지는 않지만, 이렇게 하는 이유를 매우 지지한다.

면접에 레스토랑 테스트라는 것이 있다. 면접으로 식당에서 식사를 하면서 캐쥬얼하게 대화를 나누는 것이다. 이런 면접을 하는 이유는 면접자가 웨이터나 서버에게, 우리말로하면 알바에게 어떻게 행동하는가를 보기 위한 것이다. 알바에게 친절한 사람은 합격시키고, 하대하거나 친절하지 못한 사람은 불합격시킨다. 내가 이런 방법을 사용하지는 않지만, 이렇게 하는 이유를 매우 지지한다.

1. WebRTC는 P2P가 기본이다.

2. WebRTC가 멀티미디어 전송에 더 좋다.

3. WebRTC는 다중 피어 연결을 지원한다.

4. WebRTC는 연결 회복 기능이 있다.

5. 그래서 WebRTC가 구현이 더 복잡하다.

6. 그래서 WebSocket이 호환성이 더 좋다.

7. 따라서 WebSocket은 서버와의 텍스트 데이터 통신에, WebRTC는 다자간의 실시간 멀티미디어 통신에 적합하다.

1. WebRTC는 P2P가 기본이다. 2. WebRTC가 멀티미디어 전송에 더 좋다. 3. WebRTC는 다중 피어 연결을 지원한다. 4. WebRTC는 연결 회복 기능이 있다. 5. 그래서 WebRTC가 구현이 더 복잡하다. 6. 그래서 WebSocket이 호환성이 더 좋다. 7. 따라서 WebSocket은 서버와의 텍스트 데이터 통신에, WebRTC는 다자간의 실시간 멀티미디어 통신에 적합하다.

📝 WebSocket과 WebRTC의 차이점

작은 팀부터 규모 있는 기업까지 다양한 곳에서 정말 많은 분들을 뽑아도 보고 탈락도 시켜본 자로서 정리해본 개발자 이력서 스타일에 대해서.

나는 개인적으로 개발자 이력서를 디자이너 포트폴리오 꾸미듯 꾸미기는 선호하지 않는다. 그렇다고 전형적인 이력서 포맷도 그닥이다. 자유양식의 심플 a4 스타일로 간결 1장 분량이면 좋고 길어도 2-3 페이지 정도를 선호한다.

내가 좋아하는 구성은
 * 사진(사진은 필수는 아니다) 이름, 전화번호, 이메일 주소
 * 경력 : 최신이 위로 올라오게 내림차순
 * 학력/교육 : 최종전공학력 위주.
   교육은 직무와 연관된 코스만 간단하게.
 * git repo, blog 등. 기술블로그 경우만.
   
이메일은 수시로 체크 가능한게 좋다. 이상하게 내 경험으로는 네이버 카카오 메일보다 gmail 지원자가 개발자의 경우는 채용까지 연결되는 경우가 많았다. 경험일 뿐이고 지금 지원하는 회사가 카카오, 네이버라면 당연히각 사의 메일주소를 쓰는게 낫겠다.

경력은 주로 아래로 구성된다.
 * 회사명, 재직기간
 * 담당 업무와 개발스택
 * 주요 활약이나 성과
JD(Job Descriptions) 와 연결된 담당 업무나 개발 스텍을 써보자.
 * AWS 기반 ec2 에 java + spring boot 로 구성된 백엔드 API 개발담당
 * React Native 를 활용한 사용자용 모바일 앱 개발
 * Jsp, html, css, JavaScript 로 구성된 was 개발
 * PyTorch 기반의 image classification, detection model 구현 및 serving API 개발 담당
 * swift 를 활용한 iOS native app 개발
등등 JD 에서 찾고 있는 스택과 맞는 경력사항을 간결하게 기술하자.

주요활약이나 성과
실제 내가 주도해서 달성했던 성과나 해결했던 문제를 기술해 주는게 좋다. 아래는 예제다.
 * operator 가 수동 분리하던 업무를 자동화하여 기존 처리량의 200% 를 달설하게 적은 수의 운영자가 더 많은 업무처리가 가능하도록 함
 * 20만 동접 채팅 및 입장 기능을 구현
 * 카카오, 네이버, 애플 로그인 연동으로 사용자의 소셜 로그인을 지원하고 간편가입을 구현.
 * RestFul API 체계를 구축하여, 다양한 이종 단말기 디바이스에서 유연한 연동이 가능하도록 제공
 * *** API 연동 개발을 통해 ML 모델을 구현하고 *** 기반으로 serving 체계 구축
 * 앱리뉴얼을 통해 사용자 MAU 20만 달성 앱 개발 운영 업무를 담당
 * **** 을 활용하여 CI/CD 체계 구축을 통해 개발생산성을 향상시켰고 상시 안정적인 운영배포 체계 구축
등등. 구체적이고 본인의 성과가 확실한 경력이라면 역시 간단히 써주는게 좋다.
인턴쉽 경험과 정규직 경험은 확실히 써주는게
좋다. 애매하게 인턴쉽을 정규직처럼 쓴다거나 하는데 어차피 기간에 나오니 인턴 경험이면 당당하게 인턴쉽 으로 명기하는데 더 좋은 인상을 준다.

학력/교육
최종학력과 교육 수강 내역을 쓰는데 최종학력이 개발쪽이 아니라면(예 학부는 개발전공인데 mba 를 했다거나
이종 석박사 과정을 했다면) 최종학력과 학부 경력까지 쓰자. 최종학력이 연관이라면 최종 학력만 쓰는 것도 좋겠다.

교육 수강내용은 타이틀과 어떤 과정이었는지만 간단히 쓰는게 좋다. 경력이 충분하다면 역시 스킵해도 된다.

신입이라 경력이 없다면 직무연관 동아리 활동이나 경진대회 수상이력, 이수한 교육 프로그램 등을 추가할 수 있으나 경력자라면 굳이 추가할 필요가 없다. 만약 채용 직무 관련 전공자가 아니라면 경력자라도 물론 관련활동이나 받은 교육내용을 써 주는 것도 좋다.
단 주의할 점은 짧게 간단하게. 간혹 당황스러운 건 교육 프로그램 과정에서 만든 프로젝트로 유명 사이트나 앱 기능 하나를 구현해 본걸 장황하게 쓰는 경우라던가, 기획자를 뽑는게 아닌데 아이디어 자체 강조형이면 좀 난감스럽다. 예를 들면 "*** 창업 경진대회 1위 수상" 이면 충분하고 이후 진행이 잘 되서 면접에 가게 되면 더 물어볼 수 있는 수준만 쓰는 게 이 파트 노하우다.

더 궁금한 사람들을 위해 git repo 는 반드시 이력서 초반 혹은 말미에 넣는 건 기본 중의 기본! 기술블로그는 있다면 남기자. 난 솔직히 git repo 는 들여다보는데 기술블로그는 잘 보진 않는다.

git 은 토이프로젝트라도 당연히 내 개인 프로젝트들이 들어 있어야 한다. 어디선가 베껴온 건 바로 티나니까, 내 코드를 넣어두되, 간단해도 되니 일반적인 개발언어별 컨벤션을 따르는게 좋겠고 lint 를 사용해 두는 걸 권장한다. 그리고 전직장이나 다른 사람들 기여가 더 높은 팀 프로젝트를 올려두는 건 오히려 마이너스다. 기본 비밀유지를 못하는 도덕적 법적 문제를 일으킬 수 있는 사람으로 보여질 수 있기 때문이다.

일단 구구절절 자기소개를 그리 신경 쓸 필요가 없다. 직장은 이 직무에 제일 잘 맞는 사람을 찾기를 원하기 때문에 잘 정리되고 깔끔한 구성이면 충분하다.

그리고 인턴이면 인턴, 신입이면 신입 또는 신입경력무관, 경력자면 경력에 맞는 곳에만 지원하자. 지원자가 많은 회사의 서류전형자라면 자격요건에 해당 안되는 경우는 무조건 스킵할 확률이 높기 때문이다.

그리고 서류전형을 통과해도 코딩테스트, 기술면접이 있기 때문에 경력을 과장하거나 회사나 팀의 성과를 모두 내 성과인 것 처럼 쓸 필요는 없다. 내가 했던 일이 뽑고 있는 직무와 관련도가 높은 곳을 찾고 그 점을 어필하는 게 좋은 전략 아닐까.

요즘 자의건 타의건 이직을 고민하는 개발자 분들이 주변에 많은 시기. 그간 다양한 직능의 다양한 직종의 분들을 면접 전형해 본 사람으로서 스킬 투척!

작은 팀부터 규모 있는 기업까지 다양한 곳에서 정말 많은 분들을 뽑아도 보고 탈락도 시켜본 자로서 정리해본 개발자 이력서 스타일에 대해서. 나는 개인적으로 개발자 이력서를 디자이너 포트폴리오 꾸미듯 꾸미기는 선호하지 않는다. 그렇다고 전형적인 이력서 포맷도 그닥이다. 자유양식의 심플 a4 스타일로 간결 1장 분량이면 좋고 길어도 2-3 페이지 정도를 선호한다. 내가 좋아하는 구성은<ul><li>사진(사진은 필수는 아니다) 이름, 전화번호, 이메일 주소</li><li>경력 : 최신이 위로 올라오게 내림차순</li><li>학력/교육 : 최종전공학력 위주.교육은 직무와 연관된 코스만 간단하게.</li><li>git repo, blog 등. 기술블로그 경우만. </li></ul>이메일은 수시로 체크 가능한게 좋다. 이상하게 내 경험으로는 네이버 카카오 메일보다 gmail 지원자가 개발자의 경우는 채용까지 연결되는 경우가 많았다. 경험일 뿐이고 지금 지원하는 회사가 카카오, 네이버라면 당연히각 사의 메일주소를 쓰는게 낫겠다. 경력은 주로 아래로 구성된다.<ul><li>회사명, 재직기간</li><li>담당 업무와 개발스택</li><li>주요 활약이나 성과</li></ul>JD(Job Descriptions) 와 연결된 담당 업무나 개발 스텍을 써보자.<ul><li>AWS 기반 ec2 에 java + spring boot 로 구성된 백엔드 API 개발담당</li><li>React Native 를 활용한 사용자용 모바일 앱 개발</li><li>Jsp, html, css, JavaScript 로 구성된 was 개발</li><li>PyTorch 기반의 image classification, detection model 구현 및 serving API 개발 담당</li><li>swift 를 활용한 iOS native app 개발</li></ul>등등 JD 에서 찾고 있는 스택과 맞는 경력사항을 간결하게 기술하자. 주요활약이나 성과실제 내가 주도해서 달성했던 성과나 해결했던 문제를 기술해 주는게 좋다. 아래는 예제다.<ul><li>operator 가 수동 분리하던 업무를 자동화하여 기존 처리량의 200% 를 달설하게 적은 수의 운영자가 더 많은 업무처리가 가능하도록 함</li><li>20만 동접 채팅 및 입장 기능을 구현</li><li>카카오, 네이버, 애플 로그인 연동으로 사용자의 소셜 로그인을 지원하고 간편가입을 구현.</li><li>RestFul API 체계를 구축하여, 다양한 이종 단말기 디바이스에서 유연한 연동이 가능하도록 제공</li><li>*** API 연동 개발을 통해 ML 모델을 구현하고 *** 기반으로 serving 체계 구축</li><li>앱리뉴얼을 통해 사용자 MAU 20만 달성 앱 개발 운영 업무를 담당</li><li>**** 을 활용하여 CI/CD 체계 구축을 통해 개발생산성을 향상시켰고 상시 안정적인 운영배포 체계 구축</li></ul>등등. 구체적이고 본인의 성과가 확실한 경력이라면 역시 간단히 써주는게 좋다.인턴쉽 경험과 정규직 경험은 확실히 써주는게좋다. 애매하게 인턴쉽을 정규직처럼 쓴다거나 하는데 어차피 기간에 나오니 인턴 경험이면 당당하게 인턴쉽 으로 명기하는데 더 좋은 인상을 준다. 학력/교육최종학력과 교육 수강 내역을 쓰는데 최종학력이 개발쪽이 아니라면(예 학부는 개발전공인데 mba 를 했다거나이종 석박사 과정을 했다면) 최종학력과 학부 경력까지 쓰자. 최종학력이 연관이라면 최종 학력만 쓰는 것도 좋겠다. 교육 수강내용은 타이틀과 어떤 과정이었는지만 간단히 쓰는게 좋다. 경력이 충분하다면 역시 스킵해도 된다. 신입이라 경력이 없다면 직무연관 동아리 활동이나 경진대회 수상이력, 이수한 교육 프로그램 등을 추가할 수 있으나 경력자라면 굳이 추가할 필요가 없다. 만약 채용 직무 관련 전공자가 아니라면 경력자라도 물론 관련활동이나 받은 교육내용을 써 주는 것도 좋다.단 주의할 점은 짧게 간단하게. 간혹 당황스러운 건 교육 프로그램 과정에서 만든 프로젝트로 유명 사이트나 앱 기능 하나를 구현해 본걸 장황하게 쓰는 경우라던가, 기획자를 뽑는게 아닌데 아이디어 자체 강조형이면 좀 난감스럽다. 예를 들면 "*** 창업 경진대회 1위 수상" 이면 충분하고 이후 진행이 잘 되서 면접에 가게 되면 더 물어볼 수 있는 수준만 쓰는 게 이 파트 노하우다. 더 궁금한 사람들을 위해 git repo 는 반드시 이력서 초반 혹은 말미에 넣는 건 기본 중의 기본! 기술블로그는 있다면 남기자. 난 솔직히 git repo 는 들여다보는데 기술블로그는 잘 보진 않는다. git 은 토이프로젝트라도 당연히 내 개인 프로젝트들이 들어 있어야 한다. 어디선가 베껴온 건 바로 티나니까, 내 코드를 넣어두되, 간단해도 되니 일반적인 개발언어별 컨벤션을 따르는게 좋겠고 lint 를 사용해 두는 걸 권장한다. 그리고 전직장이나 다른 사람들 기여가 더 높은 팀 프로젝트를 올려두는 건 오히려 마이너스다. 기본 비밀유지를 못하는 도덕적 법적 문제를 일으킬 수 있는 사람으로 보여질 수 있기 때문이다. 일단 구구절절 자기소개를 그리 신경 쓸 필요가 없다. 직장은 이 직무에 제일 잘 맞는 사람을 찾기를 원하기 때문에 잘 정리되고 깔끔한 구성이면 충분하다. 그리고 인턴이면 인턴, 신입이면 신입 또는 신입경력무관, 경력자면 경력에 맞는 곳에만 지원하자. 지원자가 많은 회사의 서류전형자라면 자격요건에 해당 안되는 경우는 무조건 스킵할 확률이 높기 때문이다. 그리고 서류전형을 통과해도 코딩테스트, 기술면접이 있기 때문에 경력을 과장하거나 회사나 팀의 성과를 모두 내 성과인 것 처럼 쓸 필요는 없다. 내가 했던 일이 뽑고 있는 직무와 관련도가 높은 곳을 찾고 그 점을 어필하는 게 좋은 전략 아닐까. 요즘 자의건 타의건 이직을 고민하는 개발자 분들이 주변에 많은 시기. 그간 다양한 직능의 다양한 직종의 분들을 면접 전형해 본 사람으로서 스킬 투척!

서류전형은 통과할만한 신입 or 주니어 경력 개발자 이력서 스타일

Hi I have finally solved 300 problems on LeetCode. Following is the distribution of the topics I have solved questions from and the number of questions in each of them. The major thing I have learnt...

I Solved 300+ Leetcode problems , Here is what I learnt.

마침내 리트코드에서 300개의 문제를 해결했습니다. 이 여정에서 중요한 부분은 다음과 같습니다.
 
 1. 고급 토픽에 집중하기: 동적 프로그래밍(DP), 이진 검색, 그래프, 트리 및 우선순위 큐와 같은 주제는 인터뷰에서 자주 질문을 받으며, 익숙해 지기 위해서는 시간과 인내심이 필요하기 때문에 계속해서 집중합니다.
 2. 다른 사람과 비교하지 않기: 우리는 모두 다른 개체이기 때문에, 자신의 학습곡선을 그대로 받아들이는 것이 좋습니다. 당신의 여정을 다른 사람과 비교하지 마세요.
 3. 일하면서 300개의 문제를 해결하는 데 10개월이 걸렸고, 일부 사람들은 그 절반의 시간만을 투자할지도 모르지만 괜찮습니다. 그것은 저만의 여정이니 다른 사람을 생각하며 내 기분을 상하게 하지 않을 것입니다.
 4. medium 단계의 문제는 최소 30분 동안 시도하기: 30분 동안 최선을 다하고, 그 후에는 힌트를 보는 것을 주저하지 마세요. 아무 문제가 없더라도 내가 모르는 특정한 기술이나 개념이 있을 수 있으므로 힌트를 찾아보세요.
 5. 최고가 되기 위한 동기를 가지기: 최고가 되기 위한 열망은 장애물을 극복하도록 도와줍니다. 
 6. 훈련하기: 처음에는 그것이 숙제처럼 느껴질 수 있지만, 서서히 적응하게 되어 삶의 일부가 될 것입니다. 

번역: [https://ducktopia.tistory.com/122]
원문:

마침내 리트코드에서 300개의 문제를 해결했습니다. 이 여정에서 중요한 부분은 다음과 같습니다.&nbsp;<ol ><li>고급 토픽에 집중하기: 동적 프로그래밍(DP), 이진 검색, 그래프, 트리 및 우선순위 큐와 같은 주제는 인터뷰에서 자주 질문을 받으며, 익숙해 지기 위해서는 시간과 인내심이 필요하기 때문에 계속해서 집중합니다.</li><li>다른 사람과 비교하지 않기: 우리는 모두 다른 개체이기 때문에, 자신의 학습곡선을 그대로 받아들이는 것이 좋습니다. 당신의 여정을 다른 사람과 비교하지 마세요.</li><li>일하면서 300개의 문제를 해결하는 데 10개월이 걸렸고, 일부 사람들은 그 절반의 시간만을 투자할지도 모르지만 괜찮습니다. 그것은 저만의 여정이니 다른 사람을 생각하며 내 기분을 상하게 하지 않을 것입니다.</li><li>medium 단계의 문제는 최소 30분 동안 시도하기: 30분 동안 최선을 다하고, 그 후에는 힌트를 보는 것을 주저하지 마세요. 아무 문제가 없더라도 내가 모르는 특정한 기술이나 개념이 있을 수 있으므로 힌트를 찾아보세요.</li><li>최고가 되기 위한 동기를 가지기: 최고가 되기 위한 열망은 장애물을 극복하도록 도와줍니다.&nbsp;</li><li>훈련하기: 처음에는 그것이 숙제처럼 느껴질 수 있지만, 서서히 적응하게 되어 삶의 일부가 될 것입니다.&nbsp;</li></ol> 번역: [https://ducktopia.tistory.com/122]원문:

Medium

🕊️  [Medium] 300개 이상의 리트코드 문제를 해결한 방

01 . 숏폼 콘텐츠의 자극성에 비판을 가하고 싶은 생각은 전혀 없지만 가끔 숏폼 피드를 보다 보면 저도 모르게 희한한 감정이 들 때가 있습니다. 조금 전까지는 예능 프로에서 레전드 짤로 불리는 하이라이트를 보며 낄낄대다가 곧장 다음 콘텐츠를 넘기면 그때는 또 세상을 아주 올바르게 살아가야 할 법한 중요한 말들이 쏟아지거든요. 그렇게 축구 하이라이트를 지나 사람이 금성에 떨어지면 어떻게 되는지를 알려주는 과학 콘텐츠를 만날 때면 이제 어떤 감정으로 콘텐츠를 대해야 하는지 의아해질 때도 많기 때문이죠.

02 . 그중에서도 저는 요즘 동기부여에 관한 콘텐츠를 어떻게 받아들여야 하는지가 참 고민입니다. 저 역시 책 읽는 걸 좋아하고 콘텐츠 보는 걸 즐기는 편이라 중요한 문장이나 의미 있게 다가온 장면들이 있으면 어떻게든 남겨두려고 하거든요.
특히 숏폼 콘텐츠가 뜨고 나서부터는 수많은 유명인들의 인터뷰에 큼지막한 자막을 입히고 웅장한 BGM을 깔아서 전달하는 게시물들이 늘어나다 보니 왠지 아주 특별하지 않은 내용도 꼭 저장을 해 둬야 할 것 같은 주요한 콘텐츠처럼 받아들여지는 순간도 없지 않습니다.

03 . 이상하다 싶었죠. 오히려 책을 읽으며 적당히 하이라이트하고, 기록하고, 때로는 필사를 해가며 얻은 인사이트들보다 훨씬 간편하고 임팩트 있게 마주할 수 있는 동기부여 콘텐츠들이 넘쳐나는 세상인데 정작 왜 동기부여가 제대로 되지 않을까 싶은 그 사실이 무척 궁금해진 겁니다.
그래서 오늘은 지극히 개인적인 해석과 지극히 개인적인 방법들을 한 번 소개해 볼까 합니다. 바로 명언 중독의 시대에 동기부여 콘텐츠를 적절히 활용하기 위한 방법으로 말이죠.

04 . 우선 저는 비타민의 역설을 이야기하고 싶습니다. 많이들 아시다시피 비타민은 우리 몸에 필요한 일정 수준의 양분으로 흡수되고 나면 초과분은 모두 몸 밖으로 배출되게 됩니다. 때문에 고함량의 비타민을 여러 번 복용한다고 해도 건강에 주는 이점은 딱히 없는 셈이죠.
그런데 저는 동기부여에 관한 콘텐츠도 크게 다를 바가 없다고 생각합니다. 숏폼이든 아니면 다른 형태든 간에 좋은 말을 많이 스크랩해놓는 것이 주는 가장 큰 충족은 '내가 좋은 콘텐츠를 일단 저장해놨다'라는 순간의 자기만족이거든요. 때문에 나중에는 우리 몸밖으로 모두 흘러나가버릴 걸 잘 알면서도 어떤 식으로든 도움이 된다는 생각에 '삼키고 보자'는 심리가 발동하는 겁니다.

05 . 이런 딜레마에서 벗어나려면 결국 또 취사선택의 마법을 부려야 합니다. 이전에도 글을 통해 '메모하는 것보다 정리하는 게 훨씬 중요하다'는 말을 전달한 적이 있었는데요, 저는 이른바 '동기부여'로 분류되는 콘텐츠들을 보고 저장하더라도 되도록 일주일에 베스트(?) 콘텐츠 하나만을 골라보려고 노력합니다. 다시 말해 정말 나 스스로에게 도움이 되고, 두고두고 생각해도 맞는 말인 것 같고, 내 삶에서 내가 직접 실천해 볼 수 있다고 생각되는 콘텐츠를 딱 하나만 선정해 보는 거죠. 그렇게 감히 '명언을 고른다'는 생각으로 접근하면 동기부여 콘텐츠를 보는 눈은 완전히 달라지게 됩니다.

06 . 더불어 저는 어떤 콘텐츠를 보건 간에 결국 텍스트로 변환해서 정리해두려고 노력합니다. 앞서 말한 것처럼 콘텐츠는 늘 극적인 임팩트를 주는 연출이 담겨있으니까요, 그 효과 자체를 부정하는 것은 아니지만 우리가 궁극적으로 취해야 할 것이 메시지라면, 그 메시지를 둘러싸고 있는 당의정 캡슐을 모두 녹여내고서 메시지 그 자체에 주목해 볼 필요가 있는 겁니다.
이렇게 텍스트만으로 주요한 내용을 정리해두면 스크랩해둔 콘텐츠 원본을 볼 때와는 꽤 다른 느낌을 받을 수 있습니다. 처음 콘텐츠를 만날 때보다 감동이 줄어들 때도 물론 있지만 또 어떤 말들은 그 감동이 배가되기도 하거든요. 그러니 마음에 드는 콘텐츠를 만날 때면 조금 시간이 걸리더라도 가급적 글만으로 담백히 남겨두려는 시도를 해보는 것이 좋습니다.

07 . 마지막으로는 콘텐츠의 성격을 규정하고 분류해 보는 겁니다. 저는 동기부여 콘텐츠에는 크게 두 가지 기준이 있다고 생각하는데요, 하나는 지금 내가 하고 있는 생각에 부스트를 달아주는 형태의 콘텐츠고 다른 하나는 나에게 새로운 시각과 관점을 주는 콘텐츠라는 겁니다. 때문에 이 콘텐츠가 요즘 내가 추구하는 가치관을 응원해 주는 것인지 아니면 '세상에 그런 생각만 있는 건 아니란다'라며 새로운 눈을 뜨게 해주는 콘텐츠인지 구분해 보는 것만으로도 콘텐츠의 활용도가 완전히 달려집니다. 저는 이 작은 행동만으로도 우리가 타인이 만들어 놓은 좋은 말들을 아주 잘 써먹을 수 있다고 봅니다.

08 . 아마 여러분 주위에 있는 사람들의 대화를 유심히 보다 보면 하나의 공통점을 발견할 수 있을 겁니다.
"OOO이 하는 유튜브 보다 보니까 들은 말인데~"
"엊그제 나혼산 보다가 OOO이 하는 거 보면서 느낀 건데~"
"숏츠 보다가 OOO 선생님이 해주는 이야기에서 말야~"
라는 말이 생각보다 우리 대화의 아주 큰 지분을 차지하고 있다는 사실 말이죠.

09 . 물론 아무런 감흥도, 생각도, 주관도, 자각도 없이 사는 것보다야 훨씬 나은 일이지만 결국 한 번이라도 내 마음에 동요를 일으킨 뭔가를 만날 때는 어떻게라도 그걸 붙잡아두고 재가공해서 흡수하는 일이 꼭 필요합니다. 저는 그게 이렇게 차고 넘치는 명언의 시대를 현명하게 살아가는 방법이 아닐까 싶기도 하고 말이죠.

10 . 좀 우스운 비유이긴 하지만 저는 식당에 가서 메뉴 추천을 받을 때 '아유 저흰 다 맛있어요'라고 하시는 사장님보다는 '오늘은 특히 이게 좋습니다'라든가 '요즘엔 손님들이 이걸 제일 많이 찾으십니다'라고 말해 줄 때가 훨씬 좋습니다. 전자는 더 이상 대화를 이어갈 소스가 없는 반면 후자는 사장님 나름대로 선택하고 편집한 작은 이유라도 있을 테니까요. 설사 그 과정을 스스로 경험한 사람의 생각이 나와 다를지언정 나로 하여금 판단의 기준을 만들어주는 사람들은 언제나 고마운 법이죠. 그리고 우리 역시 그런 사람일 때 더 매력적이 되는 것 같고요.

01 . 숏폼 콘텐츠의 자극성에 비판을 가하고 싶은 생각은 전혀 없지만 가끔 숏폼 피드를 보다 보면 저도 모르게 희한한 감정이 들 때가 있습니다. 조금 전까지는 예능 프로에서 레전드 짤로 불리는 하이라이트를 보며 낄낄대다가 곧장 다음 콘텐츠를 넘기면 그때는 또 세상을 아주 올바르게 살아가야 할 법한 중요한 말들이 쏟아지거든요. 그렇게 축구 하이라이트를 지나 사람이 금성에 떨어지면 어떻게 되는지를 알려주는 과학 콘텐츠를 만날 때면 이제 어떤 감정으로 콘텐츠를 대해야 하는지 의아해질 때도 많기 때문이죠. 02 . 그중에서도 저는 요즘 동기부여에 관한 콘텐츠를 어떻게 받아들여야 하는지가 참 고민입니다. 저 역시 책 읽는 걸 좋아하고 콘텐츠 보는 걸 즐기는 편이라 중요한 문장이나 의미 있게 다가온 장면들이 있으면 어떻게든 남겨두려고 하거든요. 특히 숏폼 콘텐츠가 뜨고 나서부터는 수많은 유명인들의 인터뷰에 큼지막한 자막을 입히고 웅장한 BGM을 깔아서 전달하는 게시물들이 늘어나다 보니 왠지 아주 특별하지 않은 내용도 꼭 저장을 해 둬야 할 것 같은 주요한 콘텐츠처럼 받아들여지는 순간도 없지 않습니다. 03 . 이상하다 싶었죠. 오히려 책을 읽으며 적당히 하이라이트하고, 기록하고, 때로는 필사를 해가며 얻은 인사이트들보다 훨씬 간편하고 임팩트 있게 마주할 수 있는 동기부여 콘텐츠들이 넘쳐나는 세상인데 정작 왜 동기부여가 제대로 되지 않을까 싶은 그 사실이 무척 궁금해진 겁니다.그래서 오늘은 지극히 개인적인 해석과 지극히 개인적인 방법들을 한 번 소개해 볼까 합니다. 바로 명언 중독의 시대에 동기부여 콘텐츠를 적절히 활용하기 위한 방법으로 말이죠. 04 . 우선 저는 비타민의 역설을 이야기하고 싶습니다. 많이들 아시다시피 비타민은 우리 몸에 필요한 일정 수준의 양분으로 흡수되고 나면 초과분은 모두 몸 밖으로 배출되게 됩니다. 때문에 고함량의 비타민을 여러 번 복용한다고 해도 건강에 주는 이점은 딱히 없는 셈이죠.그런데 저는 동기부여에 관한 콘텐츠도 크게 다를 바가 없다고 생각합니다. 숏폼이든 아니면 다른 형태든 간에 좋은 말을 많이 스크랩해놓는 것이 주는 가장 큰 충족은 '내가 좋은 콘텐츠를 일단 저장해놨다'라는 순간의 자기만족이거든요. 때문에 나중에는 우리 몸밖으로 모두 흘러나가버릴 걸 잘 알면서도 어떤 식으로든 도움이 된다는 생각에 '삼키고 보자'는 심리가 발동하는 겁니다. 05 . 이런 딜레마에서 벗어나려면 결국 또 취사선택의 마법을 부려야 합니다. 이전에도 글을 통해 '메모하는 것보다 정리하는 게 훨씬 중요하다'는 말을 전달한 적이 있었는데요, 저는 이른바 '동기부여'로 분류되는 콘텐츠들을 보고 저장하더라도 되도록 일주일에 베스트(?) 콘텐츠 하나만을 골라보려고 노력합니다. 다시 말해 정말 나 스스로에게 도움이 되고, 두고두고 생각해도 맞는 말인 것 같고, 내 삶에서 내가 직접 실천해 볼 수 있다고 생각되는 콘텐츠를 딱 하나만 선정해 보는 거죠. 그렇게 감히 '명언을 고른다'는 생각으로 접근하면 동기부여 콘텐츠를 보는 눈은 완전히 달라지게 됩니다. 06 . 더불어 저는 어떤 콘텐츠를 보건 간에 결국 텍스트로 변환해서 정리해두려고 노력합니다. 앞서 말한 것처럼 콘텐츠는 늘 극적인 임팩트를 주는 연출이 담겨있으니까요, 그 효과 자체를 부정하는 것은 아니지만 우리가 궁극적으로 취해야 할 것이 메시지라면, 그 메시지를 둘러싸고 있는 당의정 캡슐을 모두 녹여내고서 메시지 그 자체에 주목해 볼 필요가 있는 겁니다.이렇게 텍스트만으로 주요한 내용을 정리해두면 스크랩해둔 콘텐츠 원본을 볼 때와는 꽤 다른 느낌을 받을 수 있습니다. 처음 콘텐츠를 만날 때보다 감동이 줄어들 때도 물론 있지만 또 어떤 말들은 그 감동이 배가되기도 하거든요. 그러니 마음에 드는 콘텐츠를 만날 때면 조금 시간이 걸리더라도 가급적 글만으로 담백히 남겨두려는 시도를 해보는 것이 좋습니다. 07 . 마지막으로는 콘텐츠의 성격을 규정하고 분류해 보는 겁니다. 저는 동기부여 콘텐츠에는 크게 두 가지 기준이 있다고 생각하는데요, 하나는 지금 내가 하고 있는 생각에 부스트를 달아주는 형태의 콘텐츠고 다른 하나는 나에게 새로운 시각과 관점을 주는 콘텐츠라는 겁니다. 때문에 이 콘텐츠가 요즘 내가 추구하는 가치관을 응원해 주는 것인지 아니면 '세상에 그런 생각만 있는 건 아니란다'라며 새로운 눈을 뜨게 해주는 콘텐츠인지 구분해 보는 것만으로도 콘텐츠의 활용도가 완전히 달려집니다. 저는 이 작은 행동만으로도 우리가 타인이 만들어 놓은 좋은 말들을 아주 잘 써먹을 수 있다고 봅니다. 08 . 아마 여러분 주위에 있는 사람들의 대화를 유심히 보다 보면 하나의 공통점을 발견할 수 있을 겁니다."OOO이 하는 유튜브 보다 보니까 들은 말인데~""엊그제 나혼산 보다가 OOO이 하는 거 보면서 느낀 건데~""숏츠 보다가 OOO 선생님이 해주는 이야기에서 말야~"라는 말이 생각보다 우리 대화의 아주 큰 지분을 차지하고 있다는 사실 말이죠. 09 . 물론 아무런 감흥도, 생각도, 주관도, 자각도 없이 사는 것보다야 훨씬 나은 일이지만 결국 한 번이라도 내 마음에 동요를 일으킨 뭔가를 만날 때는 어떻게라도 그걸 붙잡아두고 재가공해서 흡수하는 일이 꼭 필요합니다. 저는 그게 이렇게 차고 넘치는 명언의 시대를 현명하게 살아가는 방법이 아닐까 싶기도 하고 말이죠. 10 . 좀 우스운 비유이긴 하지만 저는 식당에 가서 메뉴 추천을 받을 때 '아유 저흰 다 맛있어요'라고 하시는 사장님보다는 '오늘은 특히 이게 좋습니다'라든가 '요즘엔 손님들이 이걸 제일 많이 찾으십니다'라고 말해 줄 때가 훨씬 좋습니다. 전자는 더 이상 대화를 이어갈 소스가 없는 반면 후자는 사장님 나름대로 선택하고 편집한 작은 이유라도 있을 테니까요. 설사 그 과정을 스스로 경험한 사람의 생각이 나와 다를지언정 나로 하여금 판단의 기준을 만들어주는 사람들은 언제나 고마운 법이죠. 그리고 우리 역시 그런 사람일 때 더 매력적이 되는 것 같고요.

명언 중독의 시대를 살아가는 법

Learn the top mistakes made while using ChatGPT and how to fix them effectively.

You Are Using ChatGPT Wrong! Here are 3 Mistakes You've Probably Done!

ChatGPT의 3가지 유용한 사용 방법을 알려주는 좋은 기사가 있어 공유합니다.😃

<ChatGPT를 사용하면서 저지르기 쉬운 실수 3가지>

🥇 사용자 정의 지침의 마법(Custom Instructions)
 * 사용자 정의 지침의 사용 없이 ChatGPT를 사용하는 것은 마치 포르쉐를 소유하고 있지만 자동차의 시속이 80mph로 제한되는 것과 같다고 합니다.😭
 * ChatGPT의 사용자 정의 지침을 통해 사용자는 필요에 따라 AI의 응답을 사용자 정의할 수 있으므로 전문적이고 개인적인 설정에서 더욱 유용하게 사용할 수 있습니다.
 * GPT를 맞춤설정할 수 있는데, 예를 들어 콘텐츠 제작자는 사용자 정의 지침을 통해 ChatGPT의 분위기와 목적을 형성할 수 있습니다.

🥈 AI 마인드 마스터하기: CoT(Chain of Thought) 프롬프트
 * LLM(대형 언어 모델)은 CoT(사고 사슬) 프롬프트가 제공되면, 어려운 작업을 수행해야 할 때 더 명확하게 생각한다고 합니다. 어려운 수학, 상식 문제에 대해서 보다 정확하고 유용한 답변을 제공한다고 하네요.
 * 이 방법은 문제를 이해하기 쉬운 단계로 나누고 모델을 정답으로 유도합니다. 수학 문제와 마찬가지로 각 단계는 이전 단계를 바탕으로 끝까지 진행됩니다.

🥉 5가지 단계 적용으로 완벽한 프롬프트 만들기
 * 완벽한 ChatGPT 프롬프트를 이해하는 것은 명확성, 맥락, 창의성이 혼합된 복잡한 예술이라고 할 수 있고, 컨텍스트(Context), 작업(Task), 지시(Instruct), 명확화(Clarify), 개선(Refine) 등 각 조각이 중요한 역할을 하는 퍼즐을 조립하는 것입니다.
 * 컨텍스트: 강력한 기반을 구축하기 위해 배경 정보를 제공합니다. (AI에게 대화 주제를 지시합니다.)
 * 작업: ChatGPT에서 수행하려는 작업을 매우 명확하게 지정하세요. (잘 정의된 작업은 AI의 능력을 극대화합니다.)
 * 지시: 작업 수행 방법에 대해 명확한 지시를 하는 것을 지시라고 합니다. (원하는 모양으로 출력됩니다.)
 * 명확화: 사람들이 이해할 수 있도록 의심을 없애고 응답이 의도한 것과 일치하는지 확인하십시오. (소통이 향상됩니다.)
 * 개선: 프롬프트로 돌아가서 개선하세요. (오류를 제거하고 프롬프트를 명확하게 합니다.)

원본 기사 링크는 아래와 같습니다. 감사합니다.🙏
[Source Link] https://levelup.gitconnected.com/you-are-using-chatgpt-wrong-here-are-3-mistakes-youve-probably-done-b3f3eaef40d1

ChatGPT의 3가지 유용한 사용 방법을 알려주는 좋은 기사가 있어 공유합니다.😃 &lt;ChatGPT를 사용하면서 저지르기 쉬운 실수 3가지&gt; 🥇 사용자 정의 지침의 마법(Custom Instructions)<ul ><li>사용자 정의 지침의 사용 없이 ChatGPT를 사용하는 것은 마치 포르쉐를 소유하고 있지만 자동차의 시속이 80mph로 제한되는 것과 같다고 합니다.😭</li><li>ChatGPT의 사용자 정의 지침을 통해 사용자는 필요에 따라 AI의 응답을 사용자 정의할 수 있으므로 전문적이고 개인적인 설정에서 더욱 유용하게 사용할 수 있습니다.</li><li>GPT를 맞춤설정할 수 있는데, 예를 들어 콘텐츠 제작자는 사용자 정의 지침을 통해 ChatGPT의 분위기와 목적을 형성할 수 있습니다.</li></ul> 🥈 AI 마인드 마스터하기: CoT(Chain of Thought) 프롬프트<ul ><li>LLM(대형 언어 모델)은 CoT(사고 사슬) 프롬프트가 제공되면, 어려운 작업을 수행해야 할 때 더 명확하게 생각한다고 합니다. 어려운 수학, 상식 문제에 대해서 보다 정확하고 유용한 답변을 제공한다고 하네요.</li><li>이 방법은 문제를 이해하기 쉬운 단계로 나누고 모델을 정답으로 유도합니다. 수학 문제와 마찬가지로 각 단계는 이전 단계를 바탕으로 끝까지 진행됩니다.</li></ul> 🥉 5가지 단계 적용으로 완벽한 프롬프트 만들기<ul ><li>완벽한 ChatGPT 프롬프트를 이해하는 것은 명확성, 맥락, 창의성이 혼합된 복잡한 예술이라고 할 수 있고, 컨텍스트(Context), 작업(Task), 지시(Instruct), 명확화(Clarify), 개선(Refine) 등 각 조각이 중요한 역할을 하는 퍼즐을 조립하는 것입니다.<ul ><li>컨텍스트: 강력한 기반을 구축하기 위해 배경 정보를 제공합니다. (AI에게 대화 주제를 지시합니다.)</li><li>작업: ChatGPT에서 수행하려는 작업을 매우 명확하게 지정하세요. (잘 정의된 작업은 AI의 능력을 극대화합니다.)</li><li>지시: 작업 수행 방법에 대해 명확한 지시를 하는 것을 지시라고 합니다. (원하는 모양으로 출력됩니다.)</li><li>명확화: 사람들이 이해할 수 있도록 의심을 없애고 응답이 의도한 것과 일치하는지 확인하십시오. (소통이 향상됩니다.)</li><li>개선: 프롬프트로 돌아가서 개선하세요. (오류를 제거하고 프롬프트를 명확하게 합니다.)</li></ul></li></ul> 원본 기사 링크는 아래와 같습니다. 감사합니다.🙏[Source Link] https://levelup.gitconnected.com/you-are-using-chatgpt-wrong-here-are-3-mistakes-youve-probably-done-b3f3eaef40d1

ChatGPT 사용 시 유용한 3가지 팁

GitHub Copilot](https://github.com/features/copilot)을 터미널에서 사용할 수 있는 GitHub Copilot in the CLI가 지난달부터 GA, 즉 누구나 이용할 수 있게 공개되었다. 누구나라고는 하지만 [GitHub Copilot...

GitHub Copilot을 CLI 명령어에서 도움받을 수 있는 GitHub Copilot in the CLI :: Outsider's Dev Story

작년부터 베타 테스트를 진행하다가 지난 3월 GitHub Copilot in the CLI가 GitHub Copilot 사용자라면(유료) 누구나 이용할 수 있도록 공개되었습니다.

GitHub Copilot in the CLI는 Copilot의 AI기능을 터미널에서도 쓸수 있도록 원하는 CLI 명령어를 쉽게 찾을수 있거나 CLI 명령어가 어떤 의미인지 알 수 있도록 도와주는 명령어입니다.

GitHub Copilot in the CLI가 어떤 기능을 제공하고 어떻게 사용할 수 있는지를 정리해봤습니다.

https://blog.outsider.ne.kr/1717

작년부터 베타 테스트를 진행하다가 지난 3월 GitHub Copilot in the CLI가 GitHub Copilot 사용자라면(유료) 누구나 이용할 수 있도록 공개되었습니다. GitHub Copilot in the CLI는 Copilot의 AI기능을 터미널에서도 쓸수 있도록 원하는 CLI 명령어를 쉽게 찾을수 있거나 CLI 명령어가 어떤 의미인지 알 수 있도록 도와주는 명령어입니다. GitHub Copilot in the CLI가 어떤 기능을 제공하고 어떻게 사용할 수 있는지를 정리해봤습니다. https://blog.outsider.ne.kr/1717

Outsider's Dev Story

작년부터 베타 테스트를 진행하다가 지난 3월 GitHub Copi

뽑지 말아야할 CTO, 뽑아야할 CTO 대부분의 테크 기업은 투자를 받으면서 VC에서 좋은 CTO를 요구하는 경우가 많습니다. 기술 기반의 기업에서 기술적으로 중요한 결정은 스타트업의 흥망을 좌우하는 경우가 대부분이기 때문에 VC도 C레벨의 이력과 경험을 중요하게 봅니다. 좋은... | 14 comments on LinkedIn

Dennis Kim on LinkedIn: #스타트업 #startup #cto #기술총괄 #창업 #투자 #배달의민족 #배민 #데마에칸 #php #파이썬 #python #java... | 14 comments

대부분의 테크 기업은 투자를 받으면서 VC에서 좋은 CTO를 요구하는 경우가 많습니다. 기술 기반의 기업에서 기술적으로 중요한 결정은 스타트업의 흥망을 좌우하는 경우가 대부분이기에, VC도 C레벨의 이력과 경험을 중요하게 봅니다.
좋은 CTO는 무엇인가에 대해 명확한 정답은 없지만, Dennis Kim님께서 개인적으로 공감이 가도록 정리해주신 내용이 있어 공유드립니다.

👁️ 좋은 기술 리드의 예
 * 데마에칸을 에러 없이 새로운 코드로 짠 팀의 기술 리드
 * PHP에서 자바로 리팩토링을 한 배달의 민족
 * C++로 된 코드를 자바 스프링으로 거의 리팩토링을 진행한 토스 증권팀의 기술 리드

🏋️ 좋은 팀은 보이지 않는 기술 부채를 청산하고 미래로 달릴 수 있는 기반을 만듭니다.
기술은 회사의 미래와 사업적 가중치에서 균형을 잡아야합니다. 그렇지 못한 경우에는 CTO의 개인적인 욕심과 취미활동이 됩니다. 그렇게 되면 회사는 방향을 잃거나 비용을 낭비하게 되고, 투자 받을 타이밍에 투자를 못받게 됩니다. 개발 총괄의 자리는 개발 인력의 수준을 끌어올리고 기술 지향점의 비전을 공유할 수 있어야 합니다.

💁‍♂️ 뽑지 말아야할 CTO는 ?
 * SNS 중독, 코딩은 절대 시간이기 때문에 적당히 해야 합니다.
 * SNS와 커뮤니티에서 그루급이고 너무 커뮤니티에 진심인 분
 * 전 회사에서 분쟁이 있었던 분
 * 마이너한 기술 스택을 고집하는 분 (=개발자 뽑기 힘들어요. 인공지능 쪽 아니면 파이썬이 주력이면 갈아 엎는 데 더 비용과 시간이 들어요)
 * SI 회사에서 오래다니신분 (=어떤 코드가 나올지 팀원들을 SI 노가다로 굴릴 수 있어요)
 * 빅테크 기업 출신 (=코딩은 하는데 회사의 복지, 시스템을 빅테크로 만들어달라고 합니다. 회사는 돈을 버는 곳입니다.)
 * 개발문화를 중시하는 분 (=개발자에게 인심은 얻지만, 회사는 개발과 서비스를 만드는데 개발문화를 전도하는 컬쳐 전도사가 되면 안됩니다.)

🏄🏻‍♂️ 좋은 CTO는 ?
 * 꾸준하게 자신의 생각을 글로 씁니다.
 * 레거시를 어떤 전략으로 리팩토링할지 항상 고민합니다.
 * 팀의 성장을 돕습니다.
 * 채용을 잘 할 수 있는 개발 스택을 늘 고민합니다.
 * 회사의 방향성에 맞는 개발 스택을 자신의 기술 스택보다 앞서 선택합니다.
 * 커뮤니케이션과 소통을 잘 합니다.
 * 다양한 사회 경험, 사업 경험과 호기심이 있습니다.
 * 회사의 성장 목표를 일치하기 위해 C레벨과 소통합니다.

대부분의 테크 기업은 투자를 받으면서 VC에서 좋은 CTO를 요구하는 경우가 많습니다. 기술 기반의 기업에서 기술적으로 중요한 결정은 스타트업의 흥망을 좌우하는 경우가 대부분이기에, VC도 C레벨의 이력과 경험을 중요하게 봅니다.좋은 CTO는 무엇인가에 대해 명확한 정답은 없지만, Dennis Kim님께서 개인적으로 공감이 가도록 정리해주신 내용이 있어 공유드립니다. 👁️ 좋은 기술 리드의 예<ul ><li>데마에칸을 에러 없이 새로운 코드로 짠 팀의 기술 리드</li><li>PHP에서 자바로 리팩토링을 한 배달의 민족</li><li>C++로 된 코드를 자바 스프링으로 거의 리팩토링을 진행한 토스 증권팀의 기술 리드</li></ul> 🏋️ 좋은 팀은 보이지 않는 기술 부채를 청산하고 미래로 달릴 수 있는 기반을 만듭니다.기술은 회사의 미래와 사업적 가중치에서 균형을 잡아야합니다. 그렇지 못한 경우에는 CTO의 개인적인 욕심과 취미활동이 됩니다. 그렇게 되면 회사는 방향을 잃거나 비용을 낭비하게 되고, 투자 받을 타이밍에 투자를 못받게 됩니다. 개발 총괄의 자리는 개발 인력의 수준을 끌어올리고 기술 지향점의 비전을 공유할 수 있어야 합니다. 💁‍♂️ 뽑지 말아야할 CTO는 ?<ul ><li>SNS 중독, 코딩은 절대 시간이기 때문에 적당히 해야 합니다.</li><li>SNS와 커뮤니티에서 그루급이고 너무 커뮤니티에 진심인 분</li><li>전 회사에서 분쟁이 있었던 분</li><li>마이너한 기술 스택을 고집하는 분 (=개발자 뽑기 힘들어요. 인공지능 쪽 아니면 파이썬이 주력이면 갈아 엎는 데 더 비용과 시간이 들어요)</li><li>SI 회사에서 오래다니신분 (=어떤 코드가 나올지 팀원들을 SI 노가다로 굴릴 수 있어요)</li><li>빅테크 기업 출신 (=코딩은 하는데 회사의 복지, 시스템을 빅테크로 만들어달라고 합니다. 회사는 돈을 버는 곳입니다.)</li><li>개발문화를 중시하는 분 (=개발자에게 인심은 얻지만, 회사는 개발과 서비스를 만드는데 개발문화를 전도하는 컬쳐 전도사가 되면 안됩니다.)</li></ul> 🏄🏻‍♂️ 좋은 CTO는 ?<ul ><li>꾸준하게 자신의 생각을 글로 씁니다.</li><li>레거시를 어떤 전략으로 리팩토링할지 항상 고민합니다.</li><li>팀의 성장을 돕습니다.</li><li>채용을 잘 할 수 있는 개발 스택을 늘 고민합니다.</li><li>회사의 방향성에 맞는 개발 스택을 자신의 기술 스택보다 앞서 선택합니다.</li><li>커뮤니케이션과 소통을 잘 합니다.</li><li>다양한 사회 경험, 사업 경험과 호기심이 있습니다.</li><li>회사의 성장 목표를 일치하기 위해 C레벨과 소통합니다.</li></ul>

Linkedin

뽑지말아야할 CTO, 뽑아야할 CTO

 1. 기본기 확실히 하기
 2. 학습 능력 키우기
 3. 의사 소통 잘하기
 4. 문제 정의 잘하기
 5. 태스크 완료 시간 추정 잘하기
 6. 운영을 고려한 코드 작성하기
 7. 서비스 사고 대처 능력 키우기
 8. 결과를 내는데 집중하기
 9. 영향력 갖기 (코딩 멍키)

문제 정의 능력이란 무엇일까? 내가 맡은 업무를 제대로 파악하는 것을 말한다. 내 업무의 우선 순위를 이해하고 문맥을 파악하는 것과 업무의 완료를 의미하는 성공과 실패 기준 혹은 지표를 이해하는 것을 말한다. 나에게 업무를 준 사람의 의도를 파악하기 위한 의사소통이 필수이며 의사소통에 대해서는 지난 포스트에서 내 의견을 공유했다.

문제 정의를 잘못하면 어떻게 될까? 엉뚱한 방향으로 불필요한 노력을 쏟을 가능성이 아주 높아진다. 등산을 예로 들어보자. 어느 산으로 올라가는지 명확히 알아야 열심히 올라간 성과가 인정받게 된다. 열심히 하지 않았느냐고 항변하는 것은 별 의미가 없다. 그래서 어디로 가야할지 대충 알아서 판단하지 (자기검열하지 말고) 많이 물어봐야한다.

반대로 이야기하면 리더에게는 결정의 "명확성"이 중요해진다. "알아서 잘해주세요"와 같은 결정은 완전한 위임이 아니라면 리더에 대한 신뢰를 스스로 깎아먹는 행동이다. 틀릴 가능성이 있더라도 결과에 대한 기대를 명확히 해야 팀원들이 덜 헤맨다. 같은 방향으로 움직였다면 결과적으로 틀린 방향이라도 회고하며 같이 배울 수 있는 포인트들이 분명히 있다.

"자기 검열"은 문제 정의에 가장 큰 걸림돌이 된다. 이 정도는 내가 알아서 해야지 물어보면 멍청해보이지는 않을지, 내 매니저가 바빠보이는데 물어보면 민폐는 아닐지 등등 여러가지 이유가 있겠지만 불편함을 견디며 등산 예처럼 방향과 목적지를 먼저 확인하기 위해 같이 대화해봐야 그 다음에 열심히 하는 것이 의미가 있다.

그런데 "자기 검열"은 주니어만 하는 것이 아니다. 경력을 충분히 쌓은 시니어들도 때로는 본인에 대한 기대라는 중압감에 물어보면 일을 못하는 사람이라 느껴지지 않을까 싶어 물어보지 못하고 그럼으로써 문제 정의를 제대로 못하는 경우들을 보았다. 아무리 경력이 많아도 자기가 맡은 업무를 제대로 파악하려 노력하고 일을 시작하는 것은 꼭 필요하다. 너무 자신감이 넘치는 경우에도 동일한 실수를 하기 쉽다. 예를 들어 대기업에서 하던 업무를 작은 스타트업에 조인해서 하는 경우 작은 회사라는 이유만으로 깔보며 이 정도는 우습지라고 생각하며 문제정의를 제대로 안하는 경우 실패할 가능성이 아주 높다. 모든 환경은 그 환경 나름대로의 차이가 있는 것이기에 한 환경에서의 경험이 다른 환경에서의 경험을 보장하지 않는다.

내 경력과 상관없이 항상 맡은 업무를 시작하기 전에 질문을 바탕으로 의사소통을 하고 문제정의하는 것 꼭 필요하다. 이는 타고나는 재능이라기 보다는 실수와 연습을 통해 더 잘하게 되는 기술이란 점도 잊지 말자. 이는 레벨이 올라갈수록 더 중요하다.

<ol ><li>기본기 확실히 하기</li><li>학습 능력 키우기</li><li>의사 소통 잘하기</li><li>문제 정의 잘하기</li><li>태스크 완료 시간 추정 잘하기</li><li>운영을 고려한 코드 작성하기</li><li>서비스 사고 대처 능력 키우기</li><li>결과를 내는데 집중하기</li><li>영향력 갖기 <s>(코딩 멍키)</s></li></ol> 문제 정의 능력이란 무엇일까? 내가 맡은 업무를 제대로 파악하는 것을 말한다. 내 업무의 우선 순위를 이해하고 문맥을 파악하는 것과 업무의 완료를 의미하는 성공과 실패 기준 혹은 지표를 이해하는 것을 말한다. 나에게 업무를 준 사람의 의도를 파악하기 위한 의사소통이 필수이며 의사소통에 대해서는 지난 포스트에서 내 의견을 공유했다. 문제 정의를 잘못하면 어떻게 될까? 엉뚱한 방향으로 불필요한 노력을 쏟을 가능성이 아주 높아진다. 등산을 예로 들어보자. 어느 산으로 올라가는지 명확히 알아야 열심히 올라간 성과가 인정받게 된다. 열심히 하지 않았느냐고 항변하는 것은 별 의미가 없다. 그래서 어디로 가야할지 대충 알아서 판단하지 (자기검열하지 말고) 많이 물어봐야한다. 반대로 이야기하면 리더에게는 결정의 "명확성"이 중요해진다. "알아서 잘해주세요"와 같은 결정은 완전한 위임이 아니라면 리더에 대한 신뢰를 스스로 깎아먹는 행동이다. 틀릴 가능성이 있더라도 결과에 대한 기대를 명확히 해야 팀원들이 덜 헤맨다. 같은 방향으로 움직였다면 결과적으로 틀린 방향이라도 회고하며 같이 배울 수 있는 포인트들이 분명히 있다. "자기 검열"은 문제 정의에 가장 큰 걸림돌이 된다. 이 정도는 내가 알아서 해야지 물어보면 멍청해보이지는 않을지, 내 매니저가 바빠보이는데 물어보면 민폐는 아닐지 등등 여러가지 이유가 있겠지만 불편함을 견디며 등산 예처럼 방향과 목적지를 먼저 확인하기 위해 같이 대화해봐야 그 다음에 열심히 하는 것이 의미가 있다. 그런데 "자기 검열"은 주니어만 하는 것이 아니다. 경력을 충분히 쌓은 시니어들도 때로는 본인에 대한 기대라는 중압감에 물어보면 일을 못하는 사람이라 느껴지지 않을까 싶어 물어보지 못하고 그럼으로써 문제 정의를 제대로 못하는 경우들을 보았다. 아무리 경력이 많아도 자기가 맡은 업무를 제대로 파악하려 노력하고 일을 시작하는 것은 꼭 필요하다. 너무 자신감이 넘치는 경우에도 동일한 실수를 하기 쉽다. 예를 들어 대기업에서 하던 업무를 작은 스타트업에 조인해서 하는 경우 작은 회사라는 이유만으로 깔보며 이 정도는 우습지라고 생각하며 문제정의를 제대로 안하는 경우 실패할 가능성이 아주 높다. 모든 환경은 그 환경 나름대로의 차이가 있는 것이기에 한 환경에서의 경험이 다른 환경에서의 경험을 보장하지 않는다. 내 경력과 상관없이 항상 맡은 업무를 시작하기 전에 질문을 바탕으로 의사소통을 하고 문제정의하는 것 꼭 필요하다. 이는 타고나는 재능이라기 보다는 실수와 연습을 통해 더 잘하게 되는 기술이란 점도 잊지 말자. 이는 레벨이 올라갈수록 더 중요하다.

좋은 개발자가 알아야하는 9가지 포인트들 - 4. 문제 정의 잘하

개발자로서 우리는 코드의 품질과 유지보수성을 중요하게 여긴다. 하지만 이러한 기술적 가치 추구가 때로는 비즈니스 가치 창출이라는 본질을 잊게 만들기도 한다.

회사에 소속된 개발자라면 자신의 역량을 비즈니스 목표 달성에 기여하는 데 사용해야 한다. 완벽한 코드를 작성하는 것보다 적절한 품질을 유지하면서 빠르게 가치를 전달하는 것이 더욱 중요할 때가 있다. 물론 장기적으로는 코드 품질과 개발 문화를 개선해 나가는 노력도 필요하다. 하지만 이는 단기적인 비즈니스 성과와 균형을 이뤄야 한다. 지나친 완벽주의는 오히려 개발 속도를 늦추고 기회를 놓치게 만들 수 있기 때문이다.

좋은 설계 원칙과 아키텍처 패턴, 그리고 실천법은 변화에 빠르게 대응하기 위한 도구다. 상황에 맞게 적절한 수준으로 적용하여 개발 효율성과 코드 품질 사이의 균형을 찾아야 한다.

비즈니스 임팩트를 만들어내는 것이 핵심임을 잊지 말고, 클린 코드에 대한 열정을 비즈니스 가치 창출까지 연결시켜야 한다.

개발자로서 우리는 코드의 품질과 유지보수성을 중요하게 여긴다. 하지만 이러한 기술적 가치 추구가 때로는 비즈니스 가치 창출이라는 본질을 잊게 만들기도 한다. 회사에 소속된 개발자라면 자신의 역량을 비즈니스 목표 달성에 기여하는 데 사용해야 한다. 완벽한 코드를 작성하는 것보다 적절한 품질을 유지하면서 빠르게 가치를 전달하는 것이 더욱 중요할 때가 있다. 물론 장기적으로는 코드 품질과 개발 문화를 개선해 나가는 노력도 필요하다. 하지만 이는 단기적인 비즈니스 성과와 균형을 이뤄야 한다. 지나친 완벽주의는 오히려 개발 속도를 늦추고 기회를 놓치게 만들 수 있기 때문이다. 좋은 설계 원칙과 아키텍처 패턴, 그리고 실천법은 변화에 빠르게 대응하기 위한 도구다. 상황에 맞게 적절한 수준으로 적용하여 개발 효율성과 코드 품질 사이의 균형을 찾아야 한다. 비즈니스 임팩트를 만들어내는 것이 핵심임을 잊지 말고, 클린 코드에 대한 열정을 비즈니스 가치 창출까지 연결시켜야 한다.

클린 코드와 비즈니스 임팩트

A modern JavaScript library for handling Hangul characters. - toss/es-hangul

GitHub - toss/es-hangul: A modern JavaScript library for handling Hangul characters.

es-hangul
은 쉽게 한글을 다룰 수 있도록 돕는 JavaScript 라이브러리입니다. 토스에서 오픈소스로 공개하고 유지보수 중인 라이브러리로, 2024년 4월 11일에 첫 커밋된 따끈따끈한 라이브러리입니다. (히스토리를 보면 원래 공개되있던 toss/slash의 @toss/hangul 패키지가 분리된 것으로 보입니다.)

한글 특성 상 국내 개발자들의 기여가 많이 필요한 영역이기 때문에, 유지보수가 쉽지 않습니다. Hangul.js, Josa.js 같은 유명한 라이브러리들도 몇 년 전 커밋을 마지막으로 관리가 멈춰있습니다. 이런 점에서
es-hangul
의 가치가 더욱 빛나는 것 같습니다.

es-hangul
에서 사용할 수 있는 일부 함수들의 예시를 정리해보았습니다.

chosungIncludes
: 단어가 해당 초성을 포함하는지 여부를 반환하는 함수
import { chosungIncludes } from 'es-hangul'

chosungIncludes('프론트엔드', 'ㅍㄹㅌ') // true

combineHangulCharacter
: 인자로 초성, 중성, 종성을 받아 하나의 한글 문자를 반환하는 함수
import { combineHangulCharacter} from 'es-hangul'

combineHangulCharacter('ㄱ', 'ㅏ', 'ㅂㅅ') // '값'
combineHangulCharacter('ㅌ', 'ㅗ') // '토'

josa
: 조사 붙여주는 함수
import { josa } from 'es-hangul';

josa('샴푸', '이/가') // '샴푸가'

josa('바깥', '으로/로') // '바깥으로'

disassembleHangul
: 자모 해체하는 함수
import { disassembleHangul } from 'es-hangul'

disassembleHangul('값') // 'ㄱㅏㅂㅅ'

combineHangulCharacter
: 인자로 초성, 중성, 종성을 받아 하나의 한글 문자를 반환하는 함수
import { combineHangulCharacter } from 'es-hangul'

combineHangulCharacter('ㄱ', 'ㅏ', 'ㅂㅅ') // '값'

removeLastHangulCharacter
: 인자로 주어진 한글 문자열에서 가장 마지막 문자 하나를 제거하여 반환하는 함수
import { removeLastHangulCharacter } from 'es-hangul'

removeLastHangulCharacter('안녕하세요 값') // '안녕하세요 갑'
removeLastHangulCharacter('프론트엔드') // '프론트엔ㄷ'

https://github.com/toss/es-hangul

<code>es-hangul</code>은 쉽게 한글을 다룰 수 있도록 돕는 JavaScript 라이브러리입니다. 토스에서 오픈소스로 공개하고 유지보수 중인 라이브러리로, 2024년 4월 11일에 첫 커밋된 따끈따끈한 라이브러리입니다. (히스토리를 보면 원래 공개되있던 toss/slash의 @toss/hangul 패키지가 분리된 것으로 보입니다.) 한글 특성 상 국내 개발자들의 기여가 많이 필요한 영역이기 때문에, 유지보수가 쉽지 않습니다. Hangul.js, Josa.js 같은 유명한 라이브러리들도 몇 년 전 커밋을 마지막으로 관리가 멈춰있습니다. 이런 점에서 <code>es-hangul</code>의 가치가 더욱 빛나는 것 같습니다. <code>es-hangul</code>에서 사용할 수 있는 일부 함수들의 예시를 정리해보았습니다. <code>chosungIncludes</code>: 단어가 해당 초성을 포함하는지 여부를 반환하는 함수<pre><code class="language-js">import { chosungIncludes } from 'es-hangul'

chosungIncludes('프론트엔드', 'ㅍㄹㅌ') // true</code></pre> <code>combineHangulCharacter</code>: 인자로 초성, 중성, 종성을 받아 하나의 한글 문자를 반환하는 함수<pre><code class="language-js">import { combineHangulCharacter} from 'es-hangul'

combineHangulCharacter('ㄱ', 'ㅏ', 'ㅂㅅ') // '값'
combineHangulCharacter('ㅌ', 'ㅗ') // '토'</code></pre> <code>josa</code>: 조사 붙여주는 함수<pre><code class="language-js">import { josa } from 'es-hangul';

josa('샴푸', '이/가') // '샴푸가'

josa('바깥', '으로/로') // '바깥으로'</code></pre> <code>disassembleHangul</code>: 자모 해체하는 함수<pre><code class="language-js">import { disassembleHangul } from 'es-hangul'

disassembleHangul('값') // 'ㄱㅏㅂㅅ'</code></pre> <code>combineHangulCharacter</code>: 인자로 초성, 중성, 종성을 받아 하나의 한글 문자를 반환하는 함수<pre><code class="language-js">import { combineHangulCharacter } from 'es-hangul'

combineHangulCharacter('ㄱ', 'ㅏ', 'ㅂㅅ') // '값'</code></pre> <code>removeLastHangulCharacter</code>: 인자로 주어진 한글 문자열에서 가장 마지막 문자 하나를 제거하여 반환하는 함수<pre><code class="language-js">import { removeLastHangulCharacter } from 'es-hangul'

removeLastHangulCharacter('안녕하세요 값') // '안녕하세요 갑'
removeLastHangulCharacter('프론트엔드') // '프론트엔ㄷ'</code></pre>https://github.com/toss/es-hangul

GitHub

현대적인 JavaScript 한글 라이브러리, es-hangul

저부터 고백하자면, 수도 없이 경험한 것 같습니다. 팀에서 보고서 템플릿을 바꿔서 예전 내용을 옮겨야 할 때, 고객사 별로 같은 문서에 내용만 다르게 사용하고 있었는데 하나 수정하면 다른 곳도 다 일일이 바꿔줘야 할 때... 사용하는 툴에 따라 이런 일이 매우 적을 수는 있지만, 그래도 최소 한 번쯤은 이런 경험을 하셨을 거예요.

다음 분기에 5개월 일하기 vs. 지금 5시간 논의하기

DB 설계 (혹은 DB 마이그레이션) 관련 업무를 진행할 때, 기획자는 어떤 것들을 챙기면 좋을까요? 막연하게 개발팀에서 알아서 잘 하겠지... 라고 미뤄뒀다가 나중에 큰 고생을 하는 것을 방지하기 위해서 ㅎㅎ 기획 단계에서 챙겨야 하는 것들에 대해 정리한 아티클입니다. 실제로 알라미에서 동기화 기능을 개발하면서, 중간중간 담당자들 머리를 아프게 했던 사례들을 기반으로 쓴 글인데요. 되돌리기 어려운 의사결정들을 초기에 어떻게 잘 할 수 있는지 살펴보시면 좋을 것 같네요.

DB 설계 (혹은 DB 마이그레이션) 관련 업무를 진행할 때, 기획자는 어떤 것들을 챙기면 좋을까요? 막연하게 개발팀에서 알아서 잘 하겠지... 라고 미뤄뒀다가 나중에 큰 고생을 하는 것을 방지하기 위해서 ㅎㅎ 기획 단계에서 챙겨야 하는 것들에 대해 정리한 아티클입니다. 실제로 알라미에서 동기화 기능을 개발하면서, 중간중간 담당자들 머리를 아프게 했던 사례들을 기반으로 쓴 글인데요. 되돌리기 어려운 의사결정들을 초기에 어떻게 잘 할 수 있는지 살펴보시면 좋을 것 같네요.

[다음 분기에 5개월 일하기 vs 지금 5시간 논의하기]

[2020 Ads Leaderboard] Trueview for Action edition

💬2020 유튜브 트루뷰 포 액션 영상 탑 10💬

#유튜브 광고 상품 중에서 브랜딩과 퍼포먼스를 한꺼번에 고려할 수 있게 해주는 상품이 바로 트루뷰 포 액션이다. 기본적으로 영상을 보기 전, 중간, 끝에 들어가는 트루뷰 인스트림의 포맷을 하고 있지만, 광고주가 원하는 웹페이지로 랜딩시켜주기 보다 쉽도록 콜투액션 버튼이나 배너 버튼이 일반 트루뷰 인스트림 광고보다는 더 많이 추가되는 방식이다. 

#아무래도 전환을 염두에 둔 상품으로 사용된 영상이다보니, 페이스북에서 자주 볼 수 있는 형태의 실험이나 실제 사용 후기 등 브랜딩에 사용된 이미지나 스토리텔링형 영상보다는 좀 더 즉각적인 액션을 유도하는 영상들이 대부분이다. 광고주의 아이템도 대부분 생활용품이나 교육 프로그램처럼 B2C 마케팅을 주력으로 하는 회사들을 많이 찾아볼 수 있다. 유튜브에서 브랜딩 뿐만 아니라, 퍼포먼스까지 목표로 하는 트루뷰 포 액션 상품을 집행하고자 한다면, 유튜브에서 선정한 탑 10 영상들을 미리 보고 스터디해두는게 도움이 될 수 있을 듯 하다.

YouTube

프로덕트 매니저/서비스 기획

한주현

장은별

그루빈(groovin) Co-Founder

김담인

‘나만의 스타일을 구제하다’ - 빈티지 패션 쇼핑플랫폼 그루빈(groovin)을 운영하고 있습니다.
@iamgroovin

대학생 창업자로서 스타트업 관련 글들을 읽고 느낀점을 공유합니다. 감사합니다.

퍼플라이언즈

심사위원

홍보 담당

Co-founder

IMC Manager

이사

Agency Solutions Lead

정보미디어 MBA

송재오

"Think big, Start small" 전략은 크게 실행은 빠르게를 지향하는 디지털 마케터이자 늘 새로운 광고를 고민하는 기획자.   브랜드와 대행사를 두루 거쳐 현재는 MCN에서 세상에 없던 광고 사업을 고민하고 있습니다.

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필