복잡한 시스템을 익힐 때 아무리 서류를 여러 번 읽어보고 연구해 봐도 이해하는 데 시간이 꽤 걸릴 수도 있어요. 주니어시절 아키텍처를 이해하는 데 어려움을 많이 겪었던 것 같아요. 아키텍처를 이해하는 데 도움 되었던 방법 몇 가지 적어 봅니다.

1️⃣ 서류를 읽어보며 상위 설계 대충 이해해 보기

시스템 설계를 설명하는 서류나 학습 자료가 있다면 한 번 훑어보면서 대충 상위 레벨 아키텍처를 스스로 이해해 보려고 노력한다. 자료를 읽는다고 바로 이해되는 건 아니지만, 대충 큰 그림을 이해하고 코드를 읽어 보면 아키텍처를 이해하는 데 큰 도움이 된다.

서류가 없는 경우, 이 단계를 스킵하고 다음 단계부터 시작하면 된다.

2️⃣ 코드 읽어 보면서 시스템 설계 다이어그램 직접 그려 보기

스케일이 큰 시스템의 코드베이스는 굉장히 복잡하고 하나하나 꼼꼼하게 읽어 보면서 그릴 수 없다. 그렇지만 최대한 중요한 코드를 파악하고 컴포넌트가 어떤 역할을 하고 컴포넌트 간 어떤 상호 작용을 하는지 다이어그램을 그려 보며 스스로 설계해 본다. 다이어그램이 완벽하지 않아도 된다. 요점은 스스로 코드를 파해쳐 보며 설계해 보는 게 자료만 읽는 것보다 아키텍처를 이해하는 데 더 도움 된다.

이 방법은 마치 알고리즘 문제 풀기와 비슷하다. 기본적으로 알고리즘 개념을 책을 읽거나 유투브 강의를 보며 익힌 다음 직접 문제를 풀어 보면서 연습해야 '내 것'으로 만들 수 있다. 아키텍처도 비슷한 방식으로 접근하는데, 설계 경험 충분하지 않다면 실무에서 아키텍처를 익히려면 직접 그려보고 설계해 보는 게 가장 중요하다.

또한 이런식으로 아키텍처 다이어그램을 직접 그리면 설계 서류를 작성하고 설계 면접을 준비하는 데 도움 된다.

3️⃣ 선임에게 다이어그램 보여 주며 설명해 보기

스스로 그려 본 다이어그램을 관련 아키텍처를 잘 아는 선임에게 보여 주며 스스로 익힌 점을 설명해 보자. 틀려도 괜찮다. 요점은 시스템을 잘 아는 선임에게 내가 이해한 시스템을 설명하고 선임이 틀린 점을 바로 알려주면서 내가 모르는 점을 알게 되고 틀린 점을 바로 고칠 수 있다. 

예를 들어, 주니어 시절 선임이 '학습 세션(learning session)'을 통해 다이어어그램을 그리며 신입사원에게 아키텍처를 설명해 줬는데, 세션이 끝나도 그 시스템을 이해하지 못했다. 물론 어느 정도 상위 수준의 아키텍처를 이해할 수 있었지만, 정보를 흡수만 하는 게 시스템을 익히는 데 큰 도움이 되지 않았다. 

어렵더라도 내가 스스로 익혀보고 설계를 해보면서 선임에게 반대로 알려 주면서 상호적인 학습 세션을 통해 배우면 개념을 훨씬 빠르고 깊게 익힐 수 있었던 것 같다.

4️⃣ 팀원에게 다이어그램 그리며 시스템 설명해 보기

'가르치면서 배운다'는 걸 느낀 적이 있는데, 아키텍처를 가르쳐 주면서 팀원들이 모르는 점을 물어본다. 모든 질문에 대답할 수도 있고 없을 수도 있지만, 없어도 괜찮다. 내가 알지 못한 점을 다른 사람의 질문을 통해 알 수 있고, 스스로 공부했을 때 그냥 지나쳤을 수도 있는 아키텍처의 디테일한 점을 익힐 수 있다. 종종 생각지도 못한 질문을 받고 그 질문에 관한 답변을 찾으면서 스스로 공부했을 때 보다 더 많은 양의 정보를 흡수할 수 있다.

5️⃣ 상호작용하는 학습 세션 만들기

스텝3과 스텝4를 할 수 없는 상황이라면 팀원끼리 모여 함께 다이어그램을 그리며 설계를 설명해 보는 건 어떨까? 같이 배우면 혼자 배우는 것보다 더 많은 양의 정보를 흡수할 수 있다.

🪴 함께 읽으면 좋은 글

라지 스케일 시스템을 구현하는 개발자가 아는 것
https://careerly.co.kr/comments/90638

개발자가 꼭 봐야 할 책 - 데이터 중심 애플리케이션 설계
https://careerly.co.kr/comments/67004

초당 1억 건의 요청 S3 스케일의 스토리지 구축, 운영, 관리
https://careerly.co.kr/comments/88808

복잡한 시스템 빨리 이해하는 법

설계 다이어그램 그려보는건 꼭해봐야겠네요. 너무 좋은 팁입니다 감사해요

I've seen a lot of true believers argue for virtues of their favorite paradigms and methods over the decades working in software. And mostly, I look at people with a passionate preference and smile. Isn't it great that people care so much about their craf

Open source hooliganism and the TypeScript meltdown

JavaScript/TypeScript를 하시는 분들은 많이들 들어보셨을 DHH가 Turbo라는 프로젝트에서 TypeScript 지원을 없애면서 논란이 된 사건이고 링크한 글은 이 사건 뒤에 DHH가 그에 대한 생각을 적은 글입니다.

요즘 이걸로 TypeScript 계속 공부해도 되느냐까지 얘기나오기도 한다던데(전 그럴정도의 일인가 싶긴 합니다.) 사건을 요약해보면 

