Firstyear's blog-a-log

Passkeys가 나올때 큰 기대를 걸었지만 현실에서는 브라우저나 기기마다 구현이 달라지고 UI도 좋지 않아서 사용자 경험이 나쁘기 때문에 결국 일반 소비자에게는 실패할 것이라고 얘기하는 글입니다.

Passkeys가 나올때 이제 passwordless 시대가 온다고 많은 기대를 받았습니다. 따로 공부해 봐야지 하고는 아직도 못보고 있긴 하지만 Passwordless란게 너무 이상적으로 느껴지고 가능한가? 싶은 생각도 들었습니다.

구글, 깃헙, 애플 등 대형 서비스에서 하나둘씩 Passkeys가 도입되고 설정이 좀 귀찮긴 하지만 얼굴 인식이나 지문인식이 있는 곳에서는 꽤 편한 것도 사실이었습니다. 그럼에도 생체 인증이 없는 장비에서는 QR 코드를 이용해서 폰으로 카메라를 찍어야 했기 때문에 신기해서 쓰긴 하지만 딱히 편하다는 느낌은 없었습니다. 폰으로 뭔가 한다는게 꽤 편한 것처럼 느껴지면서도 막상 컴퓨터를 쓰다가 폰을 들어서 인증한다는게 저는 꽤 불편했습니다.

이 글에서도 얘기한대로 1password 같은 비밀 번호 관리자가 오히려 더 좋은 경험을 제공하고 있습니다. 이제는 비빌번호 관리자에서도 Passkeys를 지원하기 때문에 로그인할 때 비밀번호 관리자를 쓰는게 사실상 더 편한 경우도 꽤 많고 폰으로 연결하는 경우는 맥북에서 아이폰 조차도 때로는 통신하는데 딜레이가 꽤 있어서 귀찮은 적도 많았습니다.

이 글을 쓴 사람은 Passkeys의 미래를 보고 Rust로 Webauthn 라이브러리도 작성해서 잘 쓰이고 있지만 패스키의 등록 기기 수 제한 등 다양한 현실적인 문제로 사용자는 큰 불편함을 겪기 때문에 기술적 미래와 달리 실패할 것이라고 얘기하고 있습니다.

저도 꽤 기대했지만 막상 쓰니 큰 임팩트는 없기도 하고 아예 제 장비가 아닌 곳에서 쓸 때는 약간 편하긴 하지만 모든 사이트가 다되는것도 아니고 미리 등록도 해두어야 해서 활용도가 떨어지는 것도 사실입니다. 그리고 Passkeys를 MFA로 쓸수 있기도 하지만 원래 목적은 비밀번호를 대체하는 것이라서 2FA를 강제해야 하는 환경에서는 기존 패스워드 + 2차인증에서 Passkeys를 쓰면 2 팩터가 1팩터로 바뀌는 문제도 있긴 합니다.

https://fy.blackhats.net.au/blog/2024-04-26-passkeys-a-shattered-dream/

Passkeys가 나올때 큰 기대를 걸었지만 현실에서는 브라우저나 기기마다 구현이 달라지고 UI도 좋지 않아서 사용자 경험이 나쁘기 때문에 결국 일반 소비자에게는 실패할 것이라고 얘기하는 글입니다. Passkeys가 나올때 이제 passwordless 시대가 온다고 많은 기대를 받았습니다. 따로 공부해 봐야지 하고는 아직도 못보고 있긴 하지만 Passwordless란게 너무 이상적으로 느껴지고 가능한가? 싶은 생각도 들었습니다. 구글, 깃헙, 애플 등 대형 서비스에서 하나둘씩 Passkeys가 도입되고 설정이 좀 귀찮긴 하지만 얼굴 인식이나 지문인식이 있는 곳에서는 꽤 편한 것도 사실이었습니다. 그럼에도 생체 인증이 없는 장비에서는 QR 코드를 이용해서 폰으로 카메라를 찍어야 했기 때문에 신기해서 쓰긴 하지만 딱히 편하다는 느낌은 없었습니다. 폰으로 뭔가 한다는게 꽤 편한 것처럼 느껴지면서도 막상 컴퓨터를 쓰다가 폰을 들어서 인증한다는게 저는 꽤 불편했습니다. 이 글에서도 얘기한대로 1password 같은 비밀 번호 관리자가 오히려 더 좋은 경험을 제공하고 있습니다. 이제는 비빌번호 관리자에서도 Passkeys를 지원하기 때문에 로그인할 때 비밀번호 관리자를 쓰는게 사실상 더 편한 경우도 꽤 많고 폰으로 연결하는 경우는 맥북에서 아이폰 조차도 때로는 통신하는데 딜레이가 꽤 있어서 귀찮은 적도 많았습니다. 이 글을 쓴 사람은 Passkeys의 미래를 보고 Rust로 Webauthn 라이브러리도 작성해서 잘 쓰이고 있지만 패스키의 등록 기기 수 제한 등 다양한 현실적인 문제로 사용자는 큰 불편함을 겪기 때문에 기술적 미래와 달리 실패할 것이라고 얘기하고 있습니다. 저도 꽤 기대했지만 막상 쓰니 큰 임팩트는 없기도 하고 아예 제 장비가 아닌 곳에서 쓸 때는 약간 편하긴 하지만 모든 사이트가 다되는것도 아니고 미리 등록도 해두어야 해서 활용도가 떨어지는 것도 사실입니다. 그리고 Passkeys를 MFA로 쓸수 있기도 하지만 원래 목적은 비밀번호를 대체하는 것이라서 2FA를 강제해야 하는 환경에서는 기존 패스워드 + 2차인증에서 Passkeys를 쓰면 2 팩터가 1팩터로 바뀌는 문제도 있긴 합니다. https://fy.blackhats.net.au/blog/2024-04-26-passkeys-a-shattered-dream/

Blackhats

규칙 없음 - 넷플릭스, 지구상 가장 빠르고 유연한 기업의 비밀 규칙 없음 - 넷플릭스, 지구상 가장 빠르고 유연한 기...

[Book] 규칙 없음 - 넷플릭스, 지구상 가장 빠르고 유연한 기업의 비밀 :: Outsider's Dev Story

Netflix의 문화를 설명한 규칙없음을 읽었습니다.

수년전 넷플릭스의 컬처덱 슬라이드를 읽고 큰 인상을 받았는데 그 내용을 자세히 설명한 책이어서 재미있게 읽었습니다. Netflix는 규칙을 가능한한 만들지 않고 개인의 자유를 보장하고 그에 따른 책임을 지도록 하는 문화를 바탕으로 여기까지 왔습니다.

모든 제도는 하나만으로는 유지될 수 없고 서로 보완적으로 동작하면서 문화로 자리잡게 되는게 그런 면에서 파격적이면서 많은 고민을 통해 만든 문화라는 생각이 들었습니다. 책을 읽으면서 이렇게까지? 하는 부분도 있지만 전반적으로 제가 좋아하는 문화(대부분은 또 이미 Netflix의 문화가 퍼진 영향이라고 생각합니다)라는 생각이 들어서 재미있게 읽었습니다.

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

Netflix의 문화를 설명한 규칙없음을 읽었습니다. 수년전 넷플릭스의 컬처덱 슬라이드를 읽고 큰 인상을 받았는데 그 내용을 자세히 설명한 책이어서 재미있게 읽었습니다. Netflix는 규칙을 가능한한 만들지 않고 개인의 자유를 보장하고 그에 따른 책임을 지도록 하는 문화를 바탕으로 여기까지 왔습니다. 모든 제도는 하나만으로는 유지될 수 없고 서로 보완적으로 동작하면서 문화로 자리잡게 되는게 그런 면에서 파격적이면서 많은 고민을 통해 만든 문화라는 생각이 들었습니다. 책을 읽으면서 이렇게까지? 하는 부분도 있지만 전반적으로 제가 좋아하는 문화(대부분은 또 이미 Netflix의 문화가 퍼진 영향이라고 생각합니다)라는 생각이 들어서 재미있게 읽었습니다. https://blog.outsider.ne.kr/1720

Outsider's Dev Story

We're redefining the developer environment with GitHub Copilot Workspace - where any developer can go from idea, to code, to software all in natural language.

GitHub Copilot Workspace: Welcome to the Copilot-native developer environment

작년 GitHub Universe에서 처음 공개되었던 GitHub Copilot Workspace의 테크리컬 프리뷰가 드디어 공개되었습니다.

GitHub Copilot Workspace는 Copilot의 더 진화된 버전으로 IDE나 에디터에서 코드 자동완성을 도와주거나 Copilot Chat처럼 코드에 대해 AI와 대화를 나누면서 코드를 완성할 수 있는 수준을 넘어서서 이슈에서 코드 완성까지 AI의 도움을 받는 기능입니다.

