Copy-to-clipboard React component. Latest version: 5.1.0, last published: a year ago. Start using react-copy-to-clipboard in your project by running `npm i react-copy-to-clipboard`. There are 1534 other projects in the npm registry using react-copy-to-cli

react-copy-to-clipboard

요즘 대부분 서비스에서 사용자 경험 향상을 위해 ‘한 번의 클릭으로 특정 텍스트를 클립보드로 복사’ 기능을 지원합니다. 

클립보드 복사 기능을 구현하는 데에는 대표적으로 ‘document.execCommand’ 와 ‘Navigator.Cipboard API’ 두 가지 방법이 존재합니다. ‘execCommand’ 메서드는 이전에 널리 사용되던 기술이나 현재는  Deprecated(비권장) 상태에 있습니다. 반면 Cipboard API는 execCommand를 대체하기 위해 디자인 되었으며 대신 Internet Explorer를 지원하지 않으며, Safari 13.1 버전부터는 Https 환경에서만 작동합니다.

이처럼 각 기술마다 지원하는 브라우저와 환경이 다르므로 이들의 한계와 호환성 문제를 고려하여 클립보드 복사 기능을 구현해야 합니다. 이런 복잡한 고려사항을 줄이고, 개발자가 더욱 쉽고 안정적으로 클립보드 복사 기능을 구현할 수 있도록 도와주는 라이브러리가 바로 ‘react-copy-to-clipboard’ 입니다.

'react-copy-to-clipboard` 라이브러리는 'document.execCommand' 메서드를 기본적으로 사용하지만, 해당 API 실패시 여러 폴백 메커니즘을 통해 다양한 환경에서 클립보드 복사 기능을 지원하려고 노력합니다.

따라서 위에서 언급된 기술적 한계와 호환성 문제를 크게 신경 쓰지 않고도, 클립보드 복사 기능을 손쉽게 개발할수 있습니다. 또한 코드의 복잡성을 줄이고 가독성을 향상시켜, 개발자가 더욱 직관적이고 전문적인 개발 환경에서 작업할 수 있게 도와줍니다.

https://www.npmjs.com/package/react-copy-to-clipboard

클립보드 복사 기능: react-copy-to-clipboard

📌 이럴 때 추천해요 : "연휴에 읽기 좋은 책 ④ 사회/과학 편"

01. 연휴 동안 읽기 좋은 책들을 추천하는 과정에서 '이 책은 꼭 한 번 소개하고 싶다'라는 생각이 드는 책이 있었던 반면 '굳이 기분 좋은 연휴를 보내는 분들께 이런 책을 소개 드려야 할까'라고 고민하게 만드는 책도 있었습니다. 
하지만 저는 가치판단을 하는 사람이 아니고 선택지를 제공하는 입장이니 이런 책에도 관심이 생긴다면 본인이 취사선택해서 읽어볼 수도 있는 거죠. (라고... 스스로를 다독이며 소개해 봅니다.)

02. 이 책은 '타임'지의 기자로 활동하며 다양한 사회 현상을 분석한 '아만다 리플리 (Amanda Ripley)'의 작품입니다. 저널리스트로서 엄청난 히트 기사를 만들어낸 사람이자 세계 여러 나라를 돌며 그 사회에 녹아든 현상을 분석하기 좋아하는 분이라 문화적 저변도 꽤나 넓다고 알려져 있죠. 특히 한국에서 일정 기간을 근무한 덕분에 우리 사회에 대한 이해도도 높은 편입니다. (이 내용은 아만다 리플리의 2014년 작 ⟪무엇이 이 나라 학생들을 똑똑하게 만드는가⟫에 잘 표현되어 있습니다.)

03. 오늘 소개드릴 책은 제목부터 무게감이 느껴지는 ⟪극한 갈등 : High Conflict⟫이라는 책입니다. 
이 작품은 전세계적으로 갈등이 고도화되고 있는 오늘날의 시점에서 '대체 왜 우리는 서로를 이토록 미워하고 증오하는가'라는 그 본질적인 문제를 고찰하고 있는 책입니다. 

04. 모두가 알다시피 갈등이란 사회를 구성하는 사람들로부터 필연적으로 발생하는 요소이고, 그중에서도 적절한 갈등은 우리가 사는 세상을 더 합리적이고 좋은 곳으로 변모하는 데 이점을 줍니다. 다만 저자가 지적하는 승자도 패자도 없는 갈등 상황, 그저 누군가를 미치도록 증오하는 데서 오는 오해와 불신의 갈등, 이른바 '고도 갈등'이 큰 문제로 작용할 뿐이죠. 