- DHH는 Ruby의 Rails 웹 프레임워크를 만든 사람입니다. 
- 이 사람이 만든 프로젝트중에 Hotwire라는 프로젝트가 있습니다. JavaScript 대신 HTML을 써서 웹 어플리케이션을 만드는건데 Hotwire 밑에 Turbo와 Stimulus라는 프로젝트가 있습니다.  어떤 프로젝트인지는 별로 중요하지 않습니다. 
- 이 Turbo 프로젝트에서 TypeScript 지원을 제거하는 PR이 올라왔고 이 PR을 많은 반대에도 불구하고 바로 머지되어 버립니다.(https://github.com/hotwired/turbo/pull/971 PR 참고) DHH는 트위터에 타이핑 없이도 JavaScript를 즐길 수 있어야 한다는 트윗도 올리고(https://twitter.com/dhh/status/1699427078586716327 트윗 참고) 이에 대한 글도 썼씁니다.(https://world.hey.com/dhh/turbo-8-is-dropping-typescript-70165c01)
- 사용자들은 이에 크게 반대하면서 다시 TypeScript를 지원하는 PR을 올리지만 DHH가 메인테이너이므로 이 PR은 닫혀버립니다. 
- 이후로 이일과 관련해서 다양한 의견이 대립하면서 논란이 됩니다.

이 일후에 링크건 글을 올리면서 이 일은 오픈소스 홀리건주의이며 Turbo를 쓰지도 않는 사람들이 TypeScript의 명예를 지키기 위해 나선 일이라고 비판하며 오픈소스를 사랑한다면 악의 찬 비방 대신 열정을 표현할 다른 방법을 찾아달라고 했습니다. 

개인적으로 DHH를 그리 좋아하진 않습니다만 그럼에도 생각해 볼만한 일도 꽤 있다고 생각하고 이에 대한 반응도 다양하게 있었습니다. 

- Parcel을 만든 Devon Govett은 라이브러리 관리자에게 TypeScript가 강제된다는 점이 아쉽다고 했습니다. 이는 어플리케이션 개발자는 JavaScript를 쓸지 TypeScript를 쓸지 선택할 수 있지만 라이브러리의 사용자는 JS/TS 둘다 있기 때문에 라이브러리 관리자는 선택권 없이 타이핑을 제공해야 하는 점을 지적한 것입니다. 실제로 수많은 JS 프로젝트에는 TS 지원에 대한 이슈나 PR이 있고 메인테이너가 관리하지 않는 경우는 서드파티로 외부에서 d.ts 타입 정의를 제공하는 경우도 많은데 본진(?)에서 함께 관리되지 않기 때문에 바로 따라가지 못하는 등의 이슈가 있습니다. 

- PHP 프레임워크인 Laravel을 만들 Taylor Otwell은 오픈소스 라이브러리 작성자는 자신의 행복을 위해 최적화할 수 있어야 하고 다른 사람은 포크할 자유가 있어야 한다고 했습니다. 오픈소스 관점에서 당연히 맞는 말입니다. DHH 방식이(항상 그렇듯이) 꽤 거칠긴 했지만 오픈소스 프로젝트 메인테이너들이 사용자들한테 월급을 받거나 뭔가 빛진것도 아니기 때문에 메인테이너들은 자신의 열정과 관심을 계속 유지할 수 있는 최선의 방법으로 움직여야 하고 그렇지 않으면 프로젝트는 멈추기 마련입니다. 그 방향이 맘에 들지 않으면 포크해서 새로 만들수 있는 것이 오픈소스의 장점입니다. 

- Sevelte를 만든 Rich Harris은 각자 취향이기는 하지만 라이브러리에서 타입을 제거하는 것은 사용자를 적대시하는 멍청한 짓이라고 비판했습니다. 최근 Rich Harris는 Svelte에서 비슷한 이유로 TypeScript를 제거했습니다. 대신 JSDoc을 사용해서 사용자에게는 타입을 제공하는 방식으로 프로젝트로는 JavaScript를 사용하면서도 TypeScript 사용자가 타입을 그대로 사용하도록 지원했습니다. 이러한 결정을 하면서 많은 고민을 했을테니 그 고민이 담긴 발언이라고 생각합니다.

https://world.hey.com/dhh/open-source-hooliganism-and-the-typescript-meltdown-a474bfda

코드 및 설계 리뷰할 때 ‘내 설계가 아니니까.. 내 코드가 아니니까…’라는 생각 하시나요? 어떤 마음 가짐으로 리뷰하시나요? 

모든 검토자에게는 암묵적인 책임이 따르며, 문제가 생길시 작성자만큼 큰 책임을 져야하는 것 같습니다. 검토자에게 따라는 커다란 책임과 제가 생각했을 때 가져야할 마음가짐에 관해 몇 자 적어 봅니다. 그리고 코멘트에 여러분은 어떤 마음가짐으로 검토하는지, 또는 좋은 리뷰 문화를 만들기 위해 지금 하고 있는 게 무엇인지 가르쳐 주세요!

1️⃣ 코드 작성자만큼 책임을 진다는 마음가짐

”내 일이 바삐서 또는 내 책임이 아니니까“라며 책임을 회피하면 안된다. 관련 코드로 인한 문제 발생 시 ’코드 작성자만큼 문제에 대한 책임을 져야한다‘라는 자세를 가져야 한다. 코드를 작성하는 것만큼 중요한 게 코드 리뷰며, 검토자가 대충 승인해 버리면 코드 리뷰 프로세스가 있으나 마나다(이럴 바에 코드 리뷰 프로세스가 차나리 없는 게 나을 정도다…). 

코드를 작성하며 놓치는 부분이 반드시 있기 마련이고 ‘코드를 읽기만 할 때’ 보이는 허점이 반드시 있다. 논문 쓸 때작성할 때는 몰랐지만 다 적고 다시 읽어 보면 실수가 눈에 보이듯 코드 리뷰도 그만큼 중요한 역할을 한디. 

2️⃣ 제대로 되지 않은 설계는 만성적인 골칫덩이라는 마음가짐

설계 검토할 때 의견을 내지 않거나 따로 피드백을 주지
않을 수 있다. 문서를 보고 대충 다이어그램이 맞으면 ‘이 설계 괜찮군’이라고 생각하고 넘길 수 있다. 그러나, 잘못된 (또는 미완성된) 설계의 역효과는 수 년 또는 수십 년 지속되며, 최악에는 리팩토링 또는 재설계를 해야 한다. 예컨대 이미 설계를 완료한 상태에서 새 기능을 추가한다고 생각해 보자. 초창기 설계 당시 이 가능성을 염두해 두지 않고 특정 기능에 적합한 설계를 한다. 처음 몇 년은 괜찮아도 수년이 지나 비지니스 니즈 때문에 새 기능을 넣을 때야 비로소 ‘이 아키텍처로 도저히 새 기능 추기가 불가능하군’이라고 느낀다. 이 때 문제를 고치기엔 너무 늦었다. 왜냐하면 최악으로 설계를 다시하거나 리펙토링을 해야 하기 때문이다. 또는 미완성된 또는 흠이 많은 아키텍처를 기반으로 한 서비스는 운영 및 관리 비용이 많이 들 수 있다(고로 내 일이 필요 이상으로 힘들어 진다…). 

설계할 때 또는 설계를 검토할 때 시스템에 중요한 extensibility, scalability, availability, reliability, durability, consistency 등등 여러 각도에서 생각해 보자. 

3️⃣ ‘질문하는 것‘이 좋은 피드백이 된다는 마음가짐

대게 주니어 또는 신입사원일 때 잘 몰라서 피드백을 제공하지 않는다. 시스템을 잘 모른다며 검토하지 않은 것은 문제를 방관하는 것과 같다. 잘 모른다면 작성자에게 모르는 점을 ‘질문‘함으로써 유익한 피드백을 줄 수 있다. 의외로 많은 사람들이 ‘질문의 힘‘을 모르는데, 질문을 통해 작성자는 틈을 발견하고 더 나은 코드와 설계를 할 수 있게 된다. 

내가 주니어 개발자였을 때 내가 하는 말을 아무도 들어 주지 않을 것 같아서(지금 생각해 보면 자신감이 없었던 것 같다) 피드백을 주지 않았던 적이 있었다. 돌이켜 보니 자신있게 질문하며 잘 몰라도 설계의 틈을 피헤쳐 봤어야 했다. 의외로 주니어 개발자 동료가 질문하고 내가 그 질문에 관한 답을 찾다가 코드나 설계의 흠을 찾게 된 경우가 수없이 많았다. 

4️⃣ ’돌다리도 두들겨 보고 건너라‘라는 마음가짐

‘돌다리도 두들겨 보고 건너라’라는 말이 있듯 아무리 시스템을 잘 알고 똑똑한 선임도 실수한다. 나보다 직급이 높거나 오래 근무한 팀원이 하는 일이 무조건 맞다고 생각하면 안 된다. 잘 알 수록 실수할 경우의 수가 낮을 수는 있어도 그 수가 완전히 0가 되지 않는다.

5️⃣ 리뷰를 통해 성장한다는 마음가짐

’내가 직접 코드를 작성하고 설계를 해야 성장한다‘는 건 맞는 말이지만 리뷰를 통해 더 큰 성장을 이룰 수 있다. 다양한 사람들이 작성하는 코드와 설계를 보며 ’이렇게 코드를 작상할 수 있구나!‘ 또는 ’이런 설계법이 있구나!’라는 것을 알게 된다. 또한 다른 사람이 한 실수나 나쁜 습관를 보며 ‘나는 이런 실수를 하지 말아야지‘라는 것을 배울 수 있다. 즉, 리뷰하는 것을 시야를 넓힐 수 있고 배움의 기회로 여겨야 한다.

6️⃣ 리뷰를 통해 멘토링한다는 마음가짐

선임이 후임을 멘토하는 방법으로 일대일 면담만 있는 건 아니다. 검토 과정을 통해 유익한 피드백을 남기면서 그들에게 좋은 멘토가 될 수 있다. 예전에 유독 리뷰에 관심이 많고 피드백을 자주 남겨주는 동료가 있었다. 내 할 일도 바쁜데 리뷰를 열심히 해주는 게 고맙기도 했고 한편으론 이해가 안됬었다. 하지만 돌이켜 보니 일대일 면담으로 멘토링을 따로 받는 것보다 오히려 그 동료의 리뷰를 통해 정말 많은 걸 배웠다.

멘토링이 단순히 주니어나 중간 개발자에게만 도움 되는 건 아니다. 그들의 역량을 기르면 내 일도 쉬워진다. 역량이 높은 팀원들과 일하면 나도 계속 성장할 기회를 얻는다.

검토자에게 따르는 커다란 책임

The Product-Minded Software Engineer by Gergely...

제품 중심 개발자 되기

바로 제품중심으로 생각할 줄 아는 개발자이다. (Product-Minded Software Engineer) 
"나쁜 엔지니어들은 기술에만 너무 집중합니다. 훌륭한 Product Engineer들은 사랑 받는 제품을 만들기 위해 제품 개발 과정에서 적절한 깊이로 고민 해야 한다는 사실을 압니다." 
Shopify의 head of engineering인 Jean-Michel Lemieux은 Product Engineer를 위와 같이 정의했다.

나는 기획이라는 업을 한 지 약 7~8년차가 되었고, 프리랜서/인하우스 둘 다 경험해 보았을 때
다양한 스타일의 개발자들을 만나왔다. 사람의 성격이나 성향, 기질은 둘째 치고 
함께 일할 때 즐거움을 주었던 분들의 특징은  바로 제품에 대해 "생각"이라는걸 할 줄 안다는 것이었다. 

내 경험이다만, 일단 제품 중심 개발자는 질문하는 것도 행동하는 것도 달랐다. 

1. 이 기능이 왜 필요한지 정확히 이해하기 위해 많은 질문을 던진다.
2. 이를 테스트하고 수정된 사양에 포함된 일부 제안을 가져온다.
3. 빠르게 기능을 구축하고 피드백을 얻는다.
4. 기능을 출시한 후에도 예상과 일치하는지 계속해서 확인한다.
5. 예상과 달랐을 때, 결과를 깊이 파고들어 실제 세계에서의 제품 사용에 대해 새로운 것을 배운다.

(주니어~미들이지만 위 1번부터 5번 모두 해당하는 Frontend 개발자 분이 계셨다. 그 사람의 개발 실력이 어떻든 간에 만약 내가 창업을 한다면, 가장 먼저 영입 하고 싶은 분이기도 하다.)

반면 "기획서 나오면 검토할게요". "안됩니다." "6개월 이상 걸립니다." "기능정의서 먼저 주세요." "화면 보고 얘기하시죠." "그때 자세히 못봤는데 지금 보니 이거 못합니다." 라는 대답만 나오는 개발자와는 그닥 즐겁게 일하지는 못했던 것 같다.  

제품 중심으로 생각할 줄 아는 개발자는 각 프로젝트 이후, 제품 이해력이 깊어지고 더 나은 제품 직감력을 발휘 하기 시작한다. 길가에 그냥 지나쳤던 나무가 플라타너스 나무로 보이듯이, 감각이 생기면 문제 해결도 빨라지고 수월해지는 것이다. 이 과정에서 제품 중심 개발자는 더 많은 커리어 성장 기회를 얻는다.

📌 제품 중심 개발자가 되기 위한 팁
사용자가 있는 제품을 개발하고 있다면, 제품 중심 마인드를 키우는 데 도움이 되는 몇 가지 팁이 있다. 이러한 팁은 제품 중심 개발자로 성장하는 데 효과적인 것으로 보인다.
(아티클 원문에서 내가 깊게 공감하는 것만 뽑아 봤다. 약간 수정포함)

1. 회사의 존재 이유를 이해하기. 
비즈니스 모델은 무엇인가? 어떻게 수익을 창출하나? 어떤 부분이 가장 이윤이 많으며 어떤 부분이 가장 확장되고 있나? 왜 그럴까?

2. PM과 좋은 관계를 구축하기. 
대부분의 PM은 개발자를 멘토링할 기회에 기뻐한다. (말걸어주면 기쁘다.)
개발자들이 제품에 관심을 가지면 자신의 역량을 확장할 수 있다. 물론 제품 관련 질문을 많이 하기 전에 좋은 관계를 구축하고, PM에게 제품에 더 많이 관여하고 싶다고 분명히 전하는 것이 좋다.

3. 타당한 제안 제시하기. 
비즈니스, 제품 및 이해관계자에 대한 좋은 이해를 갖게 된 후에는 제품 개발에 대한 이니셔티브를 가져갈 수 있다. 

4. PM(기획자)에게 피드백 자주 요청하기. 
훌륭한 제품 중심 개발자가 되기 위해서는 기존의 엔지니어링 기술에 더해 제품 기술을 개발해야 한다. 제품 기술에 대한 당신의 성과를 어떻게 평가하는지 가장 잘 아는 사람은 PM(기획자)이다. 제품 제안이 얼마나 가치 있는지에 대한 피드백을 얻고, 추가 성장을 위한 아이디어를 얻기 위해 PM에게 연락한다.

물론 저런 것이 적성에 맞지 않고 도저히 힘든 사람들도 있기에 이 세상 모든 개발자에게 강요할 수는 없을 것이다. 어디까지나 내가 맞는 직군, 내게 맞는 회사나 조직, 프로젝트에 맞춰서 일하면 될 것이다. 내 의견이 반영 되는 것이나 주도적으로 일하는 것이 버거운 사람도 있는 것일테니 말이다. (그렇다면 프리랜서나 SI/SM을 추천한다. 불안정하지만, 오히려 월 단가는 훨씬 더 높다.)

커리어를 건강하게, 차곡차곡 쌓아 올라가고 싶은 사람에게는 제품개발 사고능력이 필수라고 본다. 나는 그런 개발자와 함께 일하고 싶다. 

원문: https://eopla.net/magazines/6578

PM(기획자)인 내가 함께 일하기 좋아하는 개발자는

I quit my job. I'm now unemployed. I remember daydreaming about making an aggregation site for flash games back when I was 10 years old.

I quit my job to make free web tools

트위터 광고를 통해 우연히 https://www.nslookup.io/dns-course/ 라는 DNS 의 동작원리를 설명하는 강의가 할인 중이라는 소식을 알게 됐어요.

nslookup.io 는 @Ruurtjan 이라는 분이 개발한 사이드 프로젝트(?)인데, 다양한 형태의 DNS Query를 Website에서 요청해 볼 수 있는 서비스에요.

DNS의 구성에 대해 학습했던 다른 분들의 글을 커리어리에 몇번 링크했던 적이 있었는데, 이 서비스 역시 관심이 가서, 살펴보다보니 해당 서비스 저자의
https://www.nslookup.io/blog/i-quit-my-job/ 라는 글을 발견하게 되었어요.

상당히 흥미로웠던 것은, 회사를 그만두고 셀프채용(?)을 하게 된 계기를 설명하면서
10살 때 시작했던 플래시 게임 모음 사이트 부터의 사이드 프로젝트 경험, 17개의 사이드 프로젝트와 실패했던 이유들, 그리고 현재까지 살아남아 생존에 도움을 주는(수익이 나는) 프로젝트들에 대해서 설명해요.

글의 중간에, 회사에 소속되지 않은 개발자를 도전하게 되었던 건 (개발자를 찾는 회사가 많기 때문에) 실패할 경우 언제든 다시 회사에 입사할 수 있고, 그동안 했던 저축과, 차를 사지 않는 등의 절약으로 어느정도 생활을 유지할 수 있는 환경이 되었다는 것.

그리고 성공적으로(?) 유지하고 있는 2개의 사이드 프로젝트에서 얻는 비용이 12개월 후를 예상해보면 월 3000~4000유로(3450~4600달러) 정도까지 증가할 것이라는 기대가 있기 때문이라고 하는데요.

(글의 업데이트로 14개월 후에 목표를 달성했다고 하네요. :))