GitHub Copilot Workspace는 GitHub 이슈에서 워크스페이스를 시작하면 어떤 변경 사항을 만들지에 대한 계획은 Copilot과 같이 세우고 이를 바탕으로 AI가 변경사항에 대한 코드 제안을 올리면 이를 확인하고 수정할 부분은 수정한 뒤에 그대로 Pull Request를 만들 수 있는 기능입니다.

개인적으로 GitHub Copilot Workspace 사용 허락을 받았지만 아직 다른 일로 제대로 기능을 확인해 보지는 못했지만 앞으로도 계속 발전할 것이고 모든 코드를 이걸로 작성할 수는 없겠지만 일부 기능은 GitHub Copilot Workspace를 통해서 상당히 빠르고 쉽게 수정할 수 있을 것으로 보여서 기대가 큽니다.

조만간 제대로 살펴보고 어떤 느낌인지 정리해 보려고 합니다.

https://github.blog/2024-04-29-github-copilot-workspace/

작년 GitHub Universe에서 처음 공개되었던 GitHub Copilot Workspace의 테크리컬 프리뷰가 드디어 공개되었습니다. GitHub Copilot Workspace는 Copilot의 더 진화된 버전으로 IDE나 에디터에서 코드 자동완성을 도와주거나 Copilot Chat처럼 코드에 대해 AI와 대화를 나누면서 코드를 완성할 수 있는 수준을 넘어서서 이슈에서 코드 완성까지 AI의 도움을 받는 기능입니다. GitHub Copilot Workspace는 GitHub 이슈에서 워크스페이스를 시작하면 어떤 변경 사항을 만들지에 대한 계획은 Copilot과 같이 세우고 이를 바탕으로 AI가 변경사항에 대한 코드 제안을 올리면 이를 확인하고 수정할 부분은 수정한 뒤에 그대로 Pull Request를 만들 수 있는 기능입니다. 개인적으로 GitHub Copilot Workspace 사용 허락을 받았지만 아직 다른 일로 제대로 기능을 확인해 보지는 못했지만 앞으로도 계속 발전할 것이고 모든 코드를 이걸로 작성할 수는 없겠지만 일부 기능은 GitHub Copilot Workspace를 통해서 상당히 빠르고 쉽게 수정할 수 있을 것으로 보여서 기대가 큽니다. 조만간 제대로 살펴보고 어떤 느낌인지 정리해 보려고 합니다. https://github.blog/2024-04-29-github-copilot-workspace/

The GitHub Blog

기술의 역사를 살펴보는 팟캐스트입니다

1k. JavaScript Framework: 오픈소스로 공개된 React.js - RetroTech

React.js는 공개된 자료도 많다보니 내용이 많아져서 2편으로 나누어서 팟캐스트를 녹음했습니다.

지난 번에 페이스북내에서 React.js가 어떻게 만들어지고 발전했는지를 설명했는데 이번 에피소드에서는 Facebook이 React.js를 오픈소스로 공개하기로 하고 공개된 이후의 발전 과정을 살펴봤습니다.

https://retrotech.outsider.dev/episodes/1k

React.js는 공개된 자료도 많다보니 내용이 많아져서 2편으로 나누어서 팟캐스트를 녹음했습니다. 지난 번에 페이스북내에서 React.js가 어떻게 만들어지고 발전했는지를 설명했는데 이번 에피소드에서는 Facebook이 React.js를 오픈소스로 공개하기로 하고 공개된 이후의 발전 과정을 살펴봤습니다. https://retrotech.outsider.dev/episodes/1k

RetroTech 팟캐스트

운전할 때 팟캐스트 듣는 걸 좋아합니다. 개발자 팟캐스트.

3년 전쯤 xguru님이 긱뉴스를 팟캐스트로 운영했던 적이 있습니다.
이 팟캐스트가 너무 좋아서 운전하는 날이 기다려질 정도였습니다.
잠시만 운영하고 끝나서 아쉽습니다.

최근에 아웃사이더님이 레트로테크라는 팟캐스트를 시작해주셔서 위안을 받고 있습니다.
옛날 기술들을 듣다보면 코딩을 처음 배우던 시절로 푹 빠져들곤 합니다.

어제는 조코딩의 팟캐스트도 오픈을 했습니다.
유튜브 앱만이 아니라 애플 팟캐스트와 스포티파이를 통해서도 들을 수 있게 됐습니다.
(저도 출연해서 1인 개발 이야기로 한 꼭지를 다뤘습니다.)

앞으로 재밌는 경험을 가진 분들을 많이 모셔서 이야기를 들어볼 수 있게 되길 바랍니다.

팟캐스트들을 쭉 살펴보다가 우리나라 개발자 팟캐스트가 너무 부족한 건 아닐까 생각이 들었습니다.
어쩌면 여기에도 기회가 있는 건 아닐까?
유익한 개발자 팟캐스트가 많이 생겼으면 좋겠습니다.

운전할 때 팟캐스트 듣는 걸 좋아합니다. 개발자 팟캐스트. 3년 전쯤 xguru님이 긱뉴스를 팟캐스트로 운영했던 적이 있습니다. 이 팟캐스트가 너무 좋아서 운전하는 날이 기다려질 정도였습니다. 잠시만 운영하고 끝나서 아쉽습니다. 최근에 아웃사이더님이 레트로테크라는 팟캐스트를 시작해주셔서 위안을 받고 있습니다. 옛날 기술들을 듣다보면 코딩을 처음 배우던 시절로 푹 빠져들곤 합니다. 어제는 조코딩의 팟캐스트도 오픈을 했습니다. 유튜브 앱만이 아니라 애플 팟캐스트와 스포티파이를 통해서도 들을 수 있게 됐습니다. (저도 출연해서 1인 개발 이야기로 한 꼭지를 다뤘습니다.) 앞으로 재밌는 경험을 가진 분들을 많이 모셔서 이야기를 들어볼 수 있게 되길 바랍니다. 팟캐스트들을 쭉 살펴보다가 우리나라 개발자 팟캐스트가 너무 부족한 건 아닐까 생각이 들었습니다. 어쩌면 여기에도 기회가 있는 건 아닐까? 유익한 개발자 팟캐스트가 많이 생겼으면 좋겠습니다.

개발자 팟캐스트

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

개발자로 전문성에 너무 집중하면 나는 개발 이외의 다른 업무에 관심없다고 생각하거나 개발 밖의 일을 하는 것이 내 커리어에 도움이 안된다고 생각하기 쉽다. 앞서 글에서 자주 언급했지만 커리어는 내가 맡은 업무를 통해 성과를 내며 팀플레이어로 일을 할 때 발전한다.

성과를 낸다는 관점에서 중요한 포인트는 내 업무 바깥이라도 필요하다면 하나의 팀으로 도와주며 일을 할 필요가 있다는 점이며 이는 작은 회사에서는 더 필요한 역량 아닌 역량이다. 보통 작은 회사에서 다양한 일을 하다보면 전문성이 없다고 생각하고 연차에 맞는 역량을 갖고 있는지 의문을 많이 갖던데 조금 다른 포인트이고 따로 글을 써보려고 하지만 "연차"가 주는 잘못된 압박감도 만만치 않은 것 같다. 각자 자기의 길을 따라 쌓는 것이 연차이기에 남과 비교하며 나는 뒤쳐져 있나 조바심내기 보다는 내가 맡은 일에 성과를 내고 있는지 그리고 성과를 내기 위한 학습을 하고 있는지에 초점을 맞출 필요가 있다.

내가 만든 코드가 잘못 동작할 때 고생할 다른 사람들을 생각하면 코드를 작성하는 것부터 시작해서 다양한 대화 채널을 만드는 것이 하나의 팀으로 일하는 방법 중의 하나이다. 예를 들면 다음과 같은 것을 들 수 있다.

 * 에러 메시지를 기술적인 지식이 없는 사람들도 이해하고 액션을 취하기 쉽게 만든다. 이것만 잘해도 CS팀과 영업팀과의 의사소통의 질이 올라갈 뿐만 아니라 개발자 본인의 문제해결도 쉬워진다.
 * 관련해서 서버 단에도 로그를 최대한 많이 심어두면 고객 관련 불만이나 장애 등이 생겼을 때 문제 해결이 쉬워지며 이는 다음 포스팅에서 이야기할 서비스 사고 대처 능력을 키우는 기본 자세 중의 하나가 된다. 로그를 남기는 것에 대해서는 다음 회에 더 이야기해보겠다.
 * CS팀과 영업팀과 주기적인 소통을 통해 고객과의 대화를 통해 그들이 느끼는 고통을 느껴봐야한다. CS팀과 같이 많이 들어오는 티켓이나 큰 문제의 가능성을 보여주는 티켓을 리뷰해보는 것이 중요하다. B2B단이라면 영업을 담당하는 AM(Account Manager)들과 비슷한 프로세스를 만들어보는 것이 필요하다. 하지만 좋은 의도로 요청이 들어올 때마다 문제해결을 하려고 하다보면 정작 다른 일을 못하는 문제가 생기에는 사람이 바뀌어도 돌아가는 형태로 협업이 정착되려면 프로세스를 만드는 것이 중요하다. 아마존의 순서파괴(Working Backwards)에서 이야기한 "Good intentions never work, you need good mechanisms to make anything happen"가 기억해야할 점이다. 즉 좋은 의도만으로 일이 돌아가지는 않는다는 점이며 계속 돌아갈 수 있는 프로세스를 만드는 것이 필요하다.
 * 이 부분은 프로덕트 매니저가 리드하는 것이 일반적이긴 하지만 개발자들도 새로운 기능이 추가되거나 기존 기능이 변경되는 경우 관련 팀에 뉴스가 미리 전달되어야 한다는 점을 명확하게 인지하고 관련해서 노력을 기울여야 한다. 이게 안되면 CS팀이나 세일즈팀이 고생한다. 릴리스 노트 공유가 잘 이뤄지는 것이 운영단의 어려움을 크게 줄인다.