05. 언젠가부터 드는 생각은 사람들이 갈등을 대하는 방식이 크게 두 가지로 나뉜다는 것입니다. 하나는 감정적으로 갈등 상황에 개입해 책에서 다루는 '고도 갈등'을 증폭시키는 방식이고 다른 하나는 그 상황을 외면하는 것입니다. 
어느 집에 불이 난 것을 발견하면 거기에 기름을 끼얹어 모든 것이 잿더미가 될 때까지 끝장을 보거나 아니면 작은 불씨조차 나에게 튀지 않도록 얼른 그 자리를 뜨는 선택만이 남은 것이죠. 

06. 그런 의미에서 이 책은 1부에서 '갈등 속으로' 2부에서 '갈등에서 나오다'라는 두 가지 챕터를 통해 현대 사회의 갈등을 조명하고 저자 나름대로의 해법을 제시하고 있습니다. 물론 그 해법이 장밋빛 추론이라고 받아들이는 사람도 있을 테고 지금 우리 사회에 꼭 필요한 태도라고 동의하는 사람도 있을 테지만 이 역시 각자 선택의 몫이 아닐까 싶어요. 다만 적어도 누군가는 이런 이야기를 해줘야 하고 그게 아만다 리플리여서 다행이라는 생각은 듭니다. 

07. 플라톤은 '사람이 모이는 곳에는 필히 갈등이 있다'라고 했습니다. 뜬금없지만 명절도 마찬가지입니다... 매일 보는 사이에도 갈등이 생기는 법인데 일 년에 한두 번쯤 보는 사이에서는 서로를 이해하는 힘이 늘어난 고무줄 마냥 약해져 있음이 당연한 법이죠. 
그렇다고 이 책을 읽고 그 갈등의 상황에 당당히 맞서라라는 얘기를 하고 싶은 것도 아니고, 자꾸 정치 얘기하시는 고모부께 '고모부. 이 책 한 번 읽어보십시오.'라며 무시무시한 제목의 책을 들이밀라는 얘기도 아닙니다. 

08. 그저 사회의 구성원으로 한 번쯤 고민해 봐야 할 문제라면, 평소에 이런 책 읽는 걸 마냥 싫어하지 않는다면, 그리고 이왕이면 연휴의 시간을 빌어 느긋하고 여유롭게 타인의 시선을 따라가보고 싶다면 꽤 괜찮은 책이라는 생각이 들었거든요. 

09. 그러니 연휴 기간 동안 툭 한 번 펼쳐서 소제목을 따라 맘에 드는 챕터부터 읽어보시는 것도 나쁘지 않은 방법입니다. 이 책은 소제목들만 보고 있어도 구미가 당기는 내용이 예상외로 많으니 말이죠. 혹은 일단 사두고 나서 연휴가 끝난 시점 즈음에 천천히 읽기 시작해도 되죠 뭐. 어차피 광속과 음속의 차이처럼 일단 구매가 먼저고 행동이 그 뒤를 따르는 법이니 말입니다.

[ 그때를 위한 책 - vol.19 ] ⟪극한 갈등⟫

일삶기록 (work & life) 707

결론부터 이야기하는 것이 중요합니다. 말하기와 글쓰기 모두 해당합니다. 결론을 먼저 이야기하고 이후에 어떻게 결론으로 도달하게 되었는지 설명하는 것이 좋습니다.

취업과 이직을 위해 작성하는 이력서와 자기소개서, 포트폴리오라는 문서도 마찬가지입니다. 결론부터 이야기하는 것이 중요합니다. ‘나는 어떤 경험과 역량을 가진 사람이다. 그래서 당신네 채용 포지션에 내가 적합한 인재다.’ 

구체적인 증명은 이후 내용에 자세히 설명하면 됩니다. 처음부터 이목을 끌지 못하면 다음으로 넘어가지 않습니다. 인상적인 타이틀을 붙인다고 이해하기 힘든 형이상학적 내용을 제목으로 작성한 이력서는 외면당하기 쉽습니다. 회사가 원하는 내용이 무엇일지 고민해 보는 것이 좋습니다.