글의 말미에는 본인의 프로젝트들을 어떤 형태로 유료서비스로 만들고 광고할지... 어떻게 하면 더 많이 노출시킬지 계획이 적혀있어요. (어떻게 보면 DNS에 관심있는 저에게 강의 광고가 노출되었던 건 이 계획 중에 하나일까요?)

하나하나 링크를 클릭하다보니, 아 개발자로서 이런 길도 선택할 수 있구나.
사이드 프로젝트의 성공을 위해서 17개나 되는 다양한 실패와 성공을 반복했구나. 하고 자극이 되어서(?) 글을 공유해봐요.

NsLookup.io

17개의 사이드 프로젝트 중 성공한 2개의 프로젝트로 개인개발자 되기.

TypingMind, Xnapper, BlackMagic, DevUtils의 개발자 Tony Dinh이 회사를 퇴사하고 3년만에 월 수익 5,500만 원을 버는 Indie Hacker가 된 과정과 제품 성공 이야기를 전합니다.

🗞️ 베트남 개발자가 사이드 프로젝트로 월 5천만원 벌게 된 이야기

안녕하세요 :) 
오늘은 베트남에서 혼자 2일만에 개발한 ChatGPT 껍데기 서비스로 월 4,000만원 버는 Tony Dinh 이야기를 준비했습니다.

Tony는 7년간 개발자로 일하다 사이드 프로젝트를 위해 퇴사한 후, 단 3년 만에 베트남 월 평균 임금의 166배를 벌고 있습니다. 어떻게 가능했을까요? 그의 지난 3년을 핵심만 정리해서 이 글👇에 담았습니다. 