개발자니 개발만 잘 하면 된다고 생각할지 모르지만 결국은 의사소통 능력이며 이 중의 하나는 내가 만든 결과물로 인해 고생할지도 모르는 사람들을 고려한 개발을 하고 많이 대화해보면서 개선하는 거다.

<ol ><li>기본기 확실히 하기</li><li>학습 능력 키우기</li><li>의사 소통 잘하기</li><li>문제 정의 잘하기</li><li>태스크 완료 시간 추정 잘하기</li><li>운영을 고려한 코드 작성하기</li><li>서비스 사고 대처 능력 키우기</li><li>결과를 내는데 집중하기</li><li>영향력 갖기 <s>(코딩 멍키)</s></li></ol> 개발자로 전문성에 너무 집중하면 나는 개발 이외의 다른 업무에 관심없다고 생각하거나 개발 밖의 일을 하는 것이 내 커리어에 도움이 안된다고 생각하기 쉽다. 앞서 글에서 자주 언급했지만 커리어는 내가 맡은 업무를 통해 성과를 내며 팀플레이어로 일을 할 때 발전한다. 성과를 낸다는 관점에서 중요한 포인트는 내 업무 바깥이라도 필요하다면 하나의 팀으로 도와주며 일을 할 필요가 있다는 점이며 이는 작은 회사에서는 더 필요한 역량 아닌 역량이다. 보통 작은 회사에서 다양한 일을 하다보면 전문성이 없다고 생각하고 연차에 맞는 역량을 갖고 있는지 의문을 많이 갖던데 조금 다른 포인트이고 따로 글을 써보려고 하지만 "연차"가 주는 잘못된 압박감도 만만치 않은 것 같다. 각자 자기의 길을 따라 쌓는 것이 연차이기에 남과 비교하며 나는 뒤쳐져 있나 조바심내기 보다는 내가 맡은 일에 성과를 내고 있는지 그리고 성과를 내기 위한 학습을 하고 있는지에 초점을 맞출 필요가 있다. 내가 만든 코드가 잘못 동작할 때 고생할 다른 사람들을 생각하면 코드를 작성하는 것부터 시작해서 다양한 대화 채널을 만드는 것이 하나의 팀으로 일하는 방법 중의 하나이다. 예를 들면 다음과 같은 것을 들 수 있다. <ul ><li>에러 메시지를 기술적인 지식이 없는 사람들도 이해하고 액션을 취하기 쉽게 만든다. 이것만 잘해도 CS팀과 영업팀과의 의사소통의 질이 올라갈 뿐만 아니라 개발자 본인의 문제해결도 쉬워진다.</li><li>관련해서 서버 단에도 로그를 최대한 많이 심어두면 고객 관련 불만이나 장애 등이 생겼을 때 문제 해결이 쉬워지며 이는 다음 포스팅에서 이야기할 서비스 사고 대처 능력을 키우는 기본 자세 중의 하나가 된다. 로그를 남기는 것에 대해서는 다음 회에 더 이야기해보겠다.</li><li>CS팀과 영업팀과 주기적인 소통을 통해 고객과의 대화를 통해 그들이 느끼는 고통을 느껴봐야한다. CS팀과 같이 많이 들어오는 티켓이나 큰 문제의 가능성을 보여주는 티켓을 리뷰해보는 것이 중요하다. B2B단이라면 영업을 담당하는 AM(Account Manager)들과 비슷한 프로세스를 만들어보는 것이 필요하다. 하지만 좋은 의도로 요청이 들어올 때마다 문제해결을 하려고 하다보면 정작 다른 일을 못하는 문제가 생기에는 사람이 바뀌어도 돌아가는 형태로 협업이 정착되려면 프로세스를 만드는 것이 중요하다. 아마존의 순서파괴(Working Backwards)에서 이야기한 "Good intentions never work, you need good mechanisms to make anything happen"가 기억해야할 점이다. 즉 좋은 의도만으로 일이 돌아가지는 않는다는 점이며 계속 돌아갈 수 있는 프로세스를 만드는 것이 필요하다.</li><li>이 부분은 프로덕트 매니저가 리드하는 것이 일반적이긴 하지만 개발자들도 새로운 기능이 추가되거나 기존 기능이 변경되는 경우 관련 팀에 뉴스가 미리 전달되어야 한다는 점을 명확하게 인지하고 관련해서 노력을 기울여야 한다. 이게 안되면 CS팀이나 세일즈팀이 고생한다. 릴리스 노트 공유가 잘 이뤄지는 것이 운영단의 어려움을 크게 줄인다.</li></ul> 개발자니 개발만 잘 하면 된다고 생각할지 모르지만 결국은 의사소통 능력이며 이 중의 하나는 내가 만든 결과물로 인해 고생할지도 모르는 사람들을 고려한 개발을 하고 많이 대화해보면서 개선하는 거다.

좋은 개발자가 알아야하는 9가지 포인트들 - 6. 운영 고려 코드 작성

자바스크립트 객체에 특정 속성이 있는지 확인하는 방법

객체 지향 프로그래밍 언어인 자바스크립트에서는 객체에 어떤 속성이 들어 있는지 알아내야 할 때가 많은데요. 이번 포스팅에서는 자바스크립트 객체에 특정 속성을 있는지 확인하는 다양한 방법에 대해서 실습을 통해 정리해보겠습니다.

📝 포스팅: https://www.daleseo.com/js-object-has-own/

객체 지향 프로그래밍 언어인 자바스크립트에서는 객체에 어떤 속성이 들어 있는지 알아내야 할 때가 많은데요. 이번 포스팅에서는 자바스크립트 객체에 특정 속성을 있는지 확인하는 다양한 방법에 대해서 실습을 통해 정리해보겠습니다. 📝 포스팅: https://www.daleseo.com/js-object-has-own/

Daleseo

자바스크립트 객체에 특정 속성이 있는지 확인하는 방법 🔍

Apple이 자체 제작한 최신 실리콘 칩이자 완전히 새로운 iPad Pro에 경이로운 성능을 선사하는 M4를 오늘 발표했다.

Apple, M4 칩 공개

애플에서 M4이 새로 나왔습니다.
재밌는 것은 새로운 칩인데 아이패드에 가장 먼저 장착이 됐다는 것입니다.
3나노 공정으로 만들었다고 하는데요.
최신칩이들어가서 그런것인지, 환율이 문제인지...
아마 둘다 일것입니다만, 이번 아이패드는 참 비싸다는 생각이 들었습니다.

이와는 별개로 M4칩은 매우 잘 나와 준것 같아서,
M4칩이 탑재될 맥북프로가 기대됩니다.

6월 10일에 개발자 행사를 개최한다고 하니 이 때 맥북도 발표하면 좋겠네요.
https://www.apple.com/kr/newsroom/2024/03/apples-worldwide-developers-conference-returns-june-10-2024/

https://www.apple.com/kr/newsroom/2024/05/apple-introduces-m4-chip/

애플에서 M4이 새로 나왔습니다. 재밌는 것은 새로운 칩인데 아이패드에 가장 먼저 장착이 됐다는 것입니다. 3나노 공정으로 만들었다고 하는데요. 최신칩이들어가서 그런것인지, 환율이 문제인지... 아마 둘다 일것입니다만, 이번 아이패드는 참 비싸다는 생각이 들었습니다. 이와는 별개로 M4칩은 매우 잘 나와 준것 같아서, M4칩이 탑재될 맥북프로가 기대됩니다. 6월 10일에 개발자 행사를 개최한다고 하니 이 때 맥북도 발표하면 좋겠네요. https://www.apple.com/kr/newsroom/2024/03/apples-worldwide-developers-conference-returns-june-10-2024/ https://www.apple.com/kr/newsroom/2024/05/apple-introduces-m4-chip/