‘나라면 어떤 사람을 뽑을까?’ 이 싱크가 회사와 잘 맞는 사람이 결국 입사에 가까워진다고 믿습니다.

결론을 처음부터 내리고 이후 내용을 작성하는 것이 아니라 내용을 먼저 작성하고 이후 결론을 내리는 순서가 좋습니다. ‘나는 이런 스토리를 가진 사람이니까 결론적으로 어필하고 싶은 핵심은 이것이다.’ 이런 순서로 문서를 작성하는 것이 자연스럽습니다.

자세한 내용을 작성할 때는 내용이 너무 자세할 필요가 없습니다. 내 글을 읽는 사람의 소중한 시간을 절약해 준다는 마음가짐이 필요합니다. 가장 적은 글자 수로 설명할 수 있다면 가장 좋습니다. 최초 작성한 글에서 빼고 빼고 또 빼어 극단적 다이어트를 감행해야 합니다. 군더더기 없이 날씬한 문장이 독자의 마음을 사로잡을 수 있습니다.

결론부터 bottom line up front

Mark Zuckerberg: First Interview in the Metaverse | Lex Fridman Podcast #398

Lex Fridman과 Mark Zuckerberg의 실사 버전의 아바타를 통한 인터뷰 in 메타버스

작년에 조악한 아바타 시연으로 욕을 먹었었는데, 1년만에 절치부심해서 놀라운 결과로 돌아왔네요. 두 사람의 결과만 보면 애플 비전 프로보다 약간 더 좋게 보이는데요.

아직 대중에 공개되진 않았고, 세상에서 가장 표정 변화가 적은 두 사람을(ㅋㅋ) 모델로 해서 그렇다는 의견도 있으니 조금 더 지켜봐야겠습니다.

다른건 몰라도 주사장님의 멘탈과 끈기는 정말 존경스럽지 않을 수 없네요.

https://youtu.be/MVYrJJNdrEg?si=jkdmSlJTX4mETJrZ

YouTube

다들 좋은 음식 많이 드셨나요. 몸과 마음 모두 균형을 맞춰야하니까^^ 오늘의 마음의 양식을 공유드립니다. 저는 답을 정해주는 말보다, 새로운 질문을 만들어주는 말들이 좋더라구요. 오늘 영상은 그런 영상입니다. 답을 주기보다, 질문을 주는 영상요. 여러 새로운 질문들 스스로 가져갈 수 있지 않으실까 합니다. 추석 연휴에도 좋은 영상 올리기는 계속됩니다. 즐거운 연휴 되시길 바랍니다.

커리어 시작전에 알았으면 좋았을 5가지 (이렇게 하면 더 좋았을걸)

다들 좋은 음식 많이 드셨나요. 몸과 마음 모두 균형을 맞춰야하니까^^ 오늘의 마음의 양식을 공유드립니다. 

저는 답을 정해주는 말보다, 새로운 질문을 만들어주는 말들이 좋더라구요. 오늘 영상은 그런 영상입니다. 답을 주기보다, 질문을 주는 영상요. 여러 새로운 질문들 스스로 가져갈 수 있지 않으실까 합니다. 추석 연휴에도 좋은 영상 올리기는 계속됩니다. 즐거운 연휴 되시길 바랍니다. 

한글 번역 : https://www.youtube.com/watch?v=78lJvHSWM9s

잘 보고 갑니다!
1. 자격증보다 성과에 집중하기(구글 사내 분석 결과 출신 학교와 성과 상관관계 X)
2. 익숙함과 생소함 사이에서 균형잡기(너무 익숙하지도, 그렇다고 너무 생소한 일만도 하지 않기)
3. 기초 역량을 닦으며 깊게 파고들기(T자형 인재)
4. 어렵지만 기댓값이 높은 프로젝트에 도전하기(배우는 것이 많고, 조직 내에서 전문가로 인식되며, 고위층의 관심을 끌 수 있음)
5. 스스로 플랫폼이 되기(블로그처럼, 자신을 플랫폼화 하여 브랜드로 만들면 더 크게 나에게 돌아올 것)

View and compare GitHub star history graph of open source projects

Star History

여러분들을 쓰려는 라이브러리나 프레임워크를 결정할 때 어떤 기준을 가지고 계신가요? 사용성? 동료들과의 취향? 저는 꽤나 중요하게 보는게 스타 갯수인데요. (저는 가끔 이걸 Star driven dicision 이라고도 합니다. ㅎ_ㅎ) 