전체 내용 보기 ➡️ https://www.sidehustlerstory.com/p/tony-dinh/?ref=careerly.co.kr

👇 전체 목차입니다. 내용 이해에 이미지가 필요한 부분이 많아서 이 글에는 목차만 공유합니다.

📌 시작: 사이드 프로젝트 for 재미+취업 😆💼
📌 선 퇴사 😎, 후 개발 👨‍💻
📌 Tony의 연봉 히스토리 💸
📌 풀스택 개발자의 풀스택 제품 라인업 🤹
📌 첫 성공: DevUtils 🛠️
📌 Cool & Free 제품으로 바이럴 타기: BlackMagic 🎩
📌 BlackMagic을 1억 7천만원에 팔 수 밖에 없었던 드라마 🎬
📌 2022년에 스크린샷 앱을 만든다고? Xnapper 📸
📌 ChatGPT 껍데기로 매 달 4천만원 벌기: TypingMind 🧠
🎁 60일 만에 월 수익을 7배 증가시킨 베타 테스팅 전략 ($300 → $2,164) 📈
🎁 구매 취소율 80% 위기를 극복한 방법 🏋️‍♂️
🎁 BlackMagic 인수 제안(7억 원)을 거절한 뒷 이야기와 이 과정에서 배운 것들 👋
🎁 5번이나 프로덕트 헌트 1위 등극한 Tony의 런칭 전략 🥇
🎁 Tony가 제품 개발에 활용한 기술 스택 🛠️

전체 내용 보기 ➡️ https://www.sidehustlerstory.com/p/tony-dinh/?ref=careerly.co.kr

사이드허슬러스토리

ChatGPT 껍데기로 월 4천만원 버는 베트남 개발자 이야기

돈이야기만 있고 프로젝트 소개는 미미 하네요

컴공선배 인터뷰 마지막 편이 업로드 됐습니다. 이번엔 ‘좋은 개발자가 만들어지는 과정’이라는 제목으로 정리해주셨네요!

좋은 코드, 지식공유의 이점, 멘토 찾는 법 등에 대해 이야기 나눴습니다. 퇴근 길에 가볍게 시청해주셔도 좋을 것 같습니다.

https://youtu.be/ouFkgwqE2dw?si=Zi5y6O5JfbAUFxAe

YouTube

📺 좋은 개발자가 만들어지는 과정

개발자 면접은 어떻게 진행될까? | 처음 이직 시도를 했을 때가 떠오릅니다. 별 근거도 없이 자신만만하던 4년 차 때, 평소 실력만 믿고 당당하게 기술 면접에 뛰어들었죠. 면접은 생각보다 훨씬 어려웠고, 결과는 처참했습니다. 식은땀을 삐질삐질 흘리며 겨우 첫 라이브 코딩 테스트를 마쳤던 기억은 쉽사리 잊히지 않습니다. 그렇게 직접 부딪혀 보고 나서야 깨달았어요.

개발자 면접 유형 총정리

개발자 면접을 준비하고 계신가요? 어디서부터 어떻게 시작해야 할지 몰라 막막하신 분들을 위해 개발자 면접 대비 키트를 준비했습니다! 제가 지금까지 썼던 개발자 면접 준비 관련 글과 추천 자료를 한 곳에 모았습니다. 적극 활용하셔서 면접에 잘 대비하시길 바랍니다! 

0️⃣  면접 유형 파악하기

- 개발자 면접 유형 총정리: https://careerly.co.kr/comments/66132

1️⃣ 코딩 면접

[추천 글]
- 코딩 테스트를 위해 꼭 공부해야 할 이론: https://careerly.co.kr/comments/66531
- 코딩 테스트에 완벽하게 대비하기 위해 해야 할 6가지: https://careerly.co.kr/comments/66559
- 라이브 코딩 테스트 실전 5단계 가이드: https://careerly.co.kr/comments/66693

[기출 문제 플랫폼]
국내
- 프로그래머스: https://school.programmers.co.kr/learn/challenges?tab=all_challenges
- 백준: https://www.acmicpc.net
- 삼성 SW Expert Academy: https://swexpertacademy.com/main/main.do

해외:
- LeetCode: https://leetcode.com/problemset/all
- HackerRank: https://www.hackerrank.com
- Codility: https://www.codility.com

2️⃣ 시스템 설계 면접

[추천 글]
- 소프트웨어 시스템 설계 시 고려할 세 가지: https://careerly.co.kr/comments/67065
- 시스템 설계 면접 준비 방법: https://careerly.co.kr/comments/67313

[추천 자료]
도서
- 데이터 중심 애플리케이션 설계 (원제: Designing Data-Intensive Applications): https://search.shopping.naver.com/book/catalog/32466573690
- 가상 면접 사례로 배우는 대규모 시스템 설계 기초 (원제: System Design Interview: An Insider's Guide): https://search.shopping.naver.com/book/catalog/32485737619

온라인 자료 (영문)
- Grokking the System Design Interview: https://designgurus.org/course/grokking-the-system-design-interview
- Deep Dive into System Design Interview: https://www.educative.io/path/deep-dive-into-system-design-interview
- The System Design Primer: https://github.com/donnemartin/system-design-primer

3️⃣ 인성 면접 / 행동 면접

[추천 글]
- 면접에서 효과적으로 경험 어필하는 법: https://careerly.co.kr/comments/67573

[추천 툴]
- 각 기업 문화 페이지
- STAR 기법

Brunch Story

👩🏻‍💻 개발자 면접 대비 키트

코드 설명부터 제안, 자동 완성, 테스트 작성까지 든든한 AI 조수와 페어 프로그래밍하기

개발자의 하루를 바꾸는 코파일럿 & 챗GPT

한빛미디어의 지원으로 책을 읽고 제 생각을 나눠봅니다 :) 

코파일럿 많이들 쓰시나요? 코파일럿은 쓰지 않더라도 챗GPT는 정말 많이들 쓰시고 있을 것 같아요. 저도 이렇게 글을 쓸 때면 마지막에 스을쩍! 챗GPT에게 글의 어색한 부분은 없는지, 혹시 문법 오류는 없는지 물어보고 있는데요. 확실히 챗GPT에게 물어보기 전과 후를 생각해 보았을 때 저의 글이 더 잘 다듬어지고 깔끔한 모습을 보여주고 있는 것 같습니다. (물론 글의 내용을 알차게 채우는 게 훨씬 중요하겠지만 ㅎㅎ 그것은 저의 몫이겠죠?) 

그렇다면 코딩 생활은 어떠신가요? 저는 코파일럿으로도 위와 같은 경험을 피부로 느끼고 있어요. 물론 전에도 다양한 기술 서적을 보며 언어와 프레임워크에 대해서 공부하고 에러가 발생하면 stackoverflow와 다양한 개발자분들의 블로그를 보며 코드를 다듬어갔습니다. 전이라고 하기엔 지금도 똑같긴 하네요 ㅎㅎ 하지만! 코파일럿을 만난 후로는 조금 더 정돈된 코드를 조금 더 빠르게 짜고 있는 기분입니다. 

코파일럿은 그야말로 코드계의 챗GPT로 기존의 auto complete 기능을 넘어서 공개된 코드로 학습된 AI가 적합한 코드를 제안해 주고 또 코드를 완전하게 짜주기도 하는 도구입니다. 다만, 챗GPT를 쓰면서도 많이들 느끼셨겠지만 꼭 이 친구가 정답만을 말한다는 보장도 없고 또 나의 의도를 잘 이해하지 못할 때도 있으니까요. 그렇다면 어떻게 잘 질문해야 이 도구를 잘 쓸 수 있고, 내가 이용할 수 있는 분야는 도대체 어디까지 일까요? 

저는 나름 코파일럿을 꽤 오래 써왔고 잘 쓰고 있다고 생각했는데, 이 책을 보면서 정말 다시 배웠습니다. 저는 항상 짧은 토막토막의 코드만을 질문했으나, 책에서는 다양한 개발 환경과 문제를 해결하는데 코파일럿 그리고 챗GPT를 활용하는 방법들을 실습으로 한 줄 한 줄 아주 친절히 알려주고 있습니다. 

- 쉘 스크립트 명령어
- 깃 명령어 
- 알고리즘 
- RxJS
- 앵귤러 HttpClient
- 정규표현식 
- 데이터 생성 
- 애자일 프로젝트 관리 
- 애플리케이션 만들기
- 유닛 테스트