Apple Newsroom

애플의 M4 칩 공개

LeetCode의 191. Number of 1 Bits 문제를 파이썬으로 풀어보도록 하겠습니다.- 전체 코드: https://www.algodale.com/problems/number-of-1-bits/- 문제 출처: https://leetcode.com/problems/numb...

LeetCode 문제 191. Number of 1 Bits 파이썬 풀이

코딩 테스트를 준비하시는 분들을 위해서 일주일에 한 번씩 문제 풀이를 해드리고 있습니다. 이번 시간에는 LeetCode의 191번째 문제인 Number of 1 Bits를 세가지 방법으로 풀어보겠습니다.

📺 동영상: https://youtu.be/DwNEyAKmUoE
📝 포스팅: https://www.algodale.com/problems/number-of-1-bits/

코딩 테스트를 준비하시는 분들을 위해서 일주일에 한 번씩 문제 풀이를 해드리고 있습니다. 이번 시간에는 LeetCode의 191번째 문제인 Number of 1 Bits를 세가지 방법으로 풀어보겠습니다. 📺 동영상: https://youtu.be/DwNEyAKmUoE📝 포스팅: https://www.algodale.com/problems/number-of-1-bits/

YouTube

리트코드 191. Number of 1 Bits

지난 2주 동안 이전 회사 (미국 회사) 팀원들과 콜을 할 기회가 있었다. 한 친구는 파이낸스 회사에서 DoorDash로 옮기면서 조언을 요청했고 다른 친구는 Nvidia에서 매니지먼트 트랙으로 올라가면서 조언을 요청했다. 둘다 내가 뽑았고 같이 일을 밀접하게 했기에 조언을 좀더 구체적으로 해줄 수 있었다.

오늘은 매니지먼트 트랙으로 옮기는 친구에게 해준 이야기를 한번 요약해보고자 한다. 처음 매니저 역할을 함에도 불구하고 처음부터 5명의 팀원을 매니지하고 경험이 더 많은 팀원들도 있어서 어떻게 해야할지 질문이 있었다. 하지만 좋았던 점은 한국에서 흔히 볼 수 있는 기술 개발에서 손을 조금 뗀다는 측면에 대한 걱정은 없었다는 점이었다. 기술의 전문성에서 본인의 영향력을 키우는 리더십이란 전문성으로 스위치하는데 상대적으로 덜 주저하는 사람들이 많은 곳이 실리콘밸리가 아닌가 싶다.

 1. 주니어 팀 멤버들의 성장에 신경을 쓰되 너무 많은 시간을 쓰며 일을 대신 해주지 말라는 거였다. 이는 이 친구의 성향을 내가 너무 잘 알기에 해준 조언이었는데 좋은 의도로 시간을 쓰며 도와준다해도 반복되는 경우에는 그 이유는 무엇인지 root cause를 파악하고 근본적인 이유를 해결하는데 집중하는 것이 낫다
 2. 위와 연관되어서 더 많은 시간을 더 잘하는 팀원들과 보내라고 이야기해주었다. 여기서 더 잘한다의 기준은 시니어가 아니고 성장 가능성이 있고 실제로 기여를 하는 팀원 기준으로 바라보는 거였다. 예를 들어 일대일 미팅을 보통은 주당 한번 한다면 잘하는 팀원들과는 두번 보라는 거였다.
 3. 시니어 팀원들의 경우 그 팀원들의 장점을 최대한 활용하고 존중해주지만 일을 하는 방식에 있어 아쉬운 부분이 보이면 빨리 이야기를 해보라는 거였다. 본인의 판단을 믿고 불편함과 친해져라("embrace discomfort")고 이야기해주었고 이해가 안되고 약간 느낌이 안 좋은 경우에는 계속 질문해서 파고 들어가 보라고 이야기해주었다 ("dive deep")
 4. Nvidia는 큰 회사이기에 고과에 있어서는 회사 시스템을 먼저 파악하고 매니저와 항상 얼라인하고 피어 매니저들과도 계속 이야기하면서 협업 잘하고, 연말 혹은 연초 고과 관련 "Calibration" 미팅 준비를 많이 해두고, 영향력을 키우라고 이야기해주었다.
 5. 마지막으로 해준 이야기는 리더십이란 시간을 두고 만들어가는 스킬이지 타고난 재능이 아니기에 앞단의 실수를 실수가 아닌 교훈으로 바라보라고 했고, 맞는 선택인지 회의가 들 때는 지금 매니저가 본인을 새 매니저로 선택한 이유가 있을테니 본인을 더 믿고 매니저에게 도움을 요청해보라고 했다.

오랜만에 이전 팀원들과 이야기하다보니 주니어였던 친구들이 이젠 정말 성장했구나 하는 생각도 들고, 계속 인연을 잘 유지했구나 하는 생각이 든다. 사람을 만날 때는 그 사람의 현재 위치가 아닌 사람의 됨됨이와 가능성을 보는 것이 좋다.

지난 2주 동안 이전 회사 (미국 회사) 팀원들과 콜을 할 기회가 있었다. 한 친구는 파이낸스 회사에서 DoorDash로 옮기면서 조언을 요청했고 다른 친구는 Nvidia에서 매니지먼트 트랙으로 올라가면서 조언을 요청했다. 둘다 내가 뽑았고 같이 일을 밀접하게 했기에 조언을 좀더 구체적으로 해줄 수 있었다. 오늘은 매니지먼트 트랙으로 옮기는 친구에게 해준 이야기를 한번 요약해보고자 한다. 처음 매니저 역할을 함에도 불구하고 처음부터 5명의 팀원을 매니지하고 경험이 더 많은 팀원들도 있어서 어떻게 해야할지 질문이 있었다. 하지만 좋았던 점은 한국에서 흔히 볼 수 있는 기술 개발에서 손을 조금 뗀다는 측면에 대한 걱정은 없었다는 점이었다. 기술의 전문성에서 본인의 영향력을 키우는 리더십이란 전문성으로 스위치하는데 상대적으로 덜 주저하는 사람들이 많은 곳이 실리콘밸리가 아닌가 싶다. <ol ><li> 주니어 팀 멤버들의 성장에 신경을 쓰되 너무 많은 시간을 쓰며 일을 대신 해주지 말라는 거였다. 이는 이 친구의 성향을 내가 너무 잘 알기에 해준 조언이었는데 좋은 의도로 시간을 쓰며 도와준다해도 반복되는 경우에는 그 이유는 무엇인지 root cause를 파악하고 근본적인 이유를 해결하는데 집중하는 것이 낫다</li><li>위와 연관되어서 더 많은 시간을 더 잘하는 팀원들과 보내라고 이야기해주었다. 여기서 더 잘한다의 기준은 시니어가 아니고 성장 가능성이 있고 실제로 기여를 하는 팀원 기준으로 바라보는 거였다. 예를 들어 일대일 미팅을 보통은 주당 한번 한다면 잘하는 팀원들과는 두번 보라는 거였다.</li><li>시니어 팀원들의 경우 그 팀원들의 장점을 최대한 활용하고 존중해주지만 일을 하는 방식에 있어 아쉬운 부분이 보이면 빨리 이야기를 해보라는 거였다. 본인의 판단을 믿고 불편함과 친해져라("embrace discomfort")고 이야기해주었고 이해가 안되고 약간 느낌이 안 좋은 경우에는 계속 질문해서 파고 들어가 보라고 이야기해주었다 ("dive deep")</li><li>Nvidia는 큰 회사이기에 고과에 있어서는 회사 시스템을 먼저 파악하고 매니저와 항상 얼라인하고 피어 매니저들과도 계속 이야기하면서 협업 잘하고, 연말 혹은 연초 고과 관련 "Calibration" 미팅 준비를 많이 해두고, 영향력을 키우라고 이야기해주었다.</li><li>마지막으로 해준 이야기는 리더십이란 시간을 두고 만들어가는 스킬이지 타고난 재능이 아니기에 앞단의 실수를 실수가 아닌 교훈으로 바라보라고 했고, 맞는 선택인지 회의가 들 때는 지금 매니저가 본인을 새 매니저로 선택한 이유가 있을테니 본인을 더 믿고 매니저에게 도움을 요청해보라고 했다.</li></ol> 오랜만에 이전 팀원들과 이야기하다보니 주니어였던 친구들이 이젠 정말 성장했구나 하는 생각도 들고, 계속 인연을 잘 유지했구나 하는 생각이 든다. 사람을 만날 때는 그 사람의 현재 위치가 아닌 사람의 됨됨이와 가능성을 보는 것이 좋다.

개발 매니저라는  전문성

NAVER D2