그만큼 오픈소스 세계에서는 이 스타수가 정말 중요한 것 같습니다. 사실 스타 갯수가 코인도 아니고 실제 고객이 분명 된다는 것도 아닌데 왜 그렇게 중요하게 여겨지는 걸까요? 

# 신뢰성 
- 개발자들이 두개의 라이브러리 사이에서 선택 해야할때 일반적으로 스타 수가 더 많은 라이브러리를 선택하는 경향이 있다. (물론 PR, 마지막 커밋 등 pulse도 중요)

# 성장 매트릭
- 스타 갯수는 성장을 의미합니다. 보통 스타 갯수가 많을 수록 더 많은 기여자, PR들, 더 많은 유명세를 갖게 된다.

# 트랜드 기회 
- GitHub 트랜딩 페이지(https://github.com/trending)는 개발자 뿐만 아니라 투자자, 각종 IT 회사 등에서 많이 주목하고 있는 페이지다. 단기간에 많은 스타를 받게 되면 빠르게 트렌딩 페이지에 올라갈 수 있다. 

https://star-history.com/blog/do-github-stars-equal-money

Star-history

GitHub Star 수는 돈과 같을까?

Learn the Difference Between 401 and 403 Errors: Authentication vs. Authorization in HTTP Status Codes. Clear guidelines for developers.

401 vs. 403 Error Codes: What's the Difference? When to Use Each? (Updated 2023) | Permit

HTTP status 400대 에러! 뭔가 요청이 잘못되거나 권한이 부족하여 제대로 답을 줄 수 없을때 마주하게 되는 에러인데요. 이 중 알듯 모를듯 비슷한 두 인증 및 권한에 대한 에러가 있습니다. 바로 401과 403인데요. 그 차이 정확히 알고 계신가요? 

401 Unauthorized
- 요청자(사용자)가 누군지 알 수 없음 
- 인증이 필요한 요청인데 실패하거나 제대로 제공이 되지 않은 경우. 
- 응답에는 유효한 자격 증명을 제공하도록 요구하는 `WWW-Authenticate` 헤더 필드를 포함하도록 한다. 

403 Forbidden
- 요청자(사용자)가 누구인지는 알고 있으나 접근 허용되지 않음. (권한이 부족) 
- 오류 사유를 포함하지 않는다!  

이 두 가지를 헷갈리면 안되는 이유는 바로 유저 프로세스가 두 에러에 따라 변경될 수 있기 때문인데요. 가장 많이 마주하는 시나리오는 유저의 로그인을 하고 일부 리소스에 대해서 접근을 관리하는 서비스일 것 같습니다. 

예를 들어 Google 클라우드에서 공유된 폴더에 접근한다고 가정하였을 때.

1) 요청하는 유저가 로그인 아직 하지 않았을 때 -> 401 
2) 요청하는 유저가 로그인 하였고, 공유된 폴더에 접근 권한이 있을 때 -> 200
3) 요청하는 유저가 로그인 하였고, 공유된 폴더에 접근 권한이 없을 때 -> 403

https://www.permit.io/blog/401-vs-403-error-whats-the-difference

Permit

401과 403 그 차이는?

Master programming by recreating your favorite technologies from scratch. - GitHub - codecrafters-io/build-your-own-x: Master programming by recreating your favorite technologies from scratch.

GitHub - codecrafters-io/build-your-own-x: Master programming by recreating your favorite technologies from scratch.

이번 긴 추석 연휴 어떤 계획을 가지고 계신가요? :) 시간 난 김에 항상 가져다쓰기만 하던 것들을 바닥부터 만드는 작은 프로젝트 어떠신가요? 어떤 것들을 어떻게 해야할지! 고민이 들 때 참고하기 좋은 repository를 찾아서 공유합니다. 

3D rederer 에서 Framework, CLI, Database, Text Editor까지 정말 다양한 주제들을 담고 있습니다.

https://github.com/codecrafters-io/build-your-own-x

GitHub

build your own x

지난 8월 세 번째 대규모 투자 유치인 시리즈C를 마무리한 핀테크(금융기술) 스타트업(신생 벤처기업) 뱅크샐러드는 300억원으로 책정했던 모집액을 50% 늘려 잡았다. 벤처캐피털(VC)들이 너도나도 투자 의사를 밝혔

"우리 기술 이해 못했군요" 퇴짜...투자자 '골라 받는' 스타트업