단순하고 답이 정해진 알고리즘에서부터 아주 큰 그림을 그리는 프로젝트 관리까지! 업무를 하다 보면 항상 부딪히고 그때마다 다시 구글링을 하게 되는 그런 귀찮고 고민이 되는 문제들을 코파일럿과 챗GPT로 어떻게 풀어나가는지 알려줍니다. 

코드와 실습으로 주로 이루어져 있어서 정말 실 생활에 바로! 도움이 되고 또 이런 것까지?! 하는 저의 시야를 넓혀주는 아주 재밌는 책이었습니다 :) 개발력을 AI를 통해 더 성장시키고 싶으신 분들에게는 바로 써먹을 수 있는 실용 서적이 될 거에요!  

https://m.hanbit.co.kr/store/books/book_view.html?p_code=B2449522283

Hanbit

[책] 개발자의 하루를 바꾸는 코파일럿&챗GPT

We've got something to show you. We think you're going to like it.

Something magical is coming

svelte5 9월 20일 릴리즈 예정예고!! 두근 두근 큰거오나? +_+

"somthing magikal is coming!!"

ps.
일단은 소소하기 내가 바라는 거 적어봅니다
- inlineComponent
- strict props type check

https://svelte.dev/blog/runes

Svelte

svelte5 9월 20일 릴리즈 예정!!

스벨트는 정말 메이저 업데이트가 빠르네요 :+1 
너무 베일에 쌓여있어서 더 궁금해지지만
https://twitter.com/Rich_Harris/status/1688581184018583558
이 트윗을 보니 기대를 안할수가 없네요!

Starting code for the GildedRose Refactoring Kata in many programming languages. - GitHub - emilybache/GildedRose-Refactoring-Kata: Starting code for the GildedRose Refactoring Kata in many programming languages.

GitHub - emilybache/GildedRose-Refactoring-Kata: Starting code for the GildedRose Refactoring Kata in many programming languages.

제가 진행하고 있는 스터디에서 공유 받았던 꽤 좋아 보이는 리팩토링 스터디 방법이 있어 공유합니다.

이미 작성된 날것의 코드를 요구사항에 맞추면서 리팩토링을 해보는 건데요. 정답이 없는 각자 리팩토링을 해보면서 서로 의견 나누고 코드 리뷰도 하다 보면 다양한 방법으로 보다 더 좋은 코드로 만들어 볼 수 있을 것 같습니다. 더불어 테스트 코드 또한 리팩토링을 하며 기능별로 구성해 볼 수 있을 것 같아 꽤 유용한 재료라 생각합니다.

어떤 분이 요구사항에 대해 친절하게도 번역을 해놓으신 게 있어 꼭 스터디가 아니더라도 홀로 작업해 봐도 좋을 것 같습니다.

https://github.com/emilybache/GildedRose-Refactoring-Kata

GitHub

리팩토링 해보실? 지금 당장 도전해보세요!

Spring Boot Folder Structure (Best Practices). What is Spring Boot - If you don't know what spring boot is, I'm happy to share my previous article which is related to spring boot setup....

Spring Boot Folder Structure (Best Practices)

개발자들은 코드의 유지보수성, 팀원 간 협업 및 전체 개발 프로세스 개선을 위해 잘 구조화된 폴더 구조를 사용합니다. 스프링 부트 폴더 구조가 중요한 이유는 다음과 같습니다.

- 명확성 및 구성
- 모듈화
- 확장성
- 코드 재사용성

다음은 스프링 부트 애플리케이션에 대한 폴더 구조를 보여줍니다. (링크 참조)

📌 config

애플리케이션 설정을 구성하는 구성 클래스 또는 애플리케이션-레벨의 AppConfig를 포함합니다.

📌 controller

RESTful 컨트롤러 클래스를 포함합니다. 이 클래스는 들어오는 HTTP 요청을 처리하고 API Endpoint를 정의합니다.

📌 DTO

응용 프로그램의 다른 계층 또는 구성 요소 간에 데이터를 전송하기 위해 사용됩니다. 
- 비즈니스 로직이 포함되지 않음
- 데이터 운반이 주 목적

📌 Enums

Enum 클래스의 예시로는 SUCCESS, FAIL, PENDING등의 상태가 있습니다.

📌 model

도메인의 구조나 동작을 나타내는 데이터 모델 또는 엔티티를 저장합니다. 데이터베이스 테이블에 매핑되고 데이터의 속성과 관계를 정의합니다.

📌 repository

데이터 접근을 다루는 레파지토리 클래스를 포함합니다. 이러한 클래스는 일반적으로 ORM, JPA 등을 사용하여 데이터베이스와 상호작용 합니다.

📌 service

비즈니스 로직을 구현하는 서비스 클래스를 포함합니다. 

📌 utils

코드베이스를 체계적이고 모듈식으로 운영하기 위해 유틸리티 클래스를 배치합니다.

Medium

🕊️ 스프링 부트 폴더 구조 모범 사례

Product-Minded Software Engineer(이하 제품 중심 개발자)는 제품 자체에 큰 관심을 가지는 개발자들이다. 그들은 사람들이 제품을 어떻게 사용하는지 이해하려 하며 제품 관련 의사 결정에 참여하는 것을 즐긴다. 제품 중심 개발자의 주요 특징은 무엇이며, 어떻게 제품 중심 개발자로 성장할 수 있을까? 이 글에서는 제품 중심 개발자의 9가지 특징과 제품 중심 개발자로 성장하는 방법에 대해 설명한다.

제품 중심 개발자 (번역)

최근 개발자를 구분하는 명칭을 기존의 Frontend/Backend Engineer에서 Product/Platform Engineer로 바뀌어야한다는 Vercel 개발자의 글이 이슈가 되었는데요.