국내
네이버 - https://d2.naver.com/home
네이버 플레이스 - https://medium.com/naver-place-dev
카카오 - https://tech.kakao.com/blog/
카카오페이 - https://tech.kakaopay.com/
카카오스타일 - https://devblog.kakaostyle.com/ko/
쿠팡 - https://medium.com/coupang-engineering/kr/home
우아한형제들 - https://techblog.woowahan.com/
요기요 - https://techblog.yogiyo.co.kr/
현대자동차 - https://42dot.ai/blog
토스 - https://toss.tech/
뱅크샐러드 - https://blog.banksalad.com/
쏘카 - https://tech.socarcorp.kr/
직방 - https://medium.com/zigbang
지마켓 - https://dev.gmarket.com/
마켓컬리 - https://helloworld.kurly.com/
당근 - https://medium.com/daangn
중고나라 - https://teamblog.joonggonara.co.kr/
여기어때 - https://techblog.gccompany.co.kr/
라인 - https://engineering.linecorp.com/ko
넥슨 - https://www.intelligencelabs.tech/
데브시스터즈 - https://tech.devsisters.com/
왓차 - https://medium.com/watcha
무신사 - https://medium.com/musinsa-tech

국외
구글 - https://developers.googleblog.com/ko/
구글플레이 - https://medium.com/googleplaydev
아마존 - https://developer.amazon.com/en-US/blogs/alexa
애플 - https://developer.apple.com/
깃허브 - https://github.blog/
이베이 - https://innovation.ebayinc.com/tech/
페이스북 - https://engineering.fb.com/
슬랙 - https://slack.engineering/
트위터 - https://blog.twitter.com/engineering/en_us
에어비앤비 - https://medium.com/airbnb-engineering
넷플릭스 - https://netflixtechblog.com/?gi=f87f6e01f27a
MS - https://techcommunity.microsoft.com/

국내네이버 - https://d2.naver.com/home네이버 플레이스 - https://medium.com/naver-place-dev카카오 - https://tech.kakao.com/blog/카카오페이 - https://tech.kakaopay.com/카카오스타일 - https://devblog.kakaostyle.com/ko/쿠팡 - https://medium.com/coupang-engineering/kr/home우아한형제들 - https://techblog.woowahan.com/요기요 - https://techblog.yogiyo.co.kr/현대자동차 - https://42dot.ai/blog토스 - https://toss.tech/뱅크샐러드 - https://blog.banksalad.com/쏘카 - https://tech.socarcorp.kr/직방 - https://medium.com/zigbang지마켓 - https://dev.gmarket.com/마켓컬리 - https://helloworld.kurly.com/당근 - https://medium.com/daangn중고나라 - https://teamblog.joonggonara.co.kr/여기어때 - https://techblog.gccompany.co.kr/라인 - https://engineering.linecorp.com/ko넥슨 - https://www.intelligencelabs.tech/데브시스터즈 - https://tech.devsisters.com/왓차 - https://medium.com/watcha무신사 - https://medium.com/musinsa-tech 국외구글 - https://developers.googleblog.com/ko/구글플레이 - https://medium.com/googleplaydev아마존 - https://developer.amazon.com/en-US/blogs/alexa애플 - https://developer.apple.com/깃허브 - https://github.blog/이베이 - https://innovation.ebayinc.com/tech/페이스북 - https://engineering.fb.com/슬랙 - https://slack.engineering/트위터 - https://blog.twitter.com/engineering/en_us에어비앤비 - https://medium.com/airbnb-engineering넷플릭스 - https://netflixtechblog.com/?gi=f87f6e01f27aMS - https://techcommunity.microsoft.com/

Naver

회사 테크 블로그 모음 👨🏻‍💻

3개월간 개발한 마이크로서비스에 498개의 테스트 코드를 작성한 시니어 개발자가 추천해준 을 번역했다. 테스트의 종류와 이유, 철학을 Java, SpringBoot, JUnit을 사용한 예시와 함께 설명한다.

실용적인 테스트 피라미드 (번역)

최근에 이직한 미국 회사에 테스트에 진심인 시니어 개발자가 있었습니다. 그가 혼자서 약 3개월간 개발한 Java/Spring 기반의 백엔드 마이크로서비스는 무려 498개의 테스트가 작성되었습니다. 😵

물론 개수가 많다고 무조건 좋은 테스트는 아니지만, 그는 필요한 테스트들만 견고하게 작성했고, 다양한 종류와 범위의 테스트들을 깔끔하게 구성하고 읽기 편하게 작성했으며, JUnit5와 Mockito 등의 테스트 라이브러리의 기능들을 풍부하게 활용해서 배울 점이 많았습니다.

심지어 테스트하기 쉬운 프로젝트도 아니었습니다:
 1. 외부 서비스들 및 사내 마이크로서비스들간의 복잡한 연계가 필요한 서비스였고,
 2. 1980년대부터 현재까지 운영중인 사내 레거시 시스템(BASIC과 COBOL로 개발됨)의 동작은 일정하지 않았으며,
 3. 암호화되지 않은 개인정보들 때문에 DB 접근 권한이 제한되어 실시간 데이터를 얻을 수 없는 반면, 비즈니스 관리자들은 데이터를 직접 변경할 수 있었으며,
 4. 다양한 이해관계자들에 의해 요구사항이 수없이 바뀌었고,
 5. 시간 및 위치 데이터에 민감한 서비스라 미국 각 지역의 시차에 따라 다른 동작이 필요한 까다로운 서비스였다.

이정도로 복잡한 백엔드 서비스들은 봐왔지만 이렇게 확실하게 테스트하는 경우는 본 적이 없어서,
이래서 차는 독일차를 사라는건가..🤔
라는 구시대적 선입견이 스멀스멀 피어오르기도 했습니다. (그는 독일 혹은 폴란드 출신입니다)

그에게
너처럼 테스트 코드 작성하려면 어디서부터 시작해야해?
라고 물었는데, 그는 곧바로
Test Pyramid를 먼저 이해하는게 좋아
라며 이 글을 추천해줬습니다.

그래서 주말에 각 잡고 읽는 김에 번역해보았습니다. 🙃

https://www.integer.blog/practical-test-pyramid/?ref=careerly.co.kr

최근에 이직한 미국 회사에 테스트에 진심인 시니어 개발자가 있었습니다. 그가 혼자서 약 3개월간 개발한 Java/Spring 기반의 백엔드 마이크로서비스는 무려 498개의 테스트가 작성되었습니다. 😵 물론 개수가 많다고 무조건 좋은 테스트는 아니지만, 그는 필요한 테스트들만 견고하게 작성했고, 다양한 종류와 범위의 테스트들을 깔끔하게 구성하고 읽기 편하게 작성했으며, JUnit5와 Mockito 등의 테스트 라이브러리의 기능들을 풍부하게 활용해서 배울 점이 많았습니다. 심지어 테스트하기 쉬운 프로젝트도 아니었습니다:<ol ><li>외부 서비스들 및 사내 마이크로서비스들간의 복잡한 연계가 필요한 서비스였고,</li><li>1980년대부터 현재까지 운영중인 사내 레거시 시스템(BASIC과 COBOL로 개발됨)의 동작은 일정하지 않았으며,</li><li>암호화되지 않은 개인정보들 때문에 DB 접근 권한이 제한되어 실시간 데이터를 얻을 수 없는 반면, 비즈니스 관리자들은 데이터를 직접 변경할 수 있었으며,</li><li>다양한 이해관계자들에 의해 요구사항이 수없이 바뀌었고,</li><li>시간 및 위치 데이터에 민감한 서비스라 미국 각 지역의 시차에 따라 다른 동작이 필요한 까다로운 서비스였다.</li></ol> 이정도로 복잡한 백엔드 서비스들은 봐왔지만 이렇게 확실하게 테스트하는 경우는 본 적이 없어서, <code >이래서 차는 독일차를 사라는건가..🤔</code>라는 구시대적 선입견이 스멀스멀 피어오르기도 했습니다. (그는 독일 혹은 폴란드 출신입니다) ​그에게 <code >너처럼 테스트 코드 작성하려면 어디서부터 시작해야해?</code> 라고 물었는데, 그는 곧바로 <code >Test Pyramid를 먼저 이해하는게 좋아</code>라며 이 글을 추천해줬습니다. 그래서 주말에 각 잡고 읽는 김에 번역해보았습니다. 🙃 https://www.integer.blog/practical-test-pyramid/?ref=careerly.co.kr

1nteger 🏄🏻‍♂️

498개의 테스트 코드 (번역)

Dev Ranking

GeekNews 에서 소개를 해준 사이트인데요,
커리어리와 GeekNews 포함한 유명 it 서비스 및 뉴스의 글들을 랭킹으로 보여주고,