(예전 스뉴 돌아보기, 2019/09/24)
그 당시에는 이런 분위기였군요..
——
‘제2의 벤처붐’이란 말이 돌 만큼 벤처업계에 자금이 흔해졌다. 국내 VC 투자 규모가 역대 최대치를 경신했고, 스타트업을 육성하는 액셀러레이터도 급증하고 있다. 스타트업과 VC의 관계에도 변화가 생겼다. 여전히 대다수 스타트업이 ‘을’의 입장이지만 뱅크샐러드처럼 앉아서 투자자를 고르는 ‘갑’ 스타트업도 빠르게 늘고 있다.

https://n.news.naver.com/article/015/0004213045

Naver

투자유치란 무엇인가 | 스타트업(Start-up)으로 통칭되는 초기 창업회사들은 자금 조달이 굉장히 중요하다. 회사를 운영하려면 돈이 들기 때문이다. 번뜩이는 아이디어로 창업을 했더라도 아이디어를 실제로 사업으로 연결하는 과정은 현실이며 아이디어를 현실화 하는 과정 속에서 돈이 필요하다. 회사(=법인)이 탄생하려면 최초에 회사의 자본금을 내는 발기 설립의 과정이 필요하다. 창업자

스타트업의 자본조달 방법

스타트업의 자금조달 방법(자본조달 & 부채조달)

https://brunch.co.kr/@cjh1157/5

Brunch Story

개발자 면접은 어떻게 진행될까? | 처음 이직 시도를 했을 때가 떠오릅니다. 별 근거도 없이 자신만만하던 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 기법

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

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

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

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