Product Engineer에 대한 좋은 글이 있어 번역해보았습니다.
( 전체 내용 보기 → https://www.jobless.blog/product-minded-engineer/?ref=careerly )

-------------------------------
📌 Product-Minded Software Engineer by Gergely Orosz

Product-Minded Software Engineer(이하 제품 중심 개발자)는 제품 자체에 큰 관심을 가지는 개발자들이다. 그들은 사람들이 제품을 어떻게 사용하는지 이해하려 하며 제품 관련 의사 결정에 참여하는 것을 즐긴다.

제품 중심 개발자의 주요 특징은 무엇이며, 어떻게 제품 중심 개발자로 성장할 수 있을까? 이 글에서는 제품 중심 개발자의 9가지 특징과 제품 중심 개발자로 성장하는 방법에 대해 설명한다.

1️⃣ 적극적으로 제품 아이디어/의견 제시
제품 중심 개발자는 기획을 그대로 받아들이고 구현하기만 하는 것에 만족하지 않는다. 다른 아이디어를 생각하고 이를 PM에게 제안한다. 그들은 기존 기획에 도전하며 더 나은 접근 방식을 제안하기도 한다.

2️⃣ 비즈니스, 사용자 행동 및 데이터에 대한 관심
제품 중심 개발자는 뜬구름 잡는 아이디어를 제시하지 않고, 비즈니스가 어떻게 작동하는지, 제품이 어떤 역할을 하는지, 그리고 비즈니스와 제품의 목표가 무엇인지 이해하기 위해 시간을 투자한 후 아이디어를 제시한다.

또한 그들은 제품이 사용자에게 어떤 영향을 미치고 사용자들이 어떤 가치를 얻는지 파악하기 위해 비즈니스 및 사용자 데이터에 가능한 직접 접근하려 한다.

3️⃣ "Why?"
제품 중심 개발자는 모든 것의 "Why?"를 이해하려 한다. 왜 이 기능을 제품에 추가해야 하며 다른 것이 아닌 이유는 무엇일까? 왜 더 간단하게 구축할 수 있는 것을 선택하지 않을까? 왜 더 확실한 방법을 선택하지 않을까? 그리고 그들은 자율적으로 답을 찾아 나선다. 그들은 PM과 다른 팀원들에게 많은 질문을 하지만 사람들을 그들을 성가시다고 생각하지 않는다. 좋은 관계를 구축해왔기 때문이다.

4️⃣ 뛰어난 커뮤니케이션 능력 및 비개발자들과의 좋은 관계
제품 중심 개발자는 개발팀 외부의 사람들과 대화하는 것을 좋아하며, 다른 분야가 어떻게 작동하는지 자세히 알고 싶어한다. 그들은 원활한 커뮤니케이터로서 다른 분야의 작업 방식을 더 자세히 이해하기 위해 노력한다. 종종 비개발자와 커피를 마시거나 점심을 함께하거나 회의실에서 이야기를 나누기도 한다.

5️⃣ 프로젝트 초기에 제품/엔지니어링 트레이드오프 제공
제품 중심 개발자는 제품의 "Why"와 엔지니어링 측면을 모두 이해하기 때문에 다른 사람들이 할 수 없는 제안을 할 수 있다. 예를 들어 제품 개발 범위와 비용(시간)을 계산할 때, 대부분의 개발자들은 엔지니어링 노력을 줄이려고 시도하고 줄인 노력이 기능 자체에 미치는 영향을 파악하려고 한다.

하지만 제품 중심 개발자는 양방향으로 파악한다. 엔지니어링 tradeoffs와 제품 tradeoffs를 모두 고려하는 것이다. 그들은 PM에게 제품 영향은 비슷하지만 엔지니어링 노력은 훨씬 적은 완전히 다른 기능을 구축하도록 제안할 수 있다.

제품과 엔지니어링 각각의 영향을 손쉽게 파악하는 것은 제품 중심 개발자가 가지는 고유한 강점이다. 그들은 엔지니어링 및 제품 통찰력을 사용하여 빠르게 양쪽 면을 오가며 가치 있는 결론에 도달한다.

6️⃣ 실용적인 Edge Case 처리
개발자들은 종종 Edge Cases를 잊고, 제품을 테스트하거나 최종 사용자로부터 피드백을 받은 후에 처리하곤 한다. 그리고 새 제품이나 기능의 모든 가능한 Edge Cases를 처리하는 데 많은 시간이 걸리곤 한다.

하지만 제품 중심 개발자는 빠르게 Edge Cases를 떠올리고 처리 방법을 생각하며, 때로는 엔지니어링 작업을 필요로하지 않는 해결책을 제공하기도 한다. 그들은 사랑받을 수 있는 최소한의 제품 개념(minimum lovable product concept)에 중점을 두고 Edge Cases와 처리 비용을 평가한다.

예를 들어, 1000명 중 1명의 사용자가 오류를 겪을 수 있다면 그들은 이것을 고치는 비용을 고려하고, 고치지 않았을 때 어떤 일이 일어날지 생각한다. '고객 지원이 이 경우에 도움을 줄 수 있을까?' '사용자는 다시 시도하고 다음 번에 성공할 수 있을까?' '제품을 약간 수정하여 이러한 Edge Case가 발생하지 않게 할 수 있을까?'

7️⃣ 빠른 제품 검증 주기
제품 중심 개발자는 작업 중인 기능의 개발이 완료되기 전에 초기 피드백을 얻는 창의적인 방법을 찾는다. 이것은 동료와 함께 테스트를 진행하거나, 진행 중인 작업 중에 제품 매니저에게 작업 중인 기능을 보여주거나, 베타 빌드에서 팀 bug bash를 조직하는 등 여러 가지 창의적인 방법일 수 있다. 그들은 계속해서 생각한다. 사람들이 이 기능을 우리가 생각한대로 사용하는지 확인하려면 어떻게 해야 할까?

8️⃣ End-to-end 제품 기능 오너십
대부분의 경험 많은 개발자들은 자신의 작업에 대해 end-to-end 오너십을 갖는다. 기획 명세를 받아들이고 구현하는 것에서 부터, 출시하고 올바르게 작동하는지 확인하는 것까지 모든 것이다. 그러나 제품 중심 개발자는 이보다 한 발 더 나아간다.

제품 중심 개발자들은 사용자 행동과 비즈니스 데이터를 얻은 후에만 작업이 완료되었다고 간주한다. 배포 이후에도 PM, 데이터 과학자 및 고객 지원 채널과 계속해서 소통하여 실제 세계에서 기능이 어떻게 사용되고 있는지 알아본다.

9️⃣ 반복 학습을 통한 강력한 제품 직감력
제품 중심 개발자에게 프로젝트는 일반적으로 다음과 같이 진행된다.

    • 이 기능이 왜 필요한지 정확히 이해하기 위해 많은 질문을 던진다.
    • 이를 테스트하고 수정된 사양에 포함된 일부 제안을 가져온다.
    • 빠르게 기능을 구축하고 피드백을 얻는다.
    • 기능을 출시한 후에도 예상과 일치하는지 계속해서 확인한다.
    • 예상과 달랐을 때, 결과를 깊이 파고들어 실제 세계에서의 제품 사용에 대해 새로운 것을 배운다.

각 프로젝트 이후, 제품 이해력이 깊어지고 더 나은 제품 직감력을 개발하기 시작한다. 시간이 흘러 프로젝트가 시작되기도 전에 상담을 받으려는 PM들의 요청이 늘어나면서 팀 밖에서 강한 평판을 쌓게 된다. 이 과정에서 제품 중심 개발자는 더 많은 커리어 성장 기회를 얻는다.

📌 제품 중심 개발자가 되기 위한 팁
사용자가 있는 제품을 개발하고 있다면, 제품 중심 마인드를 키우는 데 도움이 되는 몇 가지 팁이 있다. 이러한 팁은 제품 중심 개발자로 성장하는 데 효과적인 것으로 보인다.

1️⃣ 회사가 성공하는 이유를 이해하기. '비즈니스 모델은 무엇인가?' '어떻게 수익을 창출하나?' '어떤 부분이 가장 이윤이 많으며 어떤 부분이 가장 확장되고 있나? 왜 그럴까?'

2️⃣ PM과 좋은 관계를 구축하기. 대부분의 PM은 개발자를 멘토링할 기회에 기뻐한다. 개발자들이 제품에 관심을 가지면 자신의 역량을 확장할 수 있다. 물론 제품 관련 질문을 많이 하기 전에 좋은 관계를 구축하고, PM에게 제품에 더 많이 관여하고 싶다고 분명히 전하는 것이 좋다.

3️⃣ 사용자 리서치, CS 등 제품 작동 방식에 대해 자세히 알아보기. 디자이너, UX 디자이너, 데이터 과학자, 운영 팀 등, 사용자와 자주 상호 작용하는 사람들과 함께 작업한다.

4️⃣ 타당한 제안 제시하기. 비즈니스, 제품 및 이해관계자에 대한 좋은 이해를 갖게된 후에는 제품 개발에 대한 이니셔티브를 가져갈 수 있다.

5️⃣ 작업 중인 프로젝트에 대한 제품/엔지니어링 트레이드오프를 제공하기. 팀이 구축하려는 제품 기능에 대한 엔지니어링 트레이드오프뿐만 아니라 엔지니어링 노력을 줄일 수 있는 제품 트레이드오프도 제안한다. 그리고 이에 대한 피드백을 적극적으로 받는다.

6️⃣ PM에게 피드백 자주 요청하기. 훌륭한 제품 중심 개발자가 되기 위해서는 기존의 엔지니어링 기술에 더해 제품 기술을 개발해야 한다. 제품 기술에 대한 당신의 성과를 어떻게 평가하는지 가장 잘 아는 사람은 PM이다. 제품 제안이 얼마나 가치 있는지에 대한 피드백을 얻고, 추가 성장을 위한 아이디어를 얻기 위해 PM에게 연락한다.

번역: https://www.jobless.blog/product-minded-engineer/?ref=careerly

원글: https://blog.pragmaticengineer.com/the-product-minded-engineer

Jobless Han 🏄🏻‍♂️

제품 중심 개발자

PowerPoint Presentation

라지 시스템을 구현하고 운영 및 관리하는 개발자의 조언을 읽어보고 정리해서 올립니다.

1. 코드 작성과 시스템 설계 시작 전 아이디어를 브레인스톰해보고 간단하게 적어본다.
2. 구축하려는 시스템 관련 전문 지식이 많은 사람과 화이트보드 세션을 진행하고 충분한 검토 과정을 거친다.

📌 추가: '설계 검토' 기간이 길어지게 되면 급한 마음에 충분히 피드백을 반영하지 않고 급하게 시스템을 구축하는 경우가 생기는 것 같아요. 하지만 잘못된 (또는 미완성된) 설계를 바탕으로 시스템을 구현하면 나중에 문제가 생기고, 문제를 고치는 데 많은 시간을 낭비하게 되고 최악의 경우에는 시스템을 처음부터 새로 구현해야 할 수 있습니다. 이해관계자와 검토를 효과적으로 그리고 빠르게 하고 피드백을 충분히 반영한 후 완성된 설계를 바탕으로 구현하면 버그 고치는 데 드는 비용이 더 적습니다. 관련 글은 아래 '함께 읽으면 좋은 글'을 참조해 주세요.

3. 여러 가지 설계 옵션을 파악하고, 각 옵션의 절충점을 이야기 해본다.

📌 추가: 주니어시절 가장 많이 하는 실수는 여러 옵션을 파악하지 않고 절충점을 따지지 않는 것입니다. 장기적으로 봤을 때 좋은 옵션이 아닐 수 있고, 추후에 설계나 코드 작성을 다시 해야 하는 경우가 생깁니다. 따라서 한 문제를 직면했을 때 가능한 여러가지 옵션을 간단하게 적어 보고 절충점을 따져 보는 것이 좋은 것 같습니다. 

4. 가상 사용 케이스를 예상해 본다.
5. 시스템의 인터페이스를 잘 생각해 보고 좋은 인터페이스를 디자인해야 한다.
6. 최상의 솔루션을 채택하고 시스템 성능을 추정할 줄 아는 스킬은 중요하다.
7. 시스템을 설계하기 전 성능을 미리 예측해야 한다(예: back-of-envelope-calculations). (계산 관련 슬라이드 참고)

📌 추가: RPS와 Storage Utilization 계산법은 기본적으로 알아두는 게 좋습니다.

8. 진화할 수 있는 시스템에 미리 대응해 본다. 시스템이 10배 더 크게 확장되어도 잘 작동되어야 한다.
9. 기본 개발 구성 요소에 대해 잘 알고 있기. 예를 들어 코어 라이브러리, 기본 자료 구조, SSTables, protocol buffers, BigTables, MySQL, MapReduce. 그냥 기본 개념을 이해하는 게 아니라 어떻게 구현되는지 자세하게 알아야 한다.

📌 추가: 표면적으로 개념을 이해하는 것보다 깊게 파고들어 조금 더 많은 정보를 알게 되면 라지 스케일 시스템 개발, 운영 및 관리에 큰 도움이 됩니다. 슬라이드에는 간단하게 몇 가지 개념만 언급했지만, 궁금하신 분들은 관련 개념을 좀 더 자세하게 알아 보거나 라지 시스템 설계 관련 책을 읽어보면 좋을 것 같아요 (책 추천은 아래 '함께 읽으면 좋은 글'을 확인해 주세요).

10. 모든 요구 사항을 다 충족하는 시스템을 설계하려고 하지 말자.
11. Caching, parallelism을 통해 low latency 요구 사항 충족시키기.
12. Eventual Consistency와 Strong Consistency 모델 이해하기.
13. 데이터 엑세스 타임 이해하기.
14. 장애에 튼튼한 앱 구현하기 (Canary, 레플리케이션, load balancing).
15. 장애 발생시 전체 운영 중단 보다 부분 기능이 작동하는 것이 더 나은 유저 경험을 제공한다.
16. 충분한 모니터링, 로깅 그리고 디버깅 훅 추가하기. 

https://static.googleusercontent.com/media/research.google.com/en//people/jeff/stanford-295-talk.pdf

🪴 함께 읽으면 좋은 글

좋은 개발자가 알아야 할 버그 고치는데 드는 비용
https://careerly.co.kr/comments/75848

개발자가 꼭 봐야 할 책 - 데이터 중심 애플리케이션 설계
https://careerly.co.kr/comments/67004

초당 1억 건의 요청 S3 스케일의 스토리지 구축, 운영, 관리
https://careerly.co.kr/comments/88808

실력 향상을 위한 해외 유튜브 채널 10개
https://careerly.co.kr/comments/88786

개발자 성장에 도움 될 테크 블로그
https://careerly.co.kr/comments/87704

googleusercontent.com

라지 스케일 시스템을 구현하는 개발자가 아는 것

자바스크립트 개발자를 위한 package.json 파일 정리

백엔드와 프론트엔드를 불문하고 대부분의 자바스크립트 프로젝트에는 최상위 경로에 `package.json` 파일이 있는데요. 그런데 혹시 이 파일이 언제 어떻게 사용되는지를 정확히 알고 계신가요?

`package.json` 파일은 쉽게 말해서 우리의 자바스크립트 프로젝트를 npm 패키지 저장소와 상호 작용할 수 있도록 만들어주는 중요한 연결 고리인데요. 우리는 `package.json` 파일을 통해 npm 패키지 저장소로부터 어떤 패키지를 내려받아 설치해야 하는지, 또한 우리의 프로젝트를 다른 프로젝트에서 사용할 수 있도록 어떻게 npm 패키지 저장소에 올릴 것인지를 설정할 수 있습니다. 그러므로 `package.json` 파일에는 패키지 사용자 입장에서 설정이 필요한 부분이 있고, 패키지 발행자 입장에서 추가로 설정이 필요한 부분도 있죠.

여러분이 개발하시는 자바스크립트 프로젝트가 npm 패키지 저장소로 부터 패키지를 내려 받기만 한다면, `package.json` 파일에 대해서 아셔야 할 내용이 사실 얼마되지 않아요. `scripts`, `dependencies`, `devDependencies` 필드 정도만 아시면 충분할 것입니다.

하지만 개발하시는 자바스크립트 프로젝트를 npm 패키지 저장소에 올려서 다른 사람들도 쓸 수 있도록 공개하시고 싶다면, `package.json` 파일에 대해서 잘 알고 계셔야 하는데요. 그래서 이번 글에서는 자바스크립트 개발자로서 알아두면 좋은 `package.json` 파일에 대해서 자주 사용되는 필드 위주로 정리해보겠습니다.

📝 포스팅: https://www.daleseo.com/js-package-json/

Daleseo

기존에는 Node.js와 익스프레스를 사용해 웹 서버를 구축하고 서비스를 만들었습니다. 익스프레스를 사용해서 서버를 구축할 때, 먼저 고민했던 부분이 무엇이었나요? 바로 디렉터리 구조입니다. 별거 아닌 것 같지만 구조에 따라서 아키텍처가 변경되므로 간단한 문제는 아닙니다. NestJS는 이러한 문제를 해결한 웹 서버 프레임워크입니다. NestJS는 서버 개발 시의 아키텍처를 누구든 비슷하게 설계하도록 아키텍처 문제를 해결하는 데 중점을 두고 있습니다.

Node.js의 새로운 파트너 NestJS는 왜 탄생했을까? | 요즘IT

💭
Java Spring 이나 다른 언어의 백엔드 프레임워크를 다뤄보신 분들은 처음 Node.js 로 백엔드 개발을 접했을 때 당혹스러울 수 있습니다. 저는 그 이유가 지금까지는 Node.js 백엔드 생태계에 압도적인 퍼포먼스를 보여주는 프레임워크 없이 express.js 나 fastify 와 같은 경량형 라이브러리를 통해 많은 기능들을 직접 구현하거나 npmjs 를 통해 필요한 것들을 직접 추가하여 구현에 포함시키는 방식이 통상적으로 사용되었기 때문이라고 봅니다.

개인적으로는 express.js 류는 프레임워크라고 하기 보다는 서버 구성을 편리하게 하는 라이브러리 집합이라고 보는 것이 옳을 것 같고 Next.js 의 경우는 정확하게는 React.js 를 랩핑한 프론트엔드 프레임워크에 가깝습니다. 따라서 예전에 Node.js 백엔드 개발자로 오랜 기간 살아갈 떄도 "제발 누가 Node.js + TypeScript 백엔드 프레임워크 만들어줘~~~" 노래를 불렀던 기억이 있네요.

Nest.js는 알게된지 한 4년 정도 되었는데, 그동안 관련 소식들을 꾸준히 Follow-up 하고 있었고 국내에서도 사용하는 기업들이 늘어나고 있어서 언젠가는 국내에서도 괜찮은 생태계가 조성될 것 같다는 근거 없는 믿음이 좀 있습니다. Nets.js의 백엔드 동작 방식은 다른 언어나 프레임워크의 동작 방식과 조금 다른 생소한 개념들이 일부 있지만 (Module 이라던지.. Provider 라던지...) 그 외 나머지 것들은 시장을 지배하고 있는 프레임워크에서 아이디어를 가져온 것들이 많아 생각보다 금방 적응 할 수 있습니다. (특히 Spring Boot 개발자들이라고 생각함 ㅇㅇ..)

아무튼 Node.js 로 조금 더 단단한 백엔드 아키텍쳐와 효율적인 생산성을 고민하고 있다면 Nest.js 한번 알아보시는 것도...? ㅎㅎ

Wishket

🔥 Nest.js 붐은 반드시 온다.

Bun 1.0

Node보다 5배 빠른 Bun이 드디어 1.0 정식 릴리즈가 되었습니다.
https://bun.sh/blog/bun-v1.0

---
Bun 1.0 is finally here.

Bun is a fast, all-in-one toolkit for running, building, testing, and debugging JavaScript and TypeScript, from a single file to a full-stack application. Today, Bun is stable and production-ready.
---

Bun은 Node의 역할을 대체하면서 동시에 Node와 달리 Typescript와 JSX 컴파일러를 기본으로 탑재를 하고 있습니다.

Bun의 가장 큰 특징은 단언컨데 성능이구요. 최소 4배에서 6배까지 더 나은 성능을 낸다고 하네요.

그리고 Hot Reloading을 지원해서 코드 수정시 즉각 코드에 반영되는 기능도 기본 기능으로 탑재하고 있습니다.

앞으로 Node을 얼마나 대체할 수 있을지 Deno와는 다른 행보를 어떻게 이어갈지 궁금해지네요.

ps.
개인적으로 최근에는 Node쪽 개발을 안하다보니 Bun으로 개발 찍먹보다는,
Vite를 Bun으로 한번 돌려보는 것은 해보려고 합니다.
https://bun.sh/guides/ecosystem/vite

Next.js도 Bun으로 돌릴 수 있어요. Bun의 성능체감은 느껴볼 수 있지 않을까 생각봅니다.
https://bun.sh/guides/ecosystem/nextjs

Bun 1.0 is finally here

모던 바닐라 자바스크립트로 본 반응성을 구현하는 패턴 | bohyeon.dev

오늘 소개해드릴 글은 메디스트림의 서보현님이 번역해주신 글입니다. 현재 프런트엔트 생태계에는 다양한 프레임워크와 그에 따른 반응형 시스템이 있습니다. 유저의 상호작용과 서버와의 통신, UI 업데이트 등 일련의 작업을 처리함에 있어 핵심은 반응성을 구현하는 방식에 있다고 할 수 있습니다. 이번 글은 반응형 시스템을 구현하는 데 활용할 수 있는 패턴과, 구현을 위한 자바스크립트의 다양한 내장 기능을 소개하고 있습니다. 바닐라 자바스크립트를 사용해 직접 반응형 시스템을 구축해보는데 더해 최신의 방법을 활용해 효과적으로 반응성을 구현해보고자 한다면 읽어보기 좋은 글입니다.

> 글 링크: https://bit.ly/pretvty

Ktseo41

모던 바닐라 자바스크립트로 본 반응성을 구현하는 패턴

제리가 만나러 갑니다! 오늘도 당근에서 개발자로 재직하고 계신 ✨초특급 파워블로거✨ 하조은님을 만났습니다! 조은님이 생각하는 개발 로드맵은 어떤건지, 커리어 패스는 어떻게 쌓아가면 좋을지 함께 이야기 나누었습니다🙌🏻 오늘도 재밌게 보셨다면 좋댓구알 부탁드려요🥕 #당근마켓 #개발자 #인터뷰 #하조은 #제만갑 #IT 🥕조은님 1편 보러가기 https://youtu.be/yV4i3-uuxxw 🧑🏻‍💻하조은님 블로그 https://hajoeun.b

당근샐러드 개발자가 제안하는 개발 로드맵 | 제만갑 | 하조은 | 당근마켓 | 네카라쿠배당토 | IT | 프로그래밍 | 엔지니어 | 블로그 | ENTJ | 연봉 | 뱅크샐러드

2편은 '당근샐러드 개발자가 제안하는 개발 로드맵'이라는 제목으로 정리해주셨네요. 유튜브 특성에 맞춰 유머와 과장이 포함된 제목인 점 이해해주세요. 

실제론 개발 로드맵에 대해선 정답이 없는 것 같다는 내용을 담고 있습니다. 그 외에도 개발자의 커리어, 도메인, 역량 등에 대해 이야기 나눴습니다. 제가 이해하고 있는 것만 이야기하려고 노력했습니다! 재밌게 봐주세요.

https://youtu.be/gYPOhwi87AU?si=g2t2nIRS8FwAET1n

📺 개발 로드맵, 정답이 있다고 믿고 싶은 게 아닐까요?

개발자라면 공부는 해야 한다. 언제까지 구닥다리 방식으로 개발 운영할 건데? 오늘 짠 내 코드 내일이면 리거시다.

그래도 팀내 개발자가 맨날 컨퍼런스 간다하고 세미나만 하면 속 터지긴 한다. 일은 해야지?

그래서 내가 만든 룰은 그라운드 리서치도 지라로 만들어서 배정하고 아래 같은 분위기를 조성한다. 

- 내가 참석한 컨퍼런스 기술 이벤트의 전파교육은 필수, 문서화 정리도 필수, 실무적용도 필수다. 적어도 말미에 실무에 적용할 것들을 뽑아보라고 한다. 
- 스터디는 주제를 정해 팀스터디로 진행한다. 그래도 장애가 났는데, 주요 프로젝트 배포를 해야 하는데 세미나? 말도 안된다. 끊거나 중단하고 문제해결부터 하고 재개한다. 
- 되도록 회사의 기술 챌린지를 공유하고 이걸 해결하는 방향으로 스터디 주제를 권유한다. JPA 도입, 쿠버네티스 전환 등등 
- 내가 시간이 안되면 주변 CTO 나 기술리더 품앗이로 구루 세미나를 한다. 
- 관심분야를 물어보고 되도록 그 분야 일을 맡겨서 일로 배우게 유도한다. 

물론 모두 당사자가 공부하고 내 걸로 만들길 좋아하는 경우다. 억지로 공부 시켜봤자 욕만 먹는다. 그리고 주어진 일은 잘 하는데 공부하는 거 싫어하는 분들 있다. 뭐 나름 장점 있지만 그럼 리더감은 아니다. 

그럼 스스로는 어떻게 공부하냐고? 일단 난 호기심이 많다. 그리고 내가 관심 있는 분야인데 저 사람이 아는데 내가 모르는게 너무 싫다. 

내 공부 방식은 일단 개념잡기와 abstract 읽기, 상세 읽기 후에 how to start 시도. 일단 짜보고 시작하는 경우들도 많은데 난 좀 반대다. 컨셉 이해하고 상세를 봐야 감이 오는 스타일? 

아무튼 이 놈의 직업은 평생 공부는 해야 하는 직업! 그래도 아직 놓고 싶지는 않으니 은퇴까지는 열공!!

개발자 자기계발 & 일의 밸런싱

라인의 경쟁력과 안정성, '함께 회고하는 개발 문화가 토대'

라인에서 장애에 대처하는 방법으로, "장애 회고 미팅"을 한다고 하더라고요!

📌인터뷰에서 인상 깊었던 부분
“엔지니어가 성장하는 과정은 실수를 통해 배우고, 이를 놓치지 않는 것에서부터 시작한다. 문제가 생겨도 모두가 함께 있음을 믿고 도전할 수 있도록 하는 게 장애 회고 미팅의 의의”

인터뷰를 읽으며 "실리콘밸리를 그리다- 일하는 사람이 행복한 회사는 뭐가 다를까?"에서 읽었던 '포스트모템' 문화가 생각났어요.

📌 실리콘밸리를 그리다- 포스트모템 문화: https://brunch.co.kr/@svillustrated/13

결국 자신의 실수를 인정해도 안전할 수 있다는 문화가 바탕이 되어야 건강한 회고가 가능하다는 생각이 듭니다. 회고나 포스트모템이 잘 이루어지는 조직을 경험하면, 실수를 줄여나가고 구성원이 성장하는데 얼마나 많은 도움이 되는지 체감할 수 있을테고요.

Naver

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

오연우

To help anyone create, we minimize content making process.
누구나 크리에이팅하는 세상을 위해 콘텐츠 제작을 간소화합니다.
#플랫폼비즈니스 #플랫폼성장패턴 #영상 #영상감독 #영상편집 #크리에이터! #크리에이터이코노미

창업희망자

김혁

대학생이지만 창업을 꿈꾸는 청년입니다 많은 배움을 얻고자 이 곳에 방문하게 되었으며 받은 배움을 활용하여 언젠가는 다시 누구에게 가르침을 줄 수 있는 이로 성장하고 싶습니다

Product Manager @커리어리

루나

PM @커리어리, 뉴닉, 스윙비, 삼성전자. 함께 일하는 모두가 안전한 환경에서 일할 때, 최고의 성과를 낼 수 있다고 믿습니다. 사람을 연결하는 제품을 만듭니다.

댓글 0