유명한 it 기업 기술 블로그 사이트도 정리되어 필요할때 찾아보기 너무 좋습니다.

it 기술 관련 블로그나 뉴스를 살펴보고 싶으신 분들은 참고하면 좋겠습니다.

📚 링크
 * https://dev-ranking.vercel.app/

GeekNews 에서 소개를 해준 사이트인데요,커리어리와 GeekNews 포함한 유명 it 서비스 및 뉴스의 글들을 랭킹으로 보여주고, 유명한 it 기업 기술 블로그 사이트도 정리되어 필요할때 찾아보기 너무 좋습니다. it 기술 관련 블로그나 뉴스를 살펴보고 싶으신 분들은 참고하면 좋겠습니다. 📚 링크<ul><li>https://dev-ranking.vercel.app/</li></ul>

Vercel

🌐 개발자가 알고 있으면 좋은 사이트

일을 시작할 땐 개인의 성장에만 집중했습니다.

시간이 흐르며 함께 성장하는 것에 집중하게 됐습니다. 동료의 성장뿐 아니라 회사, 제품의 성장에도 관심을 가졌습니다.

조금 더 시간이 흐르자, 회의감이 들었습니다. "내가 왜 이러고 있지?"

성장의 의미를 돌아볼 시간이 찾아온 것이었습니다.

성장을 통해 이루고자 하는 바를 잊고 있었다는 걸 깨달았습니다. 왜 성장하고 싶었을까요. 왜 함께 성장해야 했을까요.

문제를 해결하고 싶었기 때문입니다. 세상을 살며 마주한 문제가 많고 이를 해결하고 싶은데 그럴 능력이 되질 않았거든요. 그래서 공부하고 일하고 발표하고 글을 쓰며 성장했습니다. 덕분에 크고 작은 문제를 푸는데 기여할 수 있었죠.

다른 말로 정리하면 더 나은 세상을 만들고 싶기 때문이라고 할 수 있겠네요. 여러분은 어떤 이유로 성장하려 하시나요?

마주한 문제를 해결해서 조금 더 나은 세상을 만드는 것. 바로 우리가 성장하기 위해 노력하는 이유가 아닐까요.

일을 시작할 땐 개인의 성장에만 집중했습니다. 시간이 흐르며 함께 성장하는 것에 집중하게 됐습니다. 동료의 성장뿐 아니라 회사, 제품의 성장에도 관심을 가졌습니다. 조금 더 시간이 흐르자, 회의감이 들었습니다. "내가 왜 이러고 있지?" 성장의 의미를 돌아볼 시간이 찾아온 것이었습니다. 성장을 통해 이루고자 하는 바를 잊고 있었다는 걸 깨달았습니다. 왜 성장하고 싶었을까요. 왜 함께 성장해야 했을까요. 문제를 해결하고 싶었기 때문입니다. 세상을 살며 마주한 문제가 많고 이를 해결하고 싶은데 그럴 능력이 되질 않았거든요. 그래서 공부하고 일하고 발표하고 글을 쓰며 성장했습니다. 덕분에 크고 작은 문제를 푸는데 기여할 수 있었죠. 다른 말로 정리하면 더 나은 세상을 만들고 싶기 때문이라고 할 수 있겠네요. 여러분은 어떤 이유로 성장하려 하시나요? 마주한 문제를 해결해서 조금 더 나은 세상을 만드는 것. 바로 우리가 성장하기 위해 노력하는 이유가 아닐까요.

성장의 이유

The library for web and native user interfaces

React 19 Beta - React

React 19 베타 버전이 npm을 통해 출시되었습니다. 이번 업데이트에서 주목할 만한 것은 "Actions"이라는 개념인데요. Actions은 비동기 전환을 사용하는 함수를 말합니다.
그럼 비동기 전환을 사용하는 함수란 무엇일까요?
비동기 작업을 콜백함수나 Promise로 처리하게 되면 코드 가독성이 떨어지고 복잡성이 증대되는데요. React에서는 이런 문제를 해결하기 위해 비동기 전환 즉 Action을 사용하여 비동기 작업을 마치 동기 작업처럼 쉽게 처리할 수 있습니다.

이런 Actions 개념을 바탕으로 React 19에서는 'useOptimistic'과 'useActionState'와 같은 새로운 훅(Hook)들이 추가되었습니다. 이 훅들은 비동기 작업을 보다 선언적이고 간결하게 처리할 수 있도록 도와주는데요.

React 19의 Actions 및 관련 훅들은 비동기 작업 처리, 데이터 제출, 오류 처리, 상태 관리 등을 자동화하고 추상화합니다. 이를 통해 개발자는 복잡한 비동기 로직 구현(Pending, Error 등)에 직접 개발을 하지 않아도 되어 개발 생산성 향상과 코드 품질 개선을 기대할 수 있습니다.

개인적으로는 Promise를 반환하는 함수의 결과를 사용할수 있는 'use'훅과 낙관적 업데이트로 UX를 개선할수 있는 'useOptimistic' 훅이 가장 기대가 되네요.

https://react.dev/blog/2024/04/25/react-19

React 19 베타 버전이 npm을 통해 출시되었습니다. 이번 업데이트에서 주목할 만한 것은 "Actions"이라는 개념인데요. Actions은 비동기 전환을 사용하는 함수를 말합니다. 그럼 비동기 전환을 사용하는 함수란 무엇일까요?비동기 작업을 콜백함수나 Promise로 처리하게 되면 코드 가독성이 떨어지고 복잡성이 증대되는데요. React에서는 이런 문제를 해결하기 위해 비동기 전환 즉 Action을 사용하여 비동기 작업을 마치 동기 작업처럼 쉽게 처리할 수 있습니다. 이런 Actions 개념을 바탕으로 React 19에서는 'useOptimistic'과 'useActionState'와 같은 새로운 훅(Hook)들이 추가되었습니다. 이 훅들은 비동기 작업을 보다 선언적이고 간결하게 처리할 수 있도록 도와주는데요. React 19의 Actions 및 관련 훅들은 비동기 작업 처리, 데이터 제출, 오류 처리, 상태 관리 등을 자동화하고 추상화합니다. 이를 통해 개발자는 복잡한 비동기 로직 구현(Pending, Error 등)에 직접 개발을 하지 않아도 되어 개발 생산성 향상과 코드 품질 개선을 기대할 수 있습니다. 개인적으로는 Promise를 반환하는 함수의 결과를 사용할수 있는 'use'훅과 낙관적 업데이트로 UX를 개선할수 있는 'useOptimistic' 훅이 가장 기대가 되네요. https://react.dev/blog/2024/04/25/react-19

React

React 19 베타 출시: Actions의 도입과 새로운 비동기

직장인이 된 지 한 달이 되었다.

🐣 우당탕탕 신입개발자의 한달간의 기록

뚝딱거렸던 신입 시절을 떠올리며 즐겁게 읽었네요.
회식 2차까지 버틸 수 있는 체력이 무척 부럽습니다

https://velog.io/@wndpseo/%EC%9A%B0%EB%8B%B9%ED%83%95%ED%83%95-%EC%8B%A0%EC%9E%85%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%9D%98-%ED%95%9C%EB%8B%AC%EA%B0%84%EC%9D%98-%EA%B8%B0%EB%A1%9D

뚝딱거렸던 신입 시절을 떠올리며 즐겁게 읽었네요.회식 2차까지 버틸 수 있는 체력이 무척 부럽습니다 https://velog.io/@wndpseo/%EC%9A%B0%EB%8B%B9%ED%83%95%ED%83%95-%EC%8B%A0%EC%9E%85%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%9D%98-%ED%95%9C%EB%8B%AC%EA%B0%84%EC%9D%98-%EA%B8%B0%EB%A1%9D

Velog

신입 개발자의 한 달

Are you stuck on a programming challenge? Does the code not compile? Does the API work differently than you expect? Little problems can add up and get in the way of seeing the big picture. As a software developer, you need to be able to overcome these obs

5 Practical Ways to Quickly Overcome a Programming Obstacle

 1. 한 발짝 물러서기
 2. 소리내서 말하기
 3. 산책하거나 달리기
 4. 문서 읽기
 5. 타이머 설정하기

정말 공감갑니다!

https://blog.supereasyapps.com/5-practical-ways-to-quickly-overcome-a-programming-obstacle/

<ol ><li>한 발짝 물러서기</li><li>소리내서 말하기</li><li>산책하거나 달리기</li><li>문서 읽기</li><li>타이머 설정하기</li></ol> 정말 공감갑니다! https://blog.supereasyapps.com/5-practical-ways-to-quickly-overcome-a-programming-obstacle/

Super Easy Apps

코딩하다가 막혔을때 극복하는 5가지 방법

Meta released the most capable open-source language model, Llama 3, yesterday. Because it is open-source, you can download the model weights and run them locally on your own machine. I know, I know...