머신러닝 입문자 혹은 스터디를 준비하시는 분들에게 도움이 되고자 만든 repository입니다. (This repository is intented for helping whom are interested in machine learning study) - GitHub - teddylee777/machine-learning: 머신러닝 입문자 혹은 스터디를 준비하시는 분들에게 도움이 되고자 만든 repository입니다. (This repository i

GitHub - teddylee777/machine-learning: 머신러닝 입문자 혹은 스터디를 준비하시는 분들에게 도움이 되고자 만든 repository입니다. (This repository is intented for helping whom are interested in machine learning study)

엄청난 repo를 발견해버렸습니다...
유튜브 테디노트 채널의 repo인데요!

머신러닝에 관련된 모든 카테고리의 강의를 정리했을 뿐 아니라
책, 유튜브 채널, 웹사이트까지 모두 소개하고 자격증까지 소개하고 있네요...

잠 안오면 이거 하나씩 깨부셔야겠어요!

https://github.com/teddylee777/machine-learning#%ED%86%B5%EA%B3%84-statistics

머신러닝을 혼자서 처음부터 공부한다면...!

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천만원 버는 베트남 개발자 이야기

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

"유튜브는 원래 데이팅 어플이었다?" 스타트업 피봇 사례 39가지

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

안녕하세요, 뱅크샐러드 코어 백엔드 팀의 정겨울입니다. 뱅크샐러드는 백엔드 서비스에 다양한 언어를 사용하고 있습니다. 특히 지난 4년간은 Go와 gRPC...

뱅크샐러드 Go 코딩 컨벤션 | 뱅크샐러드

뱅크샐러드는 백엔드 서버 언어로 Go 를 가장 활발하게 사용하고 있습니다. 일관성 있는 서비스 코드 베이스를 만들기 위한 노력으로 코딩 컨벤션을 잘 정리해두고 있는데요, 이번에 회사 블로그 글로 포스트되어서 공유합니다. 

Go에 관심이 있으시다면 읽어보시면 좋을 것 같아요.

> 시간이 흐르고, 조직의 규모가 변하며, 구성원이 바뀔수록 코드 일관성 그 이상으로 여러 코드 베이스의 개념적 일관성을 유지하기 위한 노력이 필요합니다. 이 글에선 주로 코드 일관성 측면에서 뱅크샐러드가 어떤 Go 코딩 컨벤션을 따르며 권장하는지 얘기해보고자 합니다.

https://blog.banksalad.com/tech/go-best-practice-in-banksalad/

Banksalad

뱅크샐러드의 Go 언어 코딩 컨벤션

Developers and Open Source authors now have a massive amount of services offering free tiers, but it can be hard to find them all to make informed decisions.

Free for Developers

사이드 프로젝트! 생각만 해도 가슴이 뛰는 분들 많으실텐데요! 가슴이 뛰는 이유로는..... 프로젝트 진행의 즐거움과 유저들과의 만남도 있겠지만... !! 개인적으로는 비용에 대한 부담이 큰 것 같아요. 

사이드 프로젝트인만큼 투자할 수 있는 시간과 에너지가 한정되어있는데, 그러자니 SaaS, PaaS를 찾아보게 되고, 그만큼 비용이 늘어날 수 밖에 없는데요. 

사이드 프로젝트는 하고 싶지만 비용은 줄이고 싶어! 하시는 분들을 위한 서비스들을 모아놓은 곳이 있어 공유합니다. 

클라우드, 이벤트 통계, API, BaaS, CI/CD, 디자인 등등 다양한 부분의 무료 서비스들을 한번에 찾아볼 수 있습니다! 

https://free-for.dev

Free-for

사이드 프로젝트를 위한 무료 서비스들

Airbnb를 실패의 위기에서 구한 방법과 디자이너를 향한 그의 조언

브라이언 체스키가 Airbnb에서 PM을 없애버린 이유

"A/B 테스트를 그만두고 스스로 만족할 때까지 프로덕트를 다듬고, 자랑스럽다 말할 수준이 되면 다른 사람에게 공개하라"

여러모로 굉장히 흥미롭네요. 에어비앤비 CEO 브라이언 체스키가 디자인 중심의 경영을 선언하고 PM 롤을 없앴군요? 

체스키는 회사가 커질수록 서비스의 변화가 줄어들고 비용만 증가하는 문제를 두고 고민하다가 CEO가 제품 개발에 깊이 참여하는 애플의 경영 방식을 따르기로 했다고 합니다(feat. 조너선 아이브). 이게 '디자인 중심의 경영'이라고 선언한 방식의 요지이고, 하위 부서들의 로드맵 폐지하고 본인이 직접 컨트롤 가능한 소수의 핵심 사업만 추진한다네요.

그럼 PM은 어떻게 됐냐. 기존 조직을 기능 조직(디자인, 개발, 마케팅)으로 나누고 PM직무는 기존 직무와 마케팅 직무를 결합하여 ‘프로덕트 마케터’로 이름을 바꾼 뒤 디자이너의 권한을 강화했다고 합니다. 

'PM은 쓸모 없고 디자이너가 짱이야!' 했다기보단 제품을 만들어갈 때 역할과 균형을 꽤 크게 조율했다고 보는 게 맞을 거 같은데요.. 근데 왜 때문에 저러는지 알 거 같기도 합니다.

연중 80%의 업데이트는 상반기/하반기 나누어 2번만 크게 진행하고, A/B테스트는 꼭 필요한 경우에만 진행하는 걸로(A/B테스트 맛집이었는데 서운..) 정하면서 문제와 제품을 깊이 들여다볼 시간을 만들었고 체스키 스스로도 기업 경영보다는 제품에 시간을 쏟는 중이라고 합니다.

재밌네요! 흥미진진. 
저런 환경은 어떨지.. 한 번 경험해 보고 싶습니다.

차우진의 TMI.FM

🚫PM을 없앤 에어비앤비

오늘 영상의 주인공은 고위드 김항기 대표님입니다. 김항기 대표님의 이력은 독특하다는 표현으로는 부족할 정도인데요. 그는 대우증권 지점영업직으로 시작해 법인영업, 애널리스트, 펀드매니저를 거쳐 자산운용사를 설립하는 등 금융인으로서 가능한 모든 커리어를 섭렵하며 최고의 자리에 올랐습니다. 하지만 4년 전부터는 스타트업을 비롯한 혁신 기업에게 혁신적인 금융을 제공한다는 비전을 주창하며 고위드의 대표를 맡았는데요.

영업사원에서 대표가 되기까지, 20년 차 투자자의 인생 철학 | 고위드 김항기

1. “질문이 모호한 것은 (진짜) 문제가 뭔지 모른다는 뜻이고, (뭐가 정말 문제인지 모르니까) 불안해서 그 불안함을 해결하려고 그냥 주위를 찾아다니는 거예요. (나도 모르는 내 문제를 누군가가 해결해주길 바라면서 말이죠)”

2. “(근데) 이 패턴을 가지고 있으면 문제 해결이 (절대) 안 돼요"

3. “(이건) 선배님이 저한테 알려주신 거예요. 제가 어느 날 가서 무슨 질문을 했더니 저한테 이렇게 말하시더라고요. “네 불안에 내 시간 쓸 생각 없어. 끝까지 실행해봐, 그러면 질문이 구체적으로 변할 거야. 그래도 해결 안 되면 그때 찾아와"라고”

4. “불안할 때 한 가지 일을 더 실행해보고, 더 실행해보고, 더 실행해보는 것들, 그런 것들을 통해서 저도 굉장히 많이 배웠고, 그래서 제 인생의 슬로건에는 이런 게 있긴 해요. ‘까리하면 제일 어려운 길로’”

5. “최소한 그렇게 살면 (쉽게) 죽진 않거든요. 그러니까 ‘헷갈리면 아 몰라 제일 어려운 길로 가’, 그러면 진짜 죽지는 않아요. 근데 (금융 시장에서 오래 있으면서) 헷갈릴 때 쉬운 길을 택해 버릇하면 반드시 죽는다는 건 제가 알고 있어요"

6. “(그러니) 정말 힘드시더라도, 장기적으로 옳은 길을 택하시는 게 가장 빠른 길이다(라는 걸), 많은 선배 경영자들과 훌륭한 경영인들의 책을 보고 느끼시고, 어떤 방향이 장기적으로 성장할 수 있는 길인지 한 번 생각해보시면 어떨까라는 생각을 가지고 있습니다"

- 고위드 김항기 대표

https://www.youtube.com/watch?v=guETTiacPnE&t=902s

’질문이 모호하다’는 건

01. 며칠 전 절친한 분의 의뢰로 네이밍 작업을 하나 하게 되었습니다. 브랜딩 일을 한다고 하면 자주 받는 의뢰 중의 하나인데, 가장 좋아하는 일이기도 하지만 동시에 가장 어렵다고 생각하는 일이 바로 이름 짓기, 이 네이밍입니다. 

02. 네이밍이 어려운 이유는 결과론적 시각이 가장 크게 작용하는 부분이기 때문입니다. 누구나 아는 위대한 제품이나 서비스, 브랜드로 성장한 다음에야 '저 브랜드는 이름부터 근사해'라는 평을 듣게 되지만, 사실 그 이름을 처음 들이밀었을 때는 반신반의하거나 '이게 뭐냐'는 식의 반응을 보인 사람들이 훨씬 많을 거거든요. 
하물며 큰 성공을 거둔 뒤에도 '솔직히 이름이 뭐 얼마나 대단한 역할을 했냐. 성공하고 나니까 좋아 보이는 거지'라는 내부의 비판을 들을 때도 있습니다. 

03. 동의가 되는 부분도 있고 아닌 부분도 있지만 오늘 하고 싶은 이야기는 네이밍의 역할에 관한 것은 아닙니다. 오히려 좋은 이름을 짓기 위해서는 (그 수많은 핍박과 의심과 결과론적 시각의 집중포화를 맞음에도 불구하고) 어떤 노력과 관심을 기울여야 하는지 현실적인 방법들에 대한 이야기가 될 것 같네요. 

04. 네이밍에 정답이 없다는 사실은 누구나 다 알고 계실 겁니다. 어쩔 땐 저도 수십 개에 해당하는 리스트를 만들어 가슴에 품고 다니면서도 맘에 드는 녀석이 하나 없어 끙끙 않을 때가 많거든요. 이번에 지인이 의뢰하신 네이밍도 마찬가지였습니다. 개인적으로는 비업무의 영역이지만 또 그분에게는 나름의 중요한 의미가 있는 프로젝트이니 대충 할 수도 없는 노릇이죠. 때문에 요 며칠간은 매일 아침마다 몇 개의 단어를 입으로 발음해 보고 운전하고 지나가다 눈에 밟히는 간판 위에 그 단어를 얹어보기도 하고, 만나는 사람에게 '이런 유형의 발음이 어떻게 들리시나요?' 같은 질문들을 해대며 살았던 것 같습니다. 

05. 그런 노력들 속에서 이번에도 깨달은 것 한 가지는 네이밍이라는 분야야말로 지나치게 깊이 파고들어갈 것이 아니라 끊임없이 지우고, 버리고, 비우고를 반복하며 먼 시각에서 흐린 눈(?)으로 바라봐야 한다는 것이었습니다.
이게 무슨 말인고 하면, 네이밍을 일반적인 기획이나 브랜딩처럼 기존의 지식과 정보 위로 쌓고 또 쌓아가며 다듬는 방법을 택하면 오히려 역효과가 날 수 있다는 의미입니다. 

06. 그래픽 디자이너로 시작해 90~2000년대 전 세계 기업의 로고를 수도 없이 많이 디자인 한 폴 랜드(Paul Rand)라는 인물을 아실 겁니다. 그런 폴 랜드가 남긴 유명한 어록이 하나 있죠. 
'좋은 이름을 만나면 로고 작업의 절반은 이미 끝나 있는 것과 마찬가지다. 좋은 이름은 탄생과 동시에 사람들의 일상 속으로 깊숙이 파고들어 그 자체로 브랜드가 되기 때문이다. 간결하지만 명확한 이름을 만나면 로고는 10초 만에도 그린다.'

07. 그래서 저는 네이밍을 할 때 나름의 원칙들이 몇 가지 있습니다. (물론 이 원칙은 자주 깨지기도 하지만요... 일단 저 스스로를 다독이는 무기인 셈이죠.)

첫째, 발음 자체가 되도록 간결하고 쉬울 것 
둘째, 의미 파악을 위한 depth가 깊지 않을 것 
셋째, 유행의 흐름을 되도록 덜 타게 할 것 
넷째, 다른 이름과 헷갈리게 만들지 않을 것 
다섯째, 후발주자라는 인식을 절대 심어주지 말 것 

08. 이렇게 보면 사실 위 다섯 가지 원칙은 하나의 문장으로 정리가 되는 것 같습니다.
바로 '쉽고 간결하되 누군가를 의식해서 만든 것처럼 보이지 않아야 한다'라고 말이죠. 그리고 저는 이것이야말로 네이밍이자 브랜딩을 하는 가장 본질적인 노력이라고도 생각합니다. '우리다움을 가장 명확하게 드러내되, 그것이 유일하고 특별하고 소중하게 하는 것'이 바로 브랜드를 만드는 첫 번째 이유가 될 테니 말이죠. 

09. 그래서 혹시라도 업무를 하시는 중에 네이밍을 해야 할 일이 있다면 그저 필 꽂히는 느낌대로 여러 단어를 조합해 볼 게 아니라 방망이 깎는 노인처럼 마치 그 브랜드가 그 이름으로 런칭했다고 가정하고 계속해서 가상현실에 접목해 보는 노력을 하는 게 중요합니다. 그러면서 불필요한 것을 덜어내고 더 명확하게 드러낼 수 있는 게 없을지 하나씩 체크하는 게 좋은 이름을 만드는 진정 어린 노력이 아닐까 싶거든요. 

10. 네이밍 업무를 할 때면 수명이 몇 년씩은 단축되는 듯한 느낌이지만, 좋은 이름 하나를 만들고 나면 그 뿌듯함과 벅참은 다른 무엇보다도 오래 보존됩니다. 누군가는 이름을 짓는다는 그 무게감이 버거워 굳이 맡으려고 하지 않을 때도 많지만 개인적으로는 한 번쯤 과감히 도전해 봐도 좋은 영역이라고 생각합니다. 다른 존재에게 이름을 부여한다는 행위는 기존에 우리가 하던 일과는 또 전혀 다른 책임감과 사명감을 안겨다 주기 때문이죠. 그래서 저는 이름을 짓는 일을 참 애정하고 더 잘하고 싶은가 봅니다.

이름을 짓는다는 것 : '네이밍'을 위한 현실적인 고민과 노력

[티빙 1주년]②삼성·LINE, 글로벌 동맹군 되나

“토종 인터넷동영상서비스(OTT) 플랫폼 '티빙'(TVING)이 글로벌 진출을 구체화했다. 독립출범 1년을 맞은 티빙은 '삼성전자'와 '라인'(LINE)을 파트너로 맞아들여 장·단기적인 글로벌 청사진을 그릴 계획이다.”

애니메이션 PD

드래곤라퓨타

3D 애니메이션 제작업계 종사자입니다. 애니메이션을 중심으로 재미있는 콘텐츠 이야기를 공유합니다.

design

조준호

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

한주현

경영로스팅

<K스토리의 힘>을 믿고, ‘콘텐츠’와 ‘플랫폼’을 ‘연결’하는데 관심이 많습니다.

댓글 0