How To Run Llama 3 In Visual Studio Code With CodeGPT

최근에 Meta에서 인기있는 오픈소스 언어 모델인 Llama 3를 발표했습니다. 전문가가 아닌데 Llama 3를 비쥬얼 스튜디오 코드에서 실행할 수 있을까요? 비전문가를 위해 친절하게 비쥬얼 스튜디오 코드에서 Llama 3를 실행하는 가이드를 소개한 기사 공유합니다.😃

<Visual Studio Code에서 Llama 3를 실행하는 방법 — 단계별 가이드>

Prerequisites
 * Llama3 3를 실행할비쥬얼 스튜디오 코드가 설치된 노트북의 사양을 확인하세요.

 * GPU가 없어도 괜찮은 성능의 CPU와 충분한 RAM이 있으면 아무런 문제 없이 노트북에서 Llama 3를 실행할 수 있다고 합니다.

1단계: Ollama 다운로드 및 설치
 * Ollama 웹사이트로 이동하여 설치 프로그램의 최신 버전을 다운로드하세요. Ollama는 다양한 플랫폼에서 대규모 언어 모델(LLM)을 로컬에서 실행, 생성 및 공유하도록 설계된 도구라고 합니다.

 * 제대로 설치가 되었는지 확인하기 위해
 ollama -v
 명령어를 사용하세요.

2단계: VS Code에 CodeGPT Extension 설치
 * Visual Studio Code를 실행하고 확장(Extension) 탭으로 이동한 후, codegpt.co 에서 "CodeGPT"를 검색하고 확장을 설치하세요.

 * 확장이 설치되면 VS Code의 왼쪽 사이드바에 CodeGPT 아이콘이 표시된다고 합니다.

3단계: 모델 다운로드
 * VS Code에서 터미널을 열고
 ollama pull llama3:8b
 명령을 실행하여 Llama 3 모델을 다운로드합니다. 모델 크기가 커서(4GB 이상) 생각보다 시간이 걸릴 수 있다고 합니다.

4단계: Llama 3 모델 선택
 * VS Code의 왼쪽 패널에 있는 CodeGPT 대시보드에서 Provider 드롭다운 메뉴를 찾아 Ollama를 선택하고, 모델 드롭다운에서 "Lama3:8b"를 선택합니다.

5단계: VS 코드에서 Llama 3 실행
 * VS Code에 모델을 다운로드하고 CodeGPT를 설치했으면 테스트 프롬프트를 제공하여 모든 것이 제대로 작동하는지 확인해 봅니다.

원본 기사 링크는 아래와 같습니다. 상세 내용은 원본 기사를 통해 확인하실 수 있습니다. 감사합니다🙏
[Source Link] https://generativeai.pub/how-to-run-llama-3-in-visual-studio-code-with-codegpt-18cb105cf9d5

최근에 Meta에서 인기있는 오픈소스 언어 모델인 Llama 3를 발표했습니다. 전문가가 아닌데 Llama 3를 비쥬얼 스튜디오 코드에서 실행할 수 있을까요? 비전문가를 위해 친절하게 비쥬얼 스튜디오 코드에서 Llama 3를 실행하는 가이드를 소개한 기사 공유합니다.😃 &lt;Visual Studio Code에서 Llama 3를 실행하는 방법 — 단계별 가이드&gt; Prerequisites<ul ><li>Llama3 3를 실행할비쥬얼 스튜디오 코드가 설치된 노트북의 사양을 확인하세요.</li></ul> <ul ><li>GPU가 없어도 괜찮은 성능의 CPU와 충분한 RAM이 있으면 아무런 문제 없이 노트북에서 Llama 3를 실행할 수 있다고 합니다.</li></ul> 1단계: Ollama 다운로드 및 설치<ul ><li>Ollama 웹사이트로 이동하여 설치 프로그램의 최신 버전을 다운로드하세요. Ollama는 다양한 플랫폼에서 대규모 언어 모델(LLM)을 로컬에서 실행, 생성 및 공유하도록 설계된 도구라고 합니다.</li></ul> <ul ><li>제대로 설치가 되었는지 확인하기 위해 <code >ollama -v</code> 명령어를 사용하세요.</li></ul> 2단계: VS Code에 CodeGPT Extension 설치<ul ><li>Visual Studio Code를 실행하고 확장(Extension) 탭으로 이동한 후, codegpt.co 에서 "CodeGPT"를 검색하고 확장을 설치하세요.</li></ul> <ul ><li>확장이 설치되면 VS Code의 왼쪽 사이드바에 CodeGPT 아이콘이 표시된다고 합니다.</li></ul> 3단계: 모델 다운로드<ul ><li>VS Code에서 터미널을 열고 <code >ollama pull llama3:8b</code> 명령을 실행하여 Llama 3 모델을 다운로드합니다. 모델 크기가 커서(4GB 이상) 생각보다 시간이 걸릴 수 있다고 합니다.</li></ul> 4단계: Llama 3 모델 선택<ul ><li>VS Code의 왼쪽 패널에 있는 CodeGPT 대시보드에서 Provider 드롭다운 메뉴를 찾아 Ollama를 선택하고, 모델 드롭다운에서 "Lama3:8b"를 선택합니다. </li></ul> 5단계: VS 코드에서 Llama 3 실행<ul ><li>VS Code에 모델을 다운로드하고 CodeGPT를 설치했으면 테스트 프롬프트를 제공하여 모든 것이 제대로 작동하는지 확인해 봅니다.</li></ul> 원본 기사 링크는 아래와 같습니다. 상세 내용은 원본 기사를 통해 확인하실 수 있습니다. 감사합니다🙏[Source Link] https://generativeai.pub/how-to-run-llama-3-in-visual-studio-code-with-codegpt-18cb105cf9d5

Medium

비쥬얼 스튜디오 코드에서 Llama 3 실행하기

성숙한 사람이 되기 위한 8가지 노력 - 일을 마치고 '시스템 종료'를 할 때마다 의식적으로 스스로에게 묻는 질문이 있습니다. 오늘 나는 어떻게 일 했는가? 충분히 친절했고, 충분히 정확했는가? 의도와 상관없이 다른 사람을 불쾌하게 만든 상황은 없는가?

성숙한 사람이 되기 위한 8가지 노력

일을 마치고 '시스템 종료'를 할 때마다 의식적으로 스스로에게 묻는 질문이 있습니다. 오늘도 나는 부끄럽지 않게 일을 했는가? 충분히 나에게 우아했으며, 남에게 친절했는가? 의도와 상관없이 다른 사람을 불쾌하게 만든 상황은 없었는가? 저는 의식적으로 성숙한 사람이 되기 위해 어떤 노력을 할 수 있을까 고민하고 있습니다. 여기서 '성숙함'이란 자기 주위에서 일어나는 일을 명확히 인식하고 그 일이 일어난 이유와 배경을 이해하며 그 일의 최종 결과에 대해 과도하게 흥분하거나 침울해하지 않는 상태를 의미합니다.

 1.  성숙함은 더 많이 듣고 더 적게 말하세요
 2.  책임을 회피하지 마세요
 3.  덜 따지고 더 많이 협조하세요
 4.  변화를 받아들이세요
 5.  다양한 연령대의 사람과 어울리세요
 6.  버는 것보다 덜 쓰세요
 7.  다른 사람만큼 나를 소중하게 여기세요
 8.  내가 어느새 사회의 잘못된 관행이나 습성에 물들었을지 모른다고 받아들이세요
 9.  낯선 사람에게도 기꺼이 친절을 베푸세요
 10. 읽고 쓰고 공유하고 다른 사람이 성장하도록 도우세요
     
     https://www.redbusbagman.com/waytobegood/

일을 마치고 '시스템 종료'를 할 때마다 의식적으로 스스로에게 묻는 질문이 있습니다. 오늘도 나는 부끄럽지 않게 일을 했는가? 충분히 나에게 우아했으며, 남에게 친절했는가? 의도와 상관없이 다른 사람을 불쾌하게 만든 상황은 없었는가? 저는 의식적으로 성숙한 사람이 되기 위해 어떤 노력을 할 수 있을까 고민하고 있습니다. 여기서 '성숙함'이란 자기 주위에서 일어나는 일을 명확히 인식하고 그 일이 일어난 이유와 배경을 이해하며 그 일의 최종 결과에 대해 과도하게 흥분하거나 침울해하지 않는 상태를 의미합니다. <ol><li>성숙함은 더 많이 듣고 더 적게 말하세요</li><li>책임을 회피하지 마세요</li><li>덜 따지고 더 많이 협조하세요</li><li>변화를 받아들이세요</li><li>다양한 연령대의 사람과 어울리세요</li><li>버는 것보다 덜 쓰세요</li><li>다른 사람만큼 나를 소중하게 여기세요</li><li>내가 어느새 사회의 잘못된 관행이나 습성에 물들었을지 모른다고 받아들이세요</li><li>낯선 사람에게도 기꺼이 친절을 베푸세요</li><li>읽고 쓰고 공유하고 다른 사람이 성장하도록 도우세요 https://www.redbusbagman.com/waytobegood/</li></ol>

REDBUSBAGMAN | 빨간색 광역버스에 백팩을 메고 탑니다

⟪성숙한 사람이 되기 위한 10가지 노력⟫

집에서도 서버를 운영할 수 있을까? 생각은 하지만 실제로 실행하는 사람은 별로 없는 것 같습니다.

집에서 서버를 운영하는 게 가능한가요?

집에서도 서버를 운영할 수 있을까?
생각은 하지만 실제로 실행하는 사람은 별로 없는 것 같습니다.

왜? 몰라서. 귀찮아서. 무서워서.
정전되면 어쩌지?
인터넷 끊어지면 어쩌지?
IP 바뀌면 어쩌지?

커피한잔은 집에서 서버를 운영했습니다.
하루 이틀도 아니고 6년 동안이나.

좋은 컴퓨터도 아니었습니다.
카카오 다닐 때 자취방에서 쓰려고 샀던 데스크톱으로 시작했습니다.

[사진]
2015년 10월. 이 고물 컴퓨터가 몇 년 뒤 커피한잔 서버로 쓰였습니다.

램 16기가짜리 리눅스 데스크톱.
100Mbps 짜리 제일 싸구려 인터넷.
그리고 3만 원짜리 고물 iptime 공유기.
이게 커피한잔 인프라의 전부였습니다.

3년쯤 이렇게 쓰다가 업그레이드를 한 번 했습니다. 램을 좀 넉넉하게 쓰고 싶어서.
램 64기가짜리 데스크톱.
500Mbps 인터넷.
10만 원짜리 공유기.

그럼에도 너무 싸다.
중고등학생들이 게임하려고 쓰는 인프라보다도 열악하지 않을까?(웃음)
하지만 커피한잔 정도의 서비스를 운영하기에는 충분하고도 남았습니다.

이 컴퓨터로 전기 요금이 한 달에 5천 원~1만 원 정도 나왔을 겁니다.
그게 커피한잔 서버 운영비의 전부였습니다.
매달 들어가는 운영비가 거의 없으니 조급해 하지 않고 서비스를 만들어 나갈 수 있었습니다.

세이노의 가르침에 이런 내용이 있습니다.
"당신 스스로 불편함을 감수하고 시간을 투자해 직접 알아보고 결정한다면 언제나 당신의 지출은, 편리함을 택하는 사람들의 지출보다 적게 이루어진다.
내가 이해가 가지 않는 것은 월급 이외에는 특별히 돈 나올 구멍도 없고 그렇다고 해서 자기 계발에 열심이지도 않은 사람들이 돈이 절약되는 불편함보다는 돈을 더 지출해야 하는 편리함을 택하는 경우들이다."

aws를 선택하는 것도 이와 비슷한 고민 아닐까?
저는 기꺼이 불편함을 선택했습니다.

놀라운 비밀은… 사실 그렇게 불편하지도 않았다는 것.
장애도 거의 나지 않았습니다. 오히려 그 기간에 aws 장애가 더 많이 났습니다.
aws 전체 장애가 나서 쿠팡, 배민 같은 주요 서비스들이 다 안 되던 날에 커피한잔만 잘 되는 우스운 일도 있었습니다.

커피한잔도 작년부터는 aws로 이전했습니다.
엄청난 사건이 있었기 때문인데요.
긴 이야기가 될 거라… 다음 글에서 적어보겠습니다.

https://jeho.page/essay/2024/04/29/home-server.html

집에서도 서버를 운영할 수 있을까? 생각은 하지만 실제로 실행하는 사람은 별로 없는 것 같습니다. 왜? 몰라서. 귀찮아서. 무서워서. 정전되면 어쩌지? 인터넷 끊어지면 어쩌지? IP 바뀌면 어쩌지? 커피한잔은 집에서 서버를 운영했습니다. 하루 이틀도 아니고 6년 동안이나. 좋은 컴퓨터도 아니었습니다. 카카오 다닐 때 자취방에서 쓰려고 샀던 데스크톱으로 시작했습니다. [사진] 2015년 10월. 이 고물 컴퓨터가 몇 년 뒤 커피한잔 서버로 쓰였습니다. 램 16기가짜리 리눅스 데스크톱. 100Mbps 짜리 제일 싸구려 인터넷. 그리고 3만 원짜리 고물 iptime 공유기. 이게 커피한잔 인프라의 전부였습니다. 3년쯤 이렇게 쓰다가 업그레이드를 한 번 했습니다. 램을 좀 넉넉하게 쓰고 싶어서. 램 64기가짜리 데스크톱. 500Mbps 인터넷. 10만 원짜리 공유기. 그럼에도 너무 싸다. 중고등학생들이 게임하려고 쓰는 인프라보다도 열악하지 않을까?(웃음) 하지만 커피한잔 정도의 서비스를 운영하기에는 충분하고도 남았습니다. 이 컴퓨터로 전기 요금이 한 달에 5천 원~1만 원 정도 나왔을 겁니다. 그게 커피한잔 서버 운영비의 전부였습니다. 매달 들어가는 운영비가 거의 없으니 조급해 하지 않고 서비스를 만들어 나갈 수 있었습니다. 세이노의 가르침에 이런 내용이 있습니다. "당신 스스로 불편함을 감수하고 시간을 투자해 직접 알아보고 결정한다면 언제나 당신의 지출은, 편리함을 택하는 사람들의 지출보다 적게 이루어진다. 내가 이해가 가지 않는 것은 월급 이외에는 특별히 돈 나올 구멍도 없고 그렇다고 해서 자기 계발에 열심이지도 않은 사람들이 돈이 절약되는 불편함보다는 돈을 더 지출해야 하는 편리함을 택하는 경우들이다." aws를 선택하는 것도 이와 비슷한 고민 아닐까? 저는 기꺼이 불편함을 선택했습니다. 놀라운 비밀은… 사실 그렇게 불편하지도 않았다는 것. 장애도 거의 나지 않았습니다. 오히려 그 기간에 aws 장애가 더 많이 났습니다. aws 전체 장애가 나서 쿠팡, 배민 같은 주요 서비스들이 다 안 되던 날에 커피한잔만 잘 되는 우스운 일도 있었습니다. 커피한잔도 작년부터는 aws로 이전했습니다. 엄청난 사건이 있었기 때문인데요. 긴 이야기가 될 거라… 다음 글에서 적어보겠습니다. https://jeho.page/essay/2024/04/29/home-server.html

K리그 프로그래머

GitHub이 지난 2월 그동안 베타로 제공하던 [Repository Custom Properties 기능을 공개](https://github.blog/changelog/2024-02-14-repository-custom-properties-ga-and-ruleset-improvements/)했다. 나는...

GitHub 저장소의 메타데이터를 관리할 수 있는 Custom Properties :: Outsider's Dev Story

올 2월 베타를 끝내고 공개된 Repository Custom Properties 기능을 살펴봤습니다.

저장소에 메타데이터를 저장할 수 있는 기능인데 비슷한 시기에 공개된 ruleset 기능과 함께 강력한 효과를 보여서 GitHub org에서 수많은 저장소를 관리하는데 기반이 되는 기능이라고 생각하고 있습니다.

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

올 2월 베타를 끝내고 공개된 Repository Custom Properties 기능을 살펴봤습니다. 저장소에 메타데이터를 저장할 수 있는 기능인데 비슷한 시기에 공개된 ruleset 기능과 함께 강력한 효과를 보여서 GitHub org에서 수많은 저장소를 관리하는데 기반이 되는 기능이라고 생각하고 있습니다. https://blog.outsider.ne.kr/1718

소프트웨어 엔지니어

김지섭

백엔드 개발자

유수지

경민대학교 컴퓨터소프트웨어과 

문은솔

Java/ASP 개발자

웹 개발자

Java 개발자

여행 서비스 백엔드 및 프론트엔드 개발, 인프라 관리

시니어 웹 개발자

시니어 소프트웨어 엔지니어

javascript

Kubernetes

typescript

Next.js

Node.js

Github

Argo CD

프론트엔드, 백엔드, 모바일 개발팀을 리드하며 OTT 서비스 개발

개발팀 Lead

컴퓨터학과

Outsider

블로그

트위터

오픈소스를 좋아하는 개발자로 종종 블로그에 글을 쓰고 있습니다. 현재는 인프라 관련 일을 하고 있으며 새로운 트랜드를 파악하는 걸 즐겨하고 즐겁게 코딩하는걸 좋아합니다.

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필