Next.js 14.2 includes development, production, and caching improvements. Including new configuration options, 99% Turbopack tests passing, and more.

Next.js 14.2

2024년 4월 12일, Next.js 14.2 버전이 출시 되었습니다. 주요 변경사항을 정리해보았습니다.

 * Turbopack 개발중, 프로덕션 용도로는 아직 시기상조
   * 개발 모드 (
     next dev --turbo
     )에서 99.8%의 통합 테스트를 통과했습니다.
   * 빌드(
     next build
     ) 용으로는 아직 개발중으로, 74.7%의 테스트를 통과했습니다.
 * 빌드 및 프로덕션 성능이 개선됨, 특히 메모리 사용량이 줄어듬
   * 서버/클라이언트 컴포넌트 간 트리 쉐이킹이 더 좋아졌습니다.
   * 미니멀로 세팅한 Next.js 앱에서 메모리 사용량과 캐시 파일 크기가 평균
     2.2GB
     에서
     190MB
     미만으로 감소했다고 합니다. CI 빌드 시 메모리 부족으로 머신이 뻗는 현상이 줄어들겠네요.
 * 에러 DX가 개선됨, Hydration 에러가 어디서 발생했는지 더 잘 보여줌
   * Next.js에서 종종 겪던
     Hydration failed because the initial ui does not match what was rendered on the server
     에러에 대한 원인을 더 잘 찾을 수 있을 것 같습니다.
 * React 19와 통합한 메이저 버전을 준비중
   * 아마도 Next.js 15가 될 것 같습니다.

자세한 내용은 Next.js 블로그 (https://nextjs.org/blog/next-14-2) 를 참고해주세요.

2024년 4월 12일, Next.js 14.2 버전이 출시 되었습니다. 주요 변경사항을 정리해보았습니다. <ul ><li>Turbopack 개발중, 프로덕션 용도로는 아직 시기상조<ul ><li>개발 모드 (<code >next dev --turbo</code>)에서 99.8%의 통합 테스트를 통과했습니다.</li><li>빌드(<code >next build</code>) 용으로는 아직 개발중으로, 74.7%의 테스트를 통과했습니다.</li></ul></li><li>빌드 및 프로덕션 성능이 개선됨, 특히 메모리 사용량이 줄어듬<ul ><li>서버/클라이언트 컴포넌트 간 트리 쉐이킹이 더 좋아졌습니다.</li><li>미니멀로 세팅한 Next.js 앱에서 메모리 사용량과 캐시 파일 크기가 평균 <code >2.2GB</code>에서 <code >190MB</code> 미만으로 감소했다고 합니다. CI 빌드 시 메모리 부족으로 머신이 뻗는 현상이 줄어들겠네요.</li></ul></li><li>에러 DX가 개선됨, Hydration 에러가 어디서 발생했는지 더 잘 보여줌<ul ><li>Next.js에서 종종 겪던 <code >Hydration failed because the initial ui does not match what was rendered on the server</code> 에러에 대한 원인을 더 잘 찾을 수 있을 것 같습니다.</li></ul></li><li>React 19와 통합한 메이저 버전을 준비중<ul ><li>아마도 Next.js 15가 될 것 같습니다.</li></ul></li></ul> 자세한 내용은 Next.js 블로그 (https://nextjs.org/blog/next-14-2) 를 참고해주세요.

Nextjs

Next.js 14.2 릴리즈

여러분이 궁금해하셨던 10문10답 | 지난 일기 이후 결과를 공개하기 조금 이른 듯하여 오늘은 그동안 받은 QnA를 중심으로 일기를 써 볼까 합니다. 0.

240411 3개월간의 취업 과정을 마무리하며

https://brunch.co.kr/@ryuing/38

낯선 타지에서 취업에 성공한 이야기입니다
비자, 영어, 멘탈 관리 등 생생한 경험담이네요 👍👍

https://brunch.co.kr/@ryuing/38 낯선 타지에서 취업에 성공한 이야기입니다비자, 영어, 멘탈 관리 등 생생한 경험담이네요 👍👍

Brunch Story

미국 취업 성공 스토리

Major Changes Node.js v16 support discontinued If you still require Node.js 16, don't worry. We ship pnpm bundled with Node.js. This means that regardless of which Node.js version you've installe...

Release v9.0.0 · pnpm/pnpm

주요 변경사항
 * 안녕 Node 16: Node 16 지원이 중단됩니다. 필요한 경우 별도로 설치해서 사용해야 합니다.
 * 컨피그 변경: 기본 설정, 특히 pnpm workspace 관련 기본값이 업데이트되었습니다.
   * link-workspace-packages
     디폴트가 비활성화로 변경: 종속성이 워크스페이스 프로토콜(ex:
     "foo": "workspace:*"
     )을 사용해야만 워크스페이스 패키지에 연결됩니다.
   * hoist-workspace-packages
     디폴트가 활성화로 변경: 패키지들이 root의
     node_modules
     밑에 설치됩니다.
   * enable-pre-post-scripts
     : pre, post 스크립트가 이제 자동으로 실행됩니다.
   * package.json
     의
     packageManager
     필드 사용: 사용중인 패키지 매니저 또는 pnpm 버전을 명시해두면 pnpm을 실행할 지 필드를 살펴보고 결정한다고 합니다.
 * Lockfile 변경: 가독성 개선과 Git conflicts를 줄여줄 v9 Lockfile이 도입되었습니다.

https://github.com/pnpm/pnpm/releases/tag/v9.0.0

주요 변경사항<ul ><li>안녕 Node 16: Node 16 지원이 중단됩니다. 필요한 경우 별도로 설치해서 사용해야 합니다.</li><li>컨피그 변경: 기본 설정, 특히 pnpm workspace 관련 기본값이 업데이트되었습니다.<ul ><li><code >link-workspace-packages</code> 디폴트가 비활성화로 변경: 종속성이 워크스페이스 프로토콜(ex: <code >"foo": "workspace:*"</code>)을 사용해야만 워크스페이스 패키지에 연결됩니다.</li><li><code >hoist-workspace-packages</code> 디폴트가 활성화로 변경: 패키지들이 root의 <code >node_modules</code> 밑에 설치됩니다.</li><li><code >enable-pre-post-scripts</code>: pre, post 스크립트가 이제 자동으로 실행됩니다.</li><li><code >package.json</code>의 <code >packageManager</code> 필드 사용: 사용중인 패키지 매니저 또는 pnpm 버전을 명시해두면 pnpm을 실행할 지 필드를 살펴보고 결정한다고 합니다.</li></ul></li></ul><ul ><li>Lockfile 변경: 가독성 개선과 Git conflicts를 줄여줄 v9 Lockfile이 도입되었습니다.</li></ul> https://github.com/pnpm/pnpm/releases/tag/v9.0.0

GitHub

pnpm 메이저 버전이 v9로 업데이트 되었습니다

퇴사하는 직원에게 회사를 그만두는 이유를 물어봐도, 대학교 자퇴생에게 대학을 그만두는 이유를 물어봐도 직장과 학교 생활이 행복하지 않았기 때문이라고 한목소리로 대답한다. 그런데 그 행복을 만들어내는 기억이 무엇인지에 대해 우리는 피상적 정보만 가지고 있다. 왜냐하면 과거를 기억하는 우리 직관과 매우 다르기 때문이다. 일상 생활만 해도 그렇다. 그렇게 힘들었..

고난 극복의 기억이 미래의 행복 만든다 [김경일의 CEO 심리학] - 매일경제

퇴사하는 직원에게 회사를 그만두는 이유를 물어봐도, 대학교 자퇴생에게 대학을 그만두는 이유를 물어봐도 직장과 학교 생활이 행복하지 않았기 때문이라고 한목소리로 대답한다.

그런데 그 행복을 만들어내는 기억이 무엇인지에 대해 우리는 피상적 정보만 가지고 있다. 왜냐하면 과거를 기억하는 우리 직관과 매우 다르기 때문이다.

일상 생활만 해도 그렇다. 그렇게 힘들었다고 하면서 다시 가라고 하면 절대 가지 않겠다는 군대에 대해 우리는 왜 술자리의 안주 삼아 즐겁게 이야기하는가?

그렇다면 우리는 어떤 과거 기억을 행복한 것으로 남기고 추억하는가? 가장 중요한 것은 어떤 과거 기억을 미래 삶에 반영하는가?

독일 프랑크푸르트대 심리학자 테레사 마르틴 박사 연구진이 이에 관해 매우 흥미로운 대답을 제시했다. 연구진은 말 그대로 장기간에 걸쳐 연구했다.

독일 각지에서 온 참가자를 2003년부터 2019년까지 4년마다 소집해 인터뷰했다. 4년마다 개최되는 올림픽처럼 말이다. 여기에는 8세, 12세, 16세, 20세 등 어린이와 청소년, 젊은이를 비롯해 총 4개 그룹 114명(각각 27명, 31명, 28명, 28명)이 포함됐다.

첫 해인 2003년에서 4년이 흐른 2007년부터는 40세와 65세 그룹 58명(각각 28명, 30명)도 참가해 마찬가지로 2919년까지 4년마다 한 번씩 연구진을 만났다. 모든 연령대에서 중도 탈락률이 10% 이하였다는 것만으로도 연구진이 연구 기간 내내 얼마나 집중하고 끈질기게 연구했는지를 잘 보여준다.

참가자들은 소집될 때마다 삶에서 가장 중요한 7가지 기억을 적는다. 그리고 연구 진행자에게 각 기억이 포함된 15분 분량의 인생 이야기를 했다. 연구진은 참가자의 기억과 이야기를 얼마나 행복한지 혹은 불행한지로 구분해 정리한 뒤 추이와 양상을 분석했다.

연구 결과는 다음과 같다. 일단 남성보다 여성의 기억이 덜 긍정적이었다. 한마디로 여성이 더 걱정이 많은 것이다. 이러한 경향은 대부분의 기억과 연령대에서 보편적으로 나타났다.

나이가 들어가면서 과거를 덜 긍정적으로 기억하는 것은 남성과 여성 모두에게 동일한 경향이었다. 하지만 청소년기에 해당하는 기억은 별로 긍정적이지 못했다. 여기까지는 기억에 관한 기존 연구와 크게 다르지 않다.

그런데 여기서 가장 중요한 점이 있다. 자신의 회상에서 굉장히 버거운 질병이나 가족의 죽음, 실직, 조직 내 갈등 같은 어려운 고난에서 실패를 경험했을 때 그것을 이겨낸 경우 가장 행복한 것으로 기억했다.

더욱 중요한 것은 이후 4년의 행복에 관한 기억과 상당한 연관성이 있다는 사실이다. 특히나 이 현상은 나이가 들어갈수록 뚜렷하게 나타났다. 연구진은 이를 ‘승리와 극복에 대한 기억’이 만들어내는 행복한 기억이라고 칭했다.

가장 중요한 점은 그것이 미래의 행복, 즉 더 큰 성취와 긍정적 시간을 예측했다는 사실이다. 이는 좌절과 실패를 사회와 조직의 리더가 어떻게 받아들이고 다뤄야 하는지를 너무나도 잘 보여주는 대목이다.

퇴사하는 직원에게 회사를 그만두는 이유를 물어봐도, 대학교 자퇴생에게 대학을 그만두는 이유를 물어봐도 직장과 학교 생활이 행복하지 않았기 때문이라고 한목소리로 대답한다. 그런데 그 행복을 만들어내는 기억이 무엇인지에 대해 우리는 피상적 정보만 가지고 있다. 왜냐하면 과거를 기억하는 우리 직관과 매우 다르기 때문이다. 일상 생활만 해도 그렇다. 그렇게 힘들었다고 하면서 다시 가라고 하면 절대 가지 않겠다는 군대에 대해 우리는 왜 술자리의 안주 삼아 즐겁게 이야기하는가? 그렇다면 우리는 어떤 과거 기억을 행복한 것으로 남기고 추억하는가? 가장 중요한 것은 어떤 과거 기억을 미래 삶에 반영하는가? 독일 프랑크푸르트대 심리학자 테레사 마르틴 박사 연구진이 이에 관해 매우 흥미로운 대답을 제시했다. 연구진은 말 그대로 장기간에 걸쳐 연구했다. 독일 각지에서 온 참가자를 2003년부터 2019년까지 4년마다 소집해 인터뷰했다. 4년마다 개최되는 올림픽처럼 말이다. 여기에는 8세, 12세, 16세, 20세 등 어린이와 청소년, 젊은이를 비롯해 총 4개 그룹 114명(각각 27명, 31명, 28명, 28명)이 포함됐다. 첫 해인 2003년에서 4년이 흐른 2007년부터는 40세와 65세 그룹 58명(각각 28명, 30명)도 참가해 마찬가지로 2919년까지 4년마다 한 번씩 연구진을 만났다. 모든 연령대에서 중도 탈락률이 10% 이하였다는 것만으로도 연구진이 연구 기간 내내 얼마나 집중하고 끈질기게 연구했는지를 잘 보여준다. 참가자들은 소집될 때마다 삶에서 가장 중요한 7가지 기억을 적는다. 그리고 연구 진행자에게 각 기억이 포함된 15분 분량의 인생 이야기를 했다. 연구진은 참가자의 기억과 이야기를 얼마나 행복한지 혹은 불행한지로 구분해 정리한 뒤 추이와 양상을 분석했다. 연구 결과는 다음과 같다. 일단 남성보다 여성의 기억이 덜 긍정적이었다. 한마디로 여성이 더 걱정이 많은 것이다. 이러한 경향은 대부분의 기억과 연령대에서 보편적으로 나타났다. 나이가 들어가면서 과거를 덜 긍정적으로 기억하는 것은 남성과 여성 모두에게 동일한 경향이었다. 하지만 청소년기에 해당하는 기억은 별로 긍정적이지 못했다. 여기까지는 기억에 관한 기존 연구와 크게 다르지 않다. 그런데 여기서 가장 중요한 점이 있다. 자신의 회상에서 굉장히 버거운 질병이나 가족의 죽음, 실직, 조직 내 갈등 같은 어려운 고난에서 실패를 경험했을 때 그것을 이겨낸 경우 가장 행복한 것으로 기억했다. 더욱 중요한 것은 이후 4년의 행복에 관한 기억과 상당한 연관성이 있다는 사실이다. 특히나 이 현상은 나이가 들어갈수록 뚜렷하게 나타났다. 연구진은 이를 ‘승리와 극복에 대한 기억’이 만들어내는 행복한 기억이라고 칭했다. 가장 중요한 점은 그것이 미래의 행복, 즉 더 큰 성취와 긍정적 시간을 예측했다는 사실이다. 이는 좌절과 실패를 사회와 조직의 리더가 어떻게 받아들이고 다뤄야 하는지를 너무나도 잘 보여주는 대목이다.

매일경제

원문 : Navigating the future of frontend...

(번역) 프런트엔드의 미래 탐색하기

지난 10여년간의 프론트엔드의 급격한 혁신의 시기를 넘어 이제 안정화되고 정리가 되어가는 시기입니다.

여러가지 아이디어들이 경쟁하는 과정에서 다양한 개념들이 태어났고, 그중 몇몇 아이디어들은 새로운 주류가 되었습니다.

어떤 것들이 지금 프론트엔드에서 주요하게 여겨지고 보고 있는가 잘 다루고 있는 번역글이 있어 공유합니다.

내용을 잘 이해하기 위해서 다소 배경지식이 필요할수도 있으나 핵심 키워들이 다수 포진된 좋은 아티클이니 이 아티클을 중심으로 잘 몰랐던 용어나 개념이 있다면 조금 더 깊이 파듯이 공부해 보는 것은 어떨까요?

---

본문 소개글

이번 글에서는 프런트엔드의 최신 프레임워크들을 이해하기 위해 과거와 현재의 기본 개념들을 설명하며, 현재의 프레임워크들이 어떻게 제약 조건들을 극복하고, 컴파일, 라우팅, 캐싱 등과 같은 기본 요소들을 결합하고 있는지 소개하고 있습니다. 이 글을 통해 프런트엔드 생태계가 어떠한 과정을 거쳐 발전하였고, 현재와 같은 메타 프레임워크들이 탄생하게 되었는지 가볍게 알아보시면 좋을 것 같습니다. 🙂

https://ykss.netlify.app/translation/navigating_the_future_of_frontend/?utm_source=substack&utm_medium=email

지난 10여년간의 프론트엔드의 급격한 혁신의 시기를 넘어 이제 안정화되고 정리가 되어가는 시기입니다. 여러가지 아이디어들이 경쟁하는 과정에서 다양한 개념들이 태어났고, 그중 몇몇 아이디어들은 새로운 주류가 되었습니다. 어떤 것들이 지금 프론트엔드에서 주요하게 여겨지고 보고 있는가 잘 다루고 있는 번역글이 있어 공유합니다. 내용을 잘 이해하기 위해서 다소 배경지식이 필요할수도 있으나 핵심 키워들이 다수 포진된 좋은 아티클이니 이 아티클을 중심으로 잘 몰랐던 용어나 개념이 있다면 조금 더 깊이 파듯이 공부해 보는 것은 어떨까요? --- 본문 소개글 이번 글에서는 프런트엔드의 최신 프레임워크들을 이해하기 위해 과거와 현재의 기본 개념들을 설명하며, 현재의 프레임워크들이 어떻게 제약 조건들을 극복하고, 컴파일, 라우팅, 캐싱 등과 같은 기본 요소들을 결합하고 있는지 소개하고 있습니다. 이 글을 통해 프런트엔드 생태계가 어떠한 과정을 거쳐 발전하였고, 현재와 같은 메타 프레임워크들이 탄생하게 되었는지 가볍게 알아보시면 좋을 것 같습니다. 🙂 https://ykss.netlify.app/translation/navigating_the_future_of_frontend/?utm_source=substack&amp;utm_medium=email

Netlify

[Korean FE Article] 프런트엔드의 미래 탐색하기

누구나 직장에서 도망치고싶은, 부끄러운 순간들이 있을겁니다. 그럴 때 누구는 도망하고, 누구는 인내하며, 누구는 부정하고, 누구는 부끄러움을 모르기도 합니다. 그리고 누군간 극복하고 해내고 맙니다. 저는 그 중 도망자였습니다. 부끄러운 고백입니다. 이 글은 제가 토스에 다녔던 2015년-2016년 두 해, 토스의 극초기에 겪었던 실패의 회고입니다.

유난한 도전과 도망: 어느 직장인의 부끄러운 회고

https://jaypark.me/11

재한님이 토스 초기 멤버로써 어떤 일을 겪었는지 남겨주셨네요.
누구나 감추고 싶은 과거가 있죠. 이걸 공개하셨다는 것 만으로 대단하다고 생각합니다.

https://jaypark.me/11 재한님이 토스 초기 멤버로써 어떤 일을 겪었는지 남겨주셨네요.누구나 감추고 싶은 과거가 있죠. 이걸 공개하셨다는 것 만으로 대단하다고 생각합니다.

박재한 블로그

어느 직장인의 회고

01 . 혹시 예전에는 별생각 없이 자주 썼던 말인데 어느 순간부터는 덜 사용하게 되는 말이 있으신가요? 뭐 유행이 한풀 꺾여서 더 이상 안 쓰게 될 수도 있지만 그건 나뿐만 아니라 많은 사람에게 해당되는 말이기도 하고, 말하는 습관이나 환경이 달라짐에 따라 왠지 거리를 좀 두게 되는 말들도 존재하지만 그 또한 내 의지로 인해 사용성이 감소하는 단어는 아닐 겁니다.

02 . 살면서 특정한 단어의 쓰임을 고민한다는 건 그 단어가 가진 고유한 뜻보다 누군가에게 어떻게 들릴지를 깊이 있게 생각해 보는데서 출발합니다. 이런 예시가 적절한지 모르겠지만, 마치 칼이나 가위처럼 날카로운 도구를 나 혼자 다룰 때는 비교적 적당한 주의만으로도 충분히 사용할 수 있지만 누군가에게 건넬 때는 한 번 더 조심성이 더해지는 것처럼 말이죠. 서로 주고받는 타이밍이 약간이라도 어긋나거나 상대가 아직 그 사용성에 익숙하지 않다면 사고로 이어질 수도 있으니까요.

03 . 일을 해오는 동안 생긴 습관 중에 하나는 누구에게라도 흘려 내뱉는 말처럼 'OO 님이 이해 좀 해주세요'라는 표현을 쉽게 쓰지 않게 되었다는 겁니다. 심지어 그전까지는 많은 사람들이 그토록 쉽고 편하게 '이해하라'는 말을 한다는 사실조차도 모르고 있었죠.
물론 살면서 누군가에게 이해를 구하는 일도 생기고 나 역시 상대를 이해해야 하는 순간들이 부지기수로 많습니다. 하지만 내가 직접 이해를 바라거나 반대로 내가 직접 이해를 하는 것과는 다르게, 상대에게 또 다른 특정 대상을 가리켜 이해하라고 요구하는 것은 본질적인 차이가 있다고 생각합니다. 더불어 꽤 일방적이고 때로는 무례한 요구이기까지 하죠.

04 . 직접 경험한 것도 있고 간접 경험한 것도 있지만 사건의(?) 케이스들은 대부분 이랬습니다. A,B,C라는 세 사람이 있다면 보통 A가 B에게 문제를 제기하거나 개선을 요구하는 데서 출발합니다. 그 이야기를 들은 A는 C에게 사정 혹은 문제가 있다는 것을 알지만 본인이 이 사실을 이슈로 만들고 싶은 생각은 없습니다. 그렇다고 뾰족한 대책을 마련해 줄 수도 없다 보니 문제를 다시 B에게로 돌려보내는 겁니다. 바로 '네가 좀 이해해라. C에게도 그만한 사정이 있을 거다'라는 말과 함께 말이죠.

05 . 특히 이 과정에서 A가 B보다 높은 지위에 있는 경우라면 문제는 더 심각해질 수 있습니다. 문제를 덮고 돌려보내는 것 자체도 좋지 않은 상황을 야기하지만 그보다 더 나쁜 건 B로 하여금 '내가 이해를 하면 되는 문제인 거구나'라는 인식을 심어주기 때문이죠. 그때부터는 누군가를 '이해하라'는 말이 매우 강압적인 표현이 될 수도 있음이 분명합니다.

06 . 그래서 어느 순간부터는 섣불리 '이해하라'는 말을 꺼내기에 앞서 상대가 스스로 어떻게 문제를 받아들이고 있고 어떤 노력을 하고 있는지를 객관적으로 볼 수 있게 대화를 이어가려 합니다. 즉, 'OO 님이 생각하시기엔 지금 상황에서 제일 큰 문제가 무엇이라고 생각하세요?'라든가 '혹시 저에게 말씀하시기 전까지 어떤 부분들이 제일 고민이 되었나요?' 같은 질문을 하려고 하거든요. 그럼 많은 경우 스스로가 생각한 문제나 스스로가 해온 노력들을 직접 말로 표현하면서 생각을 더 체계적으로 정리하는 케이스가 많았습니다.

07 . 이렇다 보니 이제는 누군가가 고민을 얘기하거나 의견을 개진하려고 할 때 일단 무턱대고 '이해'부터 내세우고 요구하는 사례가 더 눈에 잘 띕니다.
"아니에요. 그렇게 생각하지 마시고 OO 님도 좋게 좋게 받아들이세요. 아예 모르는 사이도 아니고 우리가 그 정도는 충분히 이해할 수 있잖아요."
아마 지금 이 글을 읽고 계신 분들 중에도 이런 표현의 말들을 들어본 분이 적지 않을 거라고 생각됩니다. 그만큼 우리 모두 크게 의식하지 않고 일상 속에 퍼뜨리는 말 중에 하나니까요.

08 . 하지만 '이해하라'는 말은 상대에게 정확한 범위도, 역할도, 방법도, 효과도 규정하지 않은 채로 문제 자체를 무효화하는 결과로 이어집니다. 물론 타인과 관계를 맺어가야 하는 입장에서 누군가를 더 깊고 넓게 이해하는 데서 오는 긍정적인 점들이 많다는 건 당연히 잘 알고 있지만, 매사 타인에게 '이해하고 보라'는 식의 주문은 그리 적절해 보이지 않다는 게 제 생각입니다.

09 . 그럼에도 불구하고 '괜히 속 좁은 사람처럼 보일 수 있지 않을까...'라고 생각된다면 '이해하라'는 말을 이렇게 한번 사용해 보는 것도 좋습니다.
일을 같이하는 입장이라면 '우리가 C에게 어떤 도움을 줄 수 있을까요?'라며 문제의식 자체를 공통의 어젠다로 등록하는 방법도 있고, 일반적인 사이에서는 '혹시 우리가 잘못 이해하고 있는 부분이 있으려나?'처럼 '충분히 헤아려봤음에도 쉽게 납득되지 않는 부분이 존재하는지'를 셀프 체크하는 방법도 있거든요. 저는 이게 '이해'라는 단어를 제대로 사용하는 현명한 가이드라고도 생각합니다.

10 . 파나소닉의 창업자이자 국내의 많은 독자들에게도 경영의 귀재로 알려져 있는 마쓰시타 고노스케 옹은 이런 말을 남겼습니다.
"만사가 잘 진행되게 하려면 누구에게 어떤 말을 해주는가가 기본이다. 적절한 말이 올바르게 쓰일 때 일도 사람도 성장한다."
그런 의미에서 저는 '이해'라는 단어도 그렇게 쓰였으면 합니다. '적절하고 올바르게'.

01 . 혹시 예전에는 별생각 없이 자주 썼던 말인데 어느 순간부터는 덜 사용하게 되는 말이 있으신가요? 뭐 유행이 한풀 꺾여서 더 이상 안 쓰게 될 수도 있지만 그건 나뿐만 아니라 많은 사람에게 해당되는 말이기도 하고, 말하는 습관이나 환경이 달라짐에 따라 왠지 거리를 좀 두게 되는 말들도 존재하지만 그 또한 내 의지로 인해 사용성이 감소하는 단어는 아닐 겁니다. 02 . 살면서 특정한 단어의 쓰임을 고민한다는 건 그 단어가 가진 고유한 뜻보다 누군가에게 어떻게 들릴지를 깊이 있게 생각해 보는데서 출발합니다. 이런 예시가 적절한지 모르겠지만, 마치 칼이나 가위처럼 날카로운 도구를 나 혼자 다룰 때는 비교적 적당한 주의만으로도 충분히 사용할 수 있지만 누군가에게 건넬 때는 한 번 더 조심성이 더해지는 것처럼 말이죠. 서로 주고받는 타이밍이 약간이라도 어긋나거나 상대가 아직 그 사용성에 익숙하지 않다면 사고로 이어질 수도 있으니까요. 03 . 일을 해오는 동안 생긴 습관 중에 하나는 누구에게라도 흘려 내뱉는 말처럼 'OO 님이 이해 좀 해주세요'라는 표현을 쉽게 쓰지 않게 되었다는 겁니다. 심지어 그전까지는 많은 사람들이 그토록 쉽고 편하게 '이해하라'는 말을 한다는 사실조차도 모르고 있었죠. 물론 살면서 누군가에게 이해를 구하는 일도 생기고 나 역시 상대를 이해해야 하는 순간들이 부지기수로 많습니다. 하지만 내가 직접 이해를 바라거나 반대로 내가 직접 이해를 하는 것과는 다르게, 상대에게 또 다른 특정 대상을 가리켜 이해하라고 요구하는 것은 본질적인 차이가 있다고 생각합니다. 더불어 꽤 일방적이고 때로는 무례한 요구이기까지 하죠. 04 . 직접 경험한 것도 있고 간접 경험한 것도 있지만 사건의(?) 케이스들은 대부분 이랬습니다. A,B,C라는 세 사람이 있다면 보통 A가 B에게 문제를 제기하거나 개선을 요구하는 데서 출발합니다. 그 이야기를 들은 A는 C에게 사정 혹은 문제가 있다는 것을 알지만 본인이 이 사실을 이슈로 만들고 싶은 생각은 없습니다. 그렇다고 뾰족한 대책을 마련해 줄 수도 없다 보니 문제를 다시 B에게로 돌려보내는 겁니다. 바로 '네가 좀 이해해라. C에게도 그만한 사정이 있을 거다'라는 말과 함께 말이죠. 05 . 특히 이 과정에서 A가 B보다 높은 지위에 있는 경우라면 문제는 더 심각해질 수 있습니다. 문제를 덮고 돌려보내는 것 자체도 좋지 않은 상황을 야기하지만 그보다 더 나쁜 건 B로 하여금 '내가 이해를 하면 되는 문제인 거구나'라는 인식을 심어주기 때문이죠. 그때부터는 누군가를 '이해하라'는 말이 매우 강압적인 표현이 될 수도 있음이 분명합니다. 06 . 그래서 어느 순간부터는 섣불리 '이해하라'는 말을 꺼내기에 앞서 상대가 스스로 어떻게 문제를 받아들이고 있고 어떤 노력을 하고 있는지를 객관적으로 볼 수 있게 대화를 이어가려 합니다. 즉, 'OO 님이 생각하시기엔 지금 상황에서 제일 큰 문제가 무엇이라고 생각하세요?'라든가 '혹시 저에게 말씀하시기 전까지 어떤 부분들이 제일 고민이 되었나요?' 같은 질문을 하려고 하거든요. 그럼 많은 경우 스스로가 생각한 문제나 스스로가 해온 노력들을 직접 말로 표현하면서 생각을 더 체계적으로 정리하는 케이스가 많았습니다. 07 . 이렇다 보니 이제는 누군가가 고민을 얘기하거나 의견을 개진하려고 할 때 일단 무턱대고 '이해'부터 내세우고 요구하는 사례가 더 눈에 잘 띕니다. "아니에요. 그렇게 생각하지 마시고 OO 님도 좋게 좋게 받아들이세요. 아예 모르는 사이도 아니고 우리가 그 정도는 충분히 이해할 수 있잖아요."아마 지금 이 글을 읽고 계신 분들 중에도 이런 표현의 말들을 들어본 분이 적지 않을 거라고 생각됩니다. 그만큼 우리 모두 크게 의식하지 않고 일상 속에 퍼뜨리는 말 중에 하나니까요. 08 . 하지만 '이해하라'는 말은 상대에게 정확한 범위도, 역할도, 방법도, 효과도 규정하지 않은 채로 문제 자체를 무효화하는 결과로 이어집니다. 물론 타인과 관계를 맺어가야 하는 입장에서 누군가를 더 깊고 넓게 이해하는 데서 오는 긍정적인 점들이 많다는 건 당연히 잘 알고 있지만, 매사 타인에게 '이해하고 보라'는 식의 주문은 그리 적절해 보이지 않다는 게 제 생각입니다. 09 . 그럼에도 불구하고 '괜히 속 좁은 사람처럼 보일 수 있지 않을까...'라고 생각된다면 '이해하라'는 말을 이렇게 한번 사용해 보는 것도 좋습니다. 일을 같이하는 입장이라면 '우리가 C에게 어떤 도움을 줄 수 있을까요?'라며 문제의식 자체를 공통의 어젠다로 등록하는 방법도 있고, 일반적인 사이에서는 '혹시 우리가 잘못 이해하고 있는 부분이 있으려나?'처럼 '충분히 헤아려봤음에도 쉽게 납득되지 않는 부분이 존재하는지'를 셀프 체크하는 방법도 있거든요. 저는 이게 '이해'라는 단어를 제대로 사용하는 현명한 가이드라고도 생각합니다. 10 . 파나소닉의 창업자이자 국내의 많은 독자들에게도 경영의 귀재로 알려져 있는 마쓰시타 고노스케 옹은 이런 말을 남겼습니다. "만사가 잘 진행되게 하려면 누구에게 어떤 말을 해주는가가 기본이다. 적절한 말이 올바르게 쓰일 때 일도 사람도 성장한다."그런 의미에서 저는 '이해'라는 단어도 그렇게 쓰였으면 합니다. '적절하고 올바르게'.

'네가 이해하라'는 말이 주는 부정적 영향에 대하여

어려운 인간관계, 멀게만 느껴지는 행복과 성공... "열심히 사는데 왜 아무것도 나아지지 않을까?" 전 국민의 마음 멘토, 김경일이 전하는 사람, 성..

마음의 지혜

인간은 사회적 동물이다. 인간관계, 일, 사랑, 돈 등 우리를 둘러싼 환경 중 어느 하나라도 충족하지 못하면 행복을 느끼기 어렵다. 하지만 아이러니하게도 인생에서 모든 조건을 완벽하게 충족하며 살아가는 사람은 없다. 결국 우리의 마음가짐에 따라 행복의 조건이 결정된다는 뜻이다.

우리 삶 속의 수많은 문제를 명쾌하게 풀어줄 대단한 해답지는 존재하지 않을지도 모른다. 그러나 희망이 사라지고, 좌절이 예정되어 있고, 몇 번이고 모든 걸 엎어버리고 싶을 때에도 우리 마음속에는 매일 작은 행복이 쌓여가고 있다.

“우리가 꾸역꾸역 살아가고 있는 지금 이 순간에도 행복은 차곡차곡 쌓이고 있다”는 김경일 교수의 이야기처럼, 이 책은 우리 마음속에 질긴 힘줄처럼 얽히고설켜 일상을 지탱해주는 강인한 삶의 근육으로 자라나게 될 것이다.

제2차 세계대전 당시 유대인의 무덤과도 같았던 아우슈비츠 수용소. 나치 독일의 잔혹한 만행으로 수많은 유대인들이 그곳에서 목숨을 잃었지만, 이곳에서도 끝까지 살아남은 사람들이 있었다. 도대체 어떤 이들이 이처럼 강한 생명력을 갖고 있었던 걸까?

이들의 생존력에 대해 연구한 학자들은 신체적으로 건강하고 나이가 어릴수록 생존 확률이 높았을 거라고 생각했다. 물론 부분적으로는 맞지만 완전한 조건은 아니었다. 오랜 시간 조사를 거듭한 끝에 생존의 중요한 요인 중 하나가 밝혀지게 되었는데, 바로 ‘행복’이었다.

수용소에 끌려들어가기 전까지 얼마나 행복한 삶을 살았는지가 살아남는 데에 적지 않은 영향을 끼쳤다는 것이다. 행복을 자주, 또 많이 경험했던 사람은 행복을 되풀이하고자 하는 욕구가 강했으며, 그것이 위기와 고난을 이겨내는 데 강력한 심리적 에너지로 작용했다는 게 학자들의 결론이었다.

그렇다면 행복을 자주, 또 많이 경험하기 위해 우리는 어떻게 해야 할까? 인지심리학자 김경일 교수는 이 책 <마음의 지혜>에서 “행복은 크기가 아니라 빈도”라고 힘주어 이야기한다. 1년에 100점짜리 커다란 행복 하나를 경험하는 것보다 10점짜리 행복 10개를 경험하는 것이 더 효과적이라는 것이다.

다시 말해 “좋아하는 사람과 맛있는 것을 먹는 게 나의 행복이야”라고 인지하고 있는 사람은 “로또 복권에 당첨되는 게 나의 행복이야”라고 생각하는 사람보다 생존할 확률이 높아진다.

김경일 교수는 다시 행복의 빈도를 높이기 위한 구체적인 방법으로 ‘기록’에 대해 이야기한다. 우리에게는 분명히 작고 소소하지만 행복을 느끼게 했던 경험이 존재했을 것이다. 그리고 이러한 경험은 자신에게 닥친 시련을 이겨내는 힘으로 작용했을 것이다. 그러나 안타깝게도 우리 뇌는 이러한 연결고리를 기억하지 못한다.

결국 우리 스스로 기록을 통해 행복의 알고리즘을 만들어내야 한다는 뜻이다. 인간은 환경과 상황에 예민하게 반응하는 존재다. 온도와 질감, 천장의 높이, 빛의 밝기, 무겁거나 가벼움을 느끼는 사소한 감각 등 이 모든 것이 뇌에 영향을 끼쳐 생각과 기분을 바꾸게 해준다.

기억하자. 사소한 식사, 소소한 수다, 별 의미 없어 보여도 기분 좋아지는 장난, 심지어 매일 같은 길을 발 딛고 걷는 행위까지도 우리 마음속에 희미한 바를 정 자로 남아 행복의 씨앗으로 자라나고 있다는 것을.

혹시 이 광고를 기억하는가? 깔끔하게 차려입은 두 남자가 건물 앞에서 이야기를 나누고 있다. 잠시 후 한 명이 차량 리모컨을 누르자 삑 소리와 함께 헤드라이트에 불이 들어온다. 그 모습을 본 다른 한 명의 조금 놀란 표정과 함께 차분한 내레이션이 흘러나온다. “요즘 어떻게 지내냐는 친구의 질문에 ○○○로 대답했습니다.”

이 광고에는 ‘타인의 감탄’이라는 심리학적으로 중요한 메시지가 숨어 있다. 우리는 대부분 어른이 되면서 인간관계를 줄여나간다. 대신 매일 마주치는 소수의 사람을 좋은 사람이라고 믿고 그들의 기준에 맞추기 위해 노력한다.

그런데 자칫 이러한 관계 속에서 우리가 원하는 삶, 우리가 세운 목표 그리고 노력하고 있는 수많은 것들이 다른 사람들의 감탄을 얻기 위한 행동으로 이어지기 쉽다. 그리고 ‘나’보다 ‘남’의 시선에 따라 사는 삶은 궁극적으로 만족과는 멀어질 수밖에 없게 된다.

김경일 교수는 이 책에서 타인의 시선과 평가에서 해방되는 방법으로 “나에게 감탄하는 삶”을 제안한다. 그리고 다양한 사람을 만나 그들에게 조금씩 도움을 주며, 그들로부터 받은 감사를 나 스스로에게 감탄하는 도구로 활용하라고 조언한다.

나를 향한 감탄이 진실된 자기 만족으로 이어질 수 있다면 비로소 우리가 간절히 바라던 마음속 지혜에 한 걸음 다가설 수 있게 될 것이다. “나에게 감탄하는 삶을 사세요!”

인간은 사회적 동물이다. 인간관계, 일, 사랑, 돈 등 우리를 둘러싼 환경 중 어느 하나라도 충족하지 못하면 행복을 느끼기 어렵다. 하지만 아이러니하게도 인생에서 모든 조건을 완벽하게 충족하며 살아가는 사람은 없다. 결국 우리의 마음가짐에 따라 행복의 조건이 결정된다는 뜻이다. 우리 삶 속의 수많은 문제를 명쾌하게 풀어줄 대단한 해답지는 존재하지 않을지도 모른다. 그러나 희망이 사라지고, 좌절이 예정되어 있고, 몇 번이고 모든 걸 엎어버리고 싶을 때에도 우리 마음속에는 매일 작은 행복이 쌓여가고 있다. “우리가 꾸역꾸역 살아가고 있는 지금 이 순간에도 행복은 차곡차곡 쌓이고 있다”는 김경일 교수의 이야기처럼, 이 책은 우리 마음속에 질긴 힘줄처럼 얽히고설켜 일상을 지탱해주는 강인한 삶의 근육으로 자라나게 될 것이다. 제2차 세계대전 당시 유대인의 무덤과도 같았던 아우슈비츠 수용소. 나치 독일의 잔혹한 만행으로 수많은 유대인들이 그곳에서 목숨을 잃었지만, 이곳에서도 끝까지 살아남은 사람들이 있었다. 도대체 어떤 이들이 이처럼 강한 생명력을 갖고 있었던 걸까? 이들의 생존력에 대해 연구한 학자들은 신체적으로 건강하고 나이가 어릴수록 생존 확률이 높았을 거라고 생각했다. 물론 부분적으로는 맞지만 완전한 조건은 아니었다. 오랜 시간 조사를 거듭한 끝에 생존의 중요한 요인 중 하나가 밝혀지게 되었는데, 바로 ‘행복’이었다. 수용소에 끌려들어가기 전까지 얼마나 행복한 삶을 살았는지가 살아남는 데에 적지 않은 영향을 끼쳤다는 것이다. 행복을 자주, 또 많이 경험했던 사람은 행복을 되풀이하고자 하는 욕구가 강했으며, 그것이 위기와 고난을 이겨내는 데 강력한 심리적 에너지로 작용했다는 게 학자들의 결론이었다. 그렇다면 행복을 자주, 또 많이 경험하기 위해 우리는 어떻게 해야 할까? 인지심리학자 김경일 교수는 이 책 &lt;마음의 지혜&gt;에서 “행복은 크기가 아니라 빈도”라고 힘주어 이야기한다. 1년에 100점짜리 커다란 행복 하나를 경험하는 것보다 10점짜리 행복 10개를 경험하는 것이 더 효과적이라는 것이다. 다시 말해 “좋아하는 사람과 맛있는 것을 먹는 게 나의 행복이야”라고 인지하고 있는 사람은 “로또 복권에 당첨되는 게 나의 행복이야”라고 생각하는 사람보다 생존할 확률이 높아진다. 김경일 교수는 다시 행복의 빈도를 높이기 위한 구체적인 방법으로 ‘기록’에 대해 이야기한다. 우리에게는 분명히 작고 소소하지만 행복을 느끼게 했던 경험이 존재했을 것이다. 그리고 이러한 경험은 자신에게 닥친 시련을 이겨내는 힘으로 작용했을 것이다. 그러나 안타깝게도 우리 뇌는 이러한 연결고리를 기억하지 못한다. 결국 우리 스스로 기록을 통해 행복의 알고리즘을 만들어내야 한다는 뜻이다. 인간은 환경과 상황에 예민하게 반응하는 존재다. 온도와 질감, 천장의 높이, 빛의 밝기, 무겁거나 가벼움을 느끼는 사소한 감각 등 이 모든 것이 뇌에 영향을 끼쳐 생각과 기분을 바꾸게 해준다. 기억하자. 사소한 식사, 소소한 수다, 별 의미 없어 보여도 기분 좋아지는 장난, 심지어 매일 같은 길을 발 딛고 걷는 행위까지도 우리 마음속에 희미한 바를 정 자로 남아 행복의 씨앗으로 자라나고 있다는 것을. 혹시 이 광고를 기억하는가? 깔끔하게 차려입은 두 남자가 건물 앞에서 이야기를 나누고 있다. 잠시 후 한 명이 차량 리모컨을 누르자 삑 소리와 함께 헤드라이트에 불이 들어온다. 그 모습을 본 다른 한 명의 조금 놀란 표정과 함께 차분한 내레이션이 흘러나온다. “요즘 어떻게 지내냐는 친구의 질문에 ○○○로 대답했습니다.” 이 광고에는 ‘타인의 감탄’이라는 심리학적으로 중요한 메시지가 숨어 있다. 우리는 대부분 어른이 되면서 인간관계를 줄여나간다. 대신 매일 마주치는 소수의 사람을 좋은 사람이라고 믿고 그들의 기준에 맞추기 위해 노력한다. 그런데 자칫 이러한 관계 속에서 우리가 원하는 삶, 우리가 세운 목표 그리고 노력하고 있는 수많은 것들이 다른 사람들의 감탄을 얻기 위한 행동으로 이어지기 쉽다. 그리고 ‘나’보다 ‘남’의 시선에 따라 사는 삶은 궁극적으로 만족과는 멀어질 수밖에 없게 된다. 김경일 교수는 이 책에서 타인의 시선과 평가에서 해방되는 방법으로 “나에게 감탄하는 삶”을 제안한다. 그리고 다양한 사람을 만나 그들에게 조금씩 도움을 주며, 그들로부터 받은 감사를 나 스스로에게 감탄하는 도구로 활용하라고 조언한다. 나를 향한 감탄이 진실된 자기 만족으로 이어질 수 있다면 비로소 우리가 간절히 바라던 마음속 지혜에 한 걸음 다가설 수 있게 될 것이다. “나에게 감탄하는 삶을 사세요!”

This week we have Mitchell Hashimoto, the founder of HashiCorp. We talk about where it all started and how the company and it's tools have impacted the indus...

Mitchell Hashimoto - Founder of HashiCorp, Terraform, and Thoughts of Open Source Monetization

https://www.youtube.com/watch?v=vw61iI08iro devtools.fm 팟캐스트에 미첼 하시모토가 출연해서 인터뷰한 내용을 요약해봤어요.

미첼 하시모토는 Terraform, Vault 등을 만든 하시코프(https://www.hashicorp.com/)의 창업자인데요.
CEO -> CTO -> IC 를 거쳐 현재는 회사를 그만두고, 개인 프로젝트와 육아에 전념하고 있어요.

개인프로젝트, 개발에 대한 생각들을 https://mitchellh.com/ 에 올리고 있으니 관심있는 분은 읽어보셔도 좋을 것 같아요.
개인적으로 미첼의 팬이라 트위터 계정도 팔로우하고, 올라오는 아티클도 열심히 찾아 읽고있어요.

미첼은 최근에 https://mitchellh.com/ghostty 라는 이름의 터미널 에뮬레이터를 만드는 개인 프로젝트를 진행하고 있는데, 베타테스터 신청만 벌써 700명이라고 하네요.

팟캐스트 영상은 며칠 전에 올라왔는데 어제 밤 들으면서 간단히 요약했던 내용을 커리어리에도 올려봐요. 영상이 길어서 1,2 로 나눠서 정리할 예정 (뒷부분은 아직 못봤어요...)

Mitchell Hashimoto - Founder of HashiCorp, Terraform, and Thoughts of Open Source Monetization

러스트 쓰고 읽을 때는 재미가 없지만, Zig 할 때는 Ruby의 ‘개발은 즐거워야 한다’ 는 그 마음을 다시 느낀다고…

Zig가 메모리 세이프한 언어는 아니지만, 코드를 작성할 때 어떤 머신코드로 컴파일 될지 직관적으로 이해할 수 있고, 그런 점을 좋아한다고 한다. Rust는 하나도 모르지만 C, Ruby, Go, Zig 로의 좋아하는 언어 방향성이 비슷해서 더 공감갔다.

사이드 프로젝트 였던 vagrant가 인기를 끌면서 출근했다가, 퇴근하고 vagrant개발하고, 출근하고…를 반복하다 이렇게 계속 유지할 수는 없다고 생각. 개발 커뮤니티에 참여하면서 자동화 툴에 대한 업계의 니즈가 미쉘과 아르몬이 생각해왔던 것과 동일함을 느끼고 하시코프를 창업.

직원이 10명이 넘어가면서, 소프트웨어의 (설계) 품질을 계속 유지하고 싶어져서… 문서로 정리하게 됨. 아마도 이것일까… https://www.hashicorp.com/tao-of-hashicorp

공동창업자인 아르몬과 작업할 때도, 바로 자리에 돌아가서 개발하기 보다는 소프트웨어의 디자인, 최종 골의 모습과 형태(명세)를 공유하고 한명은 코어, 한명은 CLI를 개발했지만 최종적으로 같은 골을 향해 만나는 형태로 진행했다.

아르몬은 CS에 정통한 기술위주였다면, 하시모토는 일을 하는 방법에 대해서는 극단적으로 설계와, 명세 기반의 협업을 통한 결과 도출을 중요시 했고 6주동안 개발하고 0.1을 릴리즈한 vault는 릴리즈 이틀전까지 바이너리가 없었지만 단위테스트와 (강력한) 디자인 문서를 기반으로 완성했다.

가장 좋아하는 프로젝트는 역시 테라폼. 영향도는 vault 일지 모르지만, 테라폼 개발이 가장 즐거웠다. 텀블러에 이런게 필요하다는 이야기를 적었었고, 누구도 만들어주지 않았지만 괜찮았다. 클라우드 포메이션이 발표되고 괜찮다고 생각했지만, 이렇게 하면 더 좋을 것 같았고 그게 테라폼. :)

2번째 정리에서 계속...

https://www.youtube.com/watch?v=vw61iI08iro devtools.fm 팟캐스트에 미첼 하시모토가 출연해서 인터뷰한 내용을 요약해봤어요. 미첼 하시모토는 Terraform, Vault 등을 만든 하시코프(https://www.hashicorp.com/)의 창업자인데요. CEO -&gt; CTO -&gt; IC 를 거쳐 현재는 회사를 그만두고, 개인 프로젝트와 육아에 전념하고 있어요. 개인프로젝트, 개발에 대한 생각들을 https://mitchellh.com/ 에 올리고 있으니 관심있는 분은 읽어보셔도 좋을 것 같아요. 개인적으로 미첼의 팬이라 트위터 계정도 팔로우하고, 올라오는 아티클도 열심히 찾아 읽고있어요. 미첼은 최근에 https://mitchellh.com/ghostty 라는 이름의 터미널 에뮬레이터를 만드는 개인 프로젝트를 진행하고 있는데, 베타테스터 신청만 벌써 700명이라고 하네요. 팟캐스트 영상은 며칠 전에 올라왔는데 어제 밤 들으면서 간단히 요약했던 내용을 커리어리에도 올려봐요. 영상이 길어서 1,2 로 나눠서 정리할 예정 (뒷부분은 아직 못봤어요...) Mitchell Hashimoto - Founder of HashiCorp, Terraform, and Thoughts of Open Source Monetization 러스트 쓰고 읽을 때는 재미가 없지만, Zig 할 때는 Ruby의 ‘개발은 즐거워야 한다’ 는 그 마음을 다시 느낀다고… Zig가 메모리 세이프한 언어는 아니지만, 코드를 작성할 때 어떤 머신코드로 컴파일 될지 직관적으로 이해할 수 있고, 그런 점을 좋아한다고 한다. Rust는 하나도 모르지만 C, Ruby, Go, Zig 로의 좋아하는 언어 방향성이 비슷해서 더 공감갔다. 사이드 프로젝트 였던 vagrant가 인기를 끌면서 출근했다가, 퇴근하고 vagrant개발하고, 출근하고…를 반복하다 이렇게 계속 유지할 수는 없다고 생각. 개발 커뮤니티에 참여하면서 자동화 툴에 대한 업계의 니즈가 미쉘과 아르몬이 생각해왔던 것과 동일함을 느끼고 하시코프를 창업. 직원이 10명이 넘어가면서, 소프트웨어의 (설계) 품질을 계속 유지하고 싶어져서… 문서로 정리하게 됨. 아마도 이것일까… https://www.hashicorp.com/tao-of-hashicorp 공동창업자인 아르몬과 작업할 때도, 바로 자리에 돌아가서 개발하기 보다는 소프트웨어의 디자인, 최종 골의 모습과 형태(명세)를 공유하고 한명은 코어, 한명은 CLI를 개발했지만 최종적으로 같은 골을 향해 만나는 형태로 진행했다. 아르몬은 CS에 정통한 기술위주였다면, 하시모토는 일을 하는 방법에 대해서는 극단적으로 설계와, 명세 기반의 협업을 통한 결과 도출을 중요시 했고 6주동안 개발하고 0.1을 릴리즈한 vault는 릴리즈 이틀전까지 바이너리가 없었지만 단위테스트와 (강력한) 디자인 문서를 기반으로 완성했다. 가장 좋아하는 프로젝트는 역시 테라폼. 영향도는 vault 일지 모르지만, 테라폼 개발이 가장 즐거웠다. 텀블러에 이런게 필요하다는 이야기를 적었었고, 누구도 만들어주지 않았지만 괜찮았다. 클라우드 포메이션이 발표되고 괜찮다고 생각했지만, 이렇게 하면 더 좋을 것 같았고 그게 테라폼. :) 2번째 정리에서 계속...

YouTube

Mitchell Hashimoto의 devtools.fm 인터뷰 요약 1

데얼스의
첫 브랜드 콜라보 협업입니다. 🎉

AUTHENTIC__SEOUL은 
"진짜 서울"이라는 뜻을 담고 있습니다.
다채로운 서울의 느낌을 한글로 담아
트렌드를 만들어가고 있습니다.

으뜸(많은 것 가운데 첫번째)이라는 한글 단어와
데얼스의 선라이즈 오렌지 컬러로(일출)
제작해 보았습니다.
쉼에 있어서 일출은 항상 다음 여정을 기대하게 하는
으뜸인 순간인듯합니다.

으뜸가는 아웃도어 커뮤니티&커머스로
오늘도 채워나갈 예정입니다.
좋은 하루 되세요! 😀

데얼스의첫 브랜드 콜라보 협업입니다. 🎉 AUTHENTIC__SEOUL은&nbsp;"진짜 서울"이라는 뜻을 담고 있습니다.다채로운 서울의 느낌을 한글로 담아트렌드를 만들어가고 있습니다. 으뜸(많은 것 가운데 첫번째)이라는 한글 단어와데얼스의 선라이즈 오렌지 컬러로(일출)제작해 보았습니다.쉼에 있어서 일출은 항상 다음 여정을 기대하게 하는으뜸인 순간인듯합니다. 으뜸가는 아웃도어 커뮤니티&amp;커머스로 오늘도 채워나갈 예정입니다. 좋은 하루 되세요! 😀

(콜라보)데얼스와 어센틱 서울의 콜라보

Netflix는 Java, RxJava 및 Spring Boot를 활용해 마이크로서비스 아키텍처를 발전시켰으며, GraphQL Federation으로의 전환을 통해 더욱 발전했다. 이 글에서는 Netflix의 아키텍처 변화와 Java 사용 변천사를 설명한다.

Netflix의 Java 사용 변천사 (번역)

안녕하세요 :) 저는 최근에 다시 Java와 Spring Boot를 사용하는 미국 회사로 이직하면서, 지난 2년간 스타트업에서 Ruby on Rails를 사용하며 잊고 지내던 Java와 Spring 생태계에 다시 발을 내딛었습니다. 🥰

현재 회사에서는 수많은 모놀리틱 서비스와 마이크로서비스가 함께 사용되는 상황이라 꽤 복잡한 아키텍처로 구성되어 있습니다. 그리고 새로운 Java/Spring 기반 서비스들이 빠르게 추가되고 있어서 각 서비스들 간의 통신이나 아키텍처 구성을 어떻게 개선해가면 좋을지 고민되는 상황이었는데요. 🙃

팀에 빅테크(FAANG) 출신 시니어 개발자들도 있어서 제가 이 개선을 주도하지는 않겠지만,
적어도 아키텍처 개선 방향에 대한 내 의견을 가지고 있어야겠다
는 생각으로 힌트를 얻고자 Java 기반 서비스들의 큰 형님격인 Netflix의 문을 두드렸습니다.

Netflix는 Java 기반 서비스들의 아키텍처를 어떻게 발전시켜나갔는지 궁금해서 찾아보다가 이 글을 발견했고, 오랜만에 Java 생태계로 돌아온 저에게 유익했던 글이라 DeepL의 도움을 받아 번역해보았습니다.

전체 내용 보기 👉 https://www.integer.blog/evolution-of-java-usage-at-netflix/?ref=careerly.co.kr

📌 목차
 1. Groovy 시대 with BFF(Backend For Frontend)
 2. RxJava와 리액티브 프로그래밍 사용
 3. GraphQL Federation으로 전환
 4. Netflix가 사용하는 Java 버전
 5. Netflix가 사용하는 Spring Boot

안녕하세요 :) 저는 최근에 다시 Java와 Spring Boot를 사용하는 미국 회사로 이직하면서, 지난 2년간 스타트업에서 Ruby on Rails를 사용하며 잊고 지내던 Java와 Spring 생태계에 다시 발을 내딛었습니다. 🥰 현재 회사에서는 수많은 모놀리틱 서비스와 마이크로서비스가 함께 사용되는 상황이라 꽤 복잡한 아키텍처로 구성되어 있습니다. 그리고 새로운 Java/Spring 기반 서비스들이 빠르게 추가되고 있어서 각 서비스들 간의 통신이나 아키텍처 구성을 어떻게 개선해가면 좋을지 고민되는 상황이었는데요. 🙃 팀에 빅테크(FAANG) 출신 시니어 개발자들도 있어서 제가 이 개선을 주도하지는 않겠지만, <code >적어도 아키텍처 개선 방향에 대한 내 의견을 가지고 있어야겠다</code>는 생각으로 힌트를 얻고자 Java 기반 서비스들의 큰 형님격인 Netflix의 문을 두드렸습니다. Netflix는 Java 기반 서비스들의 아키텍처를 어떻게 발전시켜나갔는지 궁금해서 찾아보다가 이 글을 발견했고, 오랜만에 Java 생태계로 돌아온 저에게 유익했던 글이라 DeepL의 도움을 받아 번역해보았습니다. 전체 내용 보기 👉 https://www.integer.blog/evolution-of-java-usage-at-netflix/?ref=careerly.co.kr 📌 목차<ol ><li>Groovy 시대 with BFF(Backend For Frontend)</li><li>RxJava와 리액티브 프로그래밍 사용</li><li>GraphQL Federation으로 전환</li><li>Netflix가 사용하는 Java 버전</li><li>Netflix가 사용하는 Spring Boot</li></ol>

1nteger 🏄🏻‍♂️

Mobile development is a dynamic field that evolves rapidly, demanding developers to be proactive in keeping up with the latest trends, tools, and technologies. As the app landscape continuously...

How to Stay Up-to-Date as a Mobile Developer

개발자가 간단하게 실천할 수 있는 최신 정보 습득 방법에 대해 가져와 봤습니다! 이미 실천하고 계신 분들도 많으실 것 같네요ㅎㅎ 빠르게 변하는 산업인 만큼 지속적으로 새로운 정보를 받아들이는 것은 중요할 것 같습니다.

 1.  개발자 블로그 및 뉴스레터 구독하기
     iOS, aOS 공식 블로그뿐만 아니라 업계 전문가가 운영하는 블로그나 뉴스레터를 정기적으로 받아보는 것은 꾸준히 정보의 흐름을 읽을 수 있는 가장 좋은 방법입니다.
     
     
 2.  소셜 미디어 및 온라인 커뮤니티에 참여하기
     트위터, 레딧, 스택오브플로우와 같은 개발자 커뮤니티에 가입하는 것은 개발자들과 함께 소통하면서 성장할 수 있는 좋은 방법입니다. (커리어리도 마찬가지입니다!) 관련 해시태그를 팔로우하고, 스레드에 참여해서 좋은 정보를 실시간으로 얻어보세요! (개인적으로 일론머스크의 트윗이 재밌더군요...)
     
     
 3.  컨퍼런스 및 모임 참석
     온라인 및 오프라인 컨퍼런스에 주기적으로 참여하면 동료 개발자들과 네트워크를 형성하고, 최신 업계 동향을 접할 수 있습니다. wwdc, google i/o뿐만 아니라 국내 기업에서 주최하는 세션이나 컨퍼런스에 참여해 보세요!
     
     
 4.  온라인 강좌를 통한 지속적 학습
     코세라와 같은 유명 플랫폼에서 제공하는 온라인 강좌를 통해 지속적으로 지식을 심화해 나가는 것도 좋은 방법입니다. 최신 도구나 프레임워크를 학습하는 것은 나에게 큰 도움이 될 것입니다!
     
     
 5.  출퇴근 시간에 팟캐스트 듣기
     통근 시간을 이용해 팟캐스트의 힘을 활용해 보세요! Fragmented, Swift by Sundell 및 Android Developers Backstage와 같은 팟캐스트에서는 최신 모바일 개발 사례나 인터뷰 및 토론을 제공합니다! 영어 공부도 덤이고요! 이 외에 주요 CEO들이 출연하여 기술에 대해 이야기하는 ACQUIRED를 추천드립니다! 최근에는 앤비디아의 젠슨 황이 출연하기도 했죠.
     
     
 6.  GitHub 리포지토리 및 오픈 소스 프로젝트를 팔로우하기
     GitHub만큼이나 개발자가 코드를 파보기가 좋은 데가 없죠. 도메인와 관련된 프레임워크 라이브러리 오픈소스 프로젝트의 저장소를 꾸준히 기여하고, 참여하면 코딩 기술을 업그레이드할 뿐만 아니라 새로운 코딩 표준 및 공동 개발 방식을 접할 수 있습니다.
     
     
 7.  베타 릴리즈 사용해 보기
     얼리어답터가 되어 운영체제, SDK 및 개발도구의 베타 릴리즈를 실험하면 누구보다 빠른 기술을 습득할 수 있습니다. 이러한 경험을 통해 앱을 조정하고, 개발 커뮤니티에 좋은 의견들을 나눠볼 수 있죠.
     
     
 8.  업계 보고서 읽기
     보고서를 통해 업계 최신 동향을 광범위하게 얻을 수 있습니다. 또한 시장 행동과 타깃 유저 행동에 대한 통팔력을 통해 더 큰 그림을 이해하고, 프로젝트 방향에 대한 정보를 입각한 결정을 내릴 수 있습니다. 해외 쪽 뿐만 아니라 국내 주요 기업도 리포트를 발간하고 있으니, 참고하면 좋을 것 같습니다.
     
     
 9.  개인적인 개발 계획 수립
     커리어적인 성장을 위해 체계적인 계획을 개발하는 것이 중요합니다. 학습을 위한 시간을 확보하고, 강좌 및 컨퍼런스와 같은 앞선 내용들에 리소스를 할당하고 정기적으로 스스로 평가하는 시간을 가져보는 것이 좋습니다.
     
     
 10. 지속적인 네트워킹
     네트워킹은 최신 정보를 유지하는 데에 필수적인 요소입니다 동료 개발자와 소통하고, 적극적으로 협업 기회를 찾아보는 것입니다. 멘토링 및 협업 프로젝트에 참여하는 것도 좋습니다.
     
     본문에 대한 원글은 아래 링크에서 볼 수 있습니다.
     https://medium.com/gitconnected/how-to-stay-up-to-date-as-a-mobile-developer-0d6c5ef47acc

개발자가 간단하게 실천할 수 있는 최신 정보 습득 방법에 대해 가져와 봤습니다! 이미 실천하고 계신 분들도 많으실 것 같네요ㅎㅎ 빠르게 변하는 산업인 만큼 지속적으로 새로운 정보를 받아들이는 것은 중요할 것 같습니다. <ol ><li>개발자 블로그 및 뉴스레터 구독하기iOS, aOS 공식 블로그뿐만 아니라 업계 전문가가 운영하는 블로그나 뉴스레터를 정기적으로 받아보는 것은 꾸준히 정보의 흐름을 읽을 수 있는 가장 좋은 방법입니다. </li><li>소셜 미디어 및 온라인 커뮤니티에 참여하기트위터, 레딧, 스택오브플로우와 같은 개발자 커뮤니티에 가입하는 것은 개발자들과 함께 소통하면서 성장할 수 있는 좋은 방법입니다. (커리어리도 마찬가지입니다!) 관련 해시태그를 팔로우하고, 스레드에 참여해서 좋은 정보를 실시간으로 얻어보세요! (개인적으로 일론머스크의 트윗이 재밌더군요...) </li><li>컨퍼런스 및 모임 참석온라인 및 오프라인 컨퍼런스에 주기적으로 참여하면 동료 개발자들과 네트워크를 형성하고, 최신 업계 동향을 접할 수 있습니다. wwdc, google i/o뿐만 아니라 국내 기업에서 주최하는 세션이나 컨퍼런스에 참여해 보세요! </li><li>온라인 강좌를 통한 지속적 학습코세라와 같은 유명 플랫폼에서 제공하는 온라인 강좌를 통해 지속적으로 지식을 심화해 나가는 것도 좋은 방법입니다. 최신 도구나 프레임워크를 학습하는 것은 나에게 큰 도움이 될 것입니다! </li><li>출퇴근 시간에 팟캐스트 듣기통근 시간을 이용해 팟캐스트의 힘을 활용해 보세요! Fragmented, Swift by Sundell 및 Android Developers Backstage와 같은 팟캐스트에서는 최신 모바일 개발 사례나 인터뷰 및 토론을 제공합니다! 영어 공부도 덤이고요! 이 외에 주요 CEO들이 출연하여 기술에 대해 이야기하는 ACQUIRED를 추천드립니다! 최근에는 앤비디아의 젠슨 황이 출연하기도 했죠. </li><li>GitHub 리포지토리 및 오픈 소스 프로젝트를 팔로우하기GitHub만큼이나 개발자가 코드를 파보기가 좋은 데가 없죠. 도메인와 관련된 프레임워크 라이브러리 오픈소스 프로젝트의 저장소를 꾸준히 기여하고, 참여하면 코딩 기술을 업그레이드할 뿐만 아니라 새로운 코딩 표준 및 공동 개발 방식을 접할 수 있습니다. </li><li>베타 릴리즈 사용해 보기 얼리어답터가 되어 운영체제, SDK 및 개발도구의 베타 릴리즈를 실험하면 누구보다 빠른 기술을 습득할 수 있습니다. 이러한 경험을 통해 앱을 조정하고, 개발 커뮤니티에 좋은 의견들을 나눠볼 수 있죠. </li><li>업계 보고서 읽기보고서를 통해 업계 최신 동향을 광범위하게 얻을 수 있습니다. 또한 시장 행동과 타깃 유저 행동에 대한 통팔력을 통해 더 큰 그림을 이해하고, 프로젝트 방향에 대한 정보를 입각한 결정을 내릴 수 있습니다. 해외 쪽 뿐만 아니라 국내 주요 기업도 리포트를 발간하고 있으니, 참고하면 좋을 것 같습니다. </li><li>개인적인 개발 계획 수립커리어적인 성장을 위해 체계적인 계획을 개발하는 것이 중요합니다. 학습을 위한 시간을 확보하고, 강좌 및 컨퍼런스와 같은 앞선 내용들에 리소스를 할당하고 정기적으로 스스로 평가하는 시간을 가져보는 것이 좋습니다. </li><li>지속적인 네트워킹네트워킹은 최신 정보를 유지하는 데에 필수적인 요소입니다 동료 개발자와 소통하고, 적극적으로 협업 기회를 찾아보는 것입니다. 멘토링 및 협업 프로젝트에 참여하는 것도 좋습니다. 본문에 대한 원글은 아래 링크에서 볼 수 있습니다.https://medium.com/gitconnected/how-to-stay-up-to-date-as-a-mobile-developer-0d6c5ef47acc</li></ol>

Medium

개발자가 실생활에서 실천할 수 있는 스터디 방법 소개 🔑

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

대부분의 개발자들은 굉장히 트렌디하다. 특히 한국 개발자들이 더 그렇다. 회사 일이 아무리 바쁘고 재미있어도 일에서 사용하는 기술이 최신이 아닌 레거시라고 생각하면 뒤쳐진다고 느끼고 조바심과 불안감을 많이 느낀다. 안 그래도 시간도 없고 힘도 부치는데 회사 일이 끝나면 새로운 기술을 조바심/불안감 기반으로 공부하는 경우가 아주 흔한다. 흔히 이야기하는 주경야독인데 약간 건강하지 않은 형태의 주경야독이다. 낮에는 회사 일을 하느라 바쁜 와중에 밤에는 선행학습을 하느라 바쁘다는 거다. 예를 들면 회사에서 레거시 시스템을 사용하는데 이게 커리어에 도움이 안된다고 보니 밤에 지금 마켓에서 핫한 시스템 공부를 하는 거다. 이 공부의 모티브가 중요한데 불안감이나 조바심이 주된 모티브라면 건강하지 않다.

내가 생각하는 건강한 학습은 평소 맡은 업무에 몰두하고 성취하는 경험을 통해 자신감을 쌓고 인정받고 (이에 대해서 뒤 "3. 의사 소통 잘하기"와 "4. 문제 정의 잘하기"에서 더 이야기해볼 예정이다) 이를 바탕으로 필요 중심 그리고 호기심 중심으로 학습하는 것이다. 즉 "현재"(필요성)에 집중하고 "나"(호기심)에 집중하는 거다. 여기에 약간의 조바심이나 불안감이 조미료처럼 첨가된다면 금상첨화다.

그런데 이게 가능하라면 내가 있는 환경이 중요해진다. 내가 잘 맞지 않는 환경이라면 현재에 집중하기가 쉽지 않을 것이다. 잘 맞는 환경인지 아닌지 판단하는 첫 번째는 같이 일하는 사람들이 어떤 사람들인지 특히 내 매니저가 어떤 사람인지 보는 건데 힘들어도 배울 점이 많고 성장한다는 느낌이 든다면 좋은 환경이다.

다음으로 나만의 학습방법을 만들어보는 것이 필요하다. 수능공부를 하는 것이 아니니 뭔가 두꺼운 책을 하나 사서 처음부터 끝까지 읽어야만 학습이 아니란 점, 필요한만큼 이해하고 넘어가도 된다는 점, 학습을 하다보면 항상 어느 시점에는 벽에 부딪칠 것이기에 꾸준함이 중요하다는 것 등등을 인지해야 한다. 개인적으로는 잘 모르는 주제가 생기면 유투브 등으로 짧은 영상 몇개 보고 더 깊게 들어갈 필요가 있다면 잘 아는 지인들에게 (적절히 보상을 해주고) 물어본다던지 아니면 더 긴 영상 강의(유데미, 인프런, 유투브 등등)등을 찾아서 밀도있게 학습하는 형태로 가려고 한다. 뭔가 정말 제대로 배우고 싶을텐데 다른 사람을 가르쳐보거나 톡을 하는 기회를 만들어서 강제로 학습하려고 한다.

결국 내가 인정받는 것은 내가 만든 결과물이지 어떤 기술을 알고 있느냐는 아니라는 점을 인식하고 호기심과 필요성 중심으로 학습으로 하는 습관을 갖도록 하자.

<ol ><li>기본기 확실히 하기</li><li>학습 능력 키우기</li><li>의사 소통 잘하기</li><li>문제 정의 잘하기</li><li>태스크 완료 시간 추정 잘하기</li><li>운영을 고려한 코드 작성하기</li><li>서비스 사고 대처 능력 키우기</li><li>결과를 내는데 집중하기</li><li>영향력 갖기 <s>(코딩 멍키)</s></li></ol> 대부분의 개발자들은 굉장히 트렌디하다. 특히 한국 개발자들이 더 그렇다. 회사 일이 아무리 바쁘고 재미있어도 일에서 사용하는 기술이 최신이 아닌 레거시라고 생각하면 뒤쳐진다고 느끼고 조바심과 불안감을 많이 느낀다. 안 그래도 시간도 없고 힘도 부치는데 회사 일이 끝나면 새로운 기술을 조바심/불안감 기반으로 공부하는 경우가 아주 흔한다. 흔히 이야기하는 주경야독인데 약간 건강하지 않은 형태의 주경야독이다. 낮에는 회사 일을 하느라 바쁜 와중에 밤에는 선행학습을 하느라 바쁘다는 거다. 예를 들면 회사에서 레거시 시스템을 사용하는데 이게 커리어에 도움이 안된다고 보니 밤에 지금 마켓에서 핫한 시스템 공부를 하는 거다. 이 공부의 모티브가 중요한데 불안감이나 조바심이 주된 모티브라면 건강하지 않다. 내가 생각하는 건강한 학습은 평소 맡은 업무에 몰두하고 성취하는 경험을 통해 자신감을 쌓고 인정받고 (이에 대해서 뒤 "3. 의사 소통 잘하기"와 "4. 문제 정의 잘하기"에서 더 이야기해볼 예정이다) 이를 바탕으로 필요 중심 그리고 호기심 중심으로 학습하는 것이다. 즉 "현재"(필요성)에 집중하고 "나"(호기심)에 집중하는 거다. 여기에 약간의 조바심이나 불안감이 조미료처럼 첨가된다면 금상첨화다. 그런데 이게 가능하라면 내가 있는 환경이 중요해진다. 내가 잘 맞지 않는 환경이라면 현재에 집중하기가 쉽지 않을 것이다. 잘 맞는 환경인지 아닌지 판단하는 첫 번째는 같이 일하는 사람들이 어떤 사람들인지 특히 내 매니저가 어떤 사람인지 보는 건데 힘들어도 배울 점이 많고 성장한다는 느낌이 든다면 좋은 환경이다. 다음으로 나만의 학습방법을 만들어보는 것이 필요하다. 수능공부를 하는 것이 아니니 뭔가 두꺼운 책을 하나 사서 처음부터 끝까지 읽어야만 학습이 아니란 점, 필요한만큼 이해하고 넘어가도 된다는 점, 학습을 하다보면 항상 어느 시점에는 벽에 부딪칠 것이기에 꾸준함이 중요하다는 것 등등을 인지해야 한다. 개인적으로는 잘 모르는 주제가 생기면 유투브 등으로 짧은 영상 몇개 보고 더 깊게 들어갈 필요가 있다면 잘 아는 지인들에게 (적절히 보상을 해주고) 물어본다던지 아니면 더 긴 영상 강의(유데미, 인프런, 유투브 등등)등을 찾아서 밀도있게 학습하는 형태로 가려고 한다. 뭔가 정말 제대로 배우고 싶을텐데 다른 사람을 가르쳐보거나 톡을 하는 기회를 만들어서 강제로 학습하려고 한다. 결국 내가 인정받는 것은 내가 만든 결과물이지 어떤 기술을 알고 있느냐는 아니라는 점을 인식하고 호기심과 필요성 중심으로 학습으로 하는 습관을 갖도록 하자.

좋은 개발자가 알아야하는 9가지 포인트들 - 2. 학습 능력 키우

스레드를 5개월만에 런칭하기 위해 모놀리틱 아키텍처를 사용했고, 5일 만에 1억명의 사용자가 몰려드는 것을 수용할 수 있었음.

사용된 기술은 커스텀 버전의 Django와 PHP, 데이터 저장소로는 TAO/UDB/MySQL와 ZippyDB 그리고 피크 타임을 위한 서버리스 펑션 Async.

자, 말 할 거 많죠? ㅋㅋㅋ 한마디하고 싶은 분들 다 여기여기 붙으세요. 🤣🤣🤣

스레드를 5개월만에 런칭하기 위해 모놀리틱 아키텍처를 사용했고, 5일 만에 1억명의 사용자가 몰려드는 것을 수용할 수 있었음. 사용된 기술은 커스텀 버전의 Django와 PHP, 데이터 저장소로는 TAO/UDB/MySQL와 ZippyDB 그리고 피크 타임을 위한 서버리스 펑션 Async. 자, 말 할 거 많죠? ㅋㅋㅋ 한마디하고 싶은 분들 다 여기여기 붙으세요. 🤣🤣🤣

📝 메타의 스레드, 모놀리틱 아키텍처 사용

차세대 자바스크립트 런타임으로 주목받고 있는 Bun이 v1.1을 출시하였습니다. 하필 거짓말처럼 만우절에 출시를 하여 윈도우즈 사용자들의 애간장을 태웠는데요. 그동안 Bun을 윈도우에서 사용하려면 WSL(Windows Subsystem for Linux)가 필요했었는데, 이제는 네이티브로도 사용할 수 있게 되었습니다 🙌

자세한 내용은 아래 공식 블로그와 유튜브 영상을 참고 바랍니다. 실제 Bun을 개발하고 있는 엔지니어들이 직접 나와서 소개하고 있는데 같은 개발자로서 약간 웃프네용 😂

📝 블로그: https://bun.sh/blog/bun-v1.1
📺 영상: https://youtu.be/yXTFOeGly9o

많은 분들이 Bun을 단순히 Node.js 보다 무지 빠른 자바스크립트 런타임이라고 알고 계시는데, 사실 Bun은 개발자 경험이 놀랍도록 띄어난 올인원 툴키트(all-in-one toolkit)입니다. Bun만 있으면 복잡한 과정없이 자바스크립트 뿐만 아니라 타입스크립트나 JSX로 작성된 코드를 바로 실행할 수 있으며, 패키지 매니저와 테스트 러너, 심지어 번들러까지 탑재하고 있습니다. 즉, 이 모든 귀찮은 일들이 다른 라이브러리 설치하지 않아도 Bun 하나만 있으면 해결됩니다 🤯

Bun에 대해서 더 알고 싶으시다면 아래 게시물을 추천드리겠습니다.

📕 Bun: 귀엽지만 강력한 새로운 자바스크립트 런타임: https://careerly.co.kr/comments/92202

차세대 자바스크립트 런타임으로 주목받고 있는 Bun이 v1.1을 출시하였습니다. 하필 거짓말처럼 만우절에 출시를 하여 윈도우즈 사용자들의 애간장을 태웠는데요. 그동안 Bun을 윈도우에서 사용하려면 WSL(Windows Subsystem for Linux)가 필요했었는데, 이제는 네이티브로도 사용할 수 있게 되었습니다 🙌 자세한 내용은 아래 공식 블로그와 유튜브 영상을 참고 바랍니다. 실제 Bun을 개발하고 있는 엔지니어들이 직접 나와서 소개하고 있는데 같은 개발자로서 약간 웃프네용 😂 📝 블로그: https://bun.sh/blog/bun-v1.1📺 영상: https://youtu.be/yXTFOeGly9o 많은 분들이 Bun을 단순히 Node.js 보다 무지 빠른 자바스크립트 런타임이라고 알고 계시는데, 사실 Bun은 개발자 경험이 놀랍도록 띄어난 올인원 툴키트(all-in-one toolkit)입니다. Bun만 있으면 복잡한 과정없이 자바스크립트 뿐만 아니라 타입스크립트나 JSX로 작성된 코드를 바로 실행할 수 있으며, 패키지 매니저와 테스트 러너, 심지어 번들러까지 탑재하고 있습니다. 즉, 이 모든 귀찮은 일들이 다른 라이브러리 설치하지 않아도 Bun 하나만 있으면 해결됩니다 🤯 Bun에 대해서 더 알고 싶으시다면 아래 게시물을 추천드리겠습니다. 📕 Bun: 귀엽지만 강력한 새로운 자바스크립트 런타임: https://careerly.co.kr/comments/92202

🥟 Bun v1.1 출시 소식

디자인 시스템, 코드를 넘어서

https://so-so.dev/react/design-system-beyond-code/

같은 걸 3번 만드는 경험은 흔치 않죠. 그래서 글에 깊은 맛이 있답니다!!

https://so-so.dev/react/design-system-beyond-code/ 같은 걸 3번 만드는 경험은 흔치 않죠. 그래서 글에 깊은 맛이 있답니다!!

So-so

디자인시스템 3번만든 이야기

HashMap is Hash table based implementation of the Map interface. This implementation provides all of the optional map operations, and permits null values and the null key. (The HashMap class is...

Barclays Java Spring-Boot Micro-service Interview Question with answer 2024

Finally 블록에서 예외가 발생하면 어떻게 되나요?
자바에서, try-catch에서 finally 블록 내에서 예외가 발생할 때의 동작은, try-catch 블록의 예외 처리와 약간 다릅니다. 
 
[Try-Catch 블록의 예외]
 * 정상적인 플로우가 중지됩니다.
 * 예외 유형과 일치하는 catch 블록이 있다면, 해당 블록 내의 코드가 실행됩니다. 이를 통해 예외를 처리할 수 있습니다.
 * catch 블록이 완료되거나 어떤 catch 블록과도 일치하지 않으면 finally 블록의 코드가 실행됩니다.
[Finally 블록의 예외]
 * 원래의 예외가 중지됩니다. 이는 원래의 예외가 메서드 호출자에게 전달되지 않는 것을 의미합니다.
 * finally 블록에서 던진 예외가 호출자에게 전파되는 새로운 예외가 됩니다.
[키 포인트]
 * finally 블록은 try-catch 블록에서 예외가 발생하는지 여부에 관계없이 항상 실행됩니다.
 * finally 블록의 예외는 원래의 예외를 억제합니다.
 * finally 블록에서 던진 예외는 호출자가 처리해야 하는 새로운 예외가 됩니다.
[Finally 블록의 쓰임새]
 * 리소스(데이터베이스 연결, 파일 클로징)를 해제합니다.
 * 예외에 관계없이 항상 수행해야 하는 정리 작업을 처리합니다.
 
자바의 다이아몬드 문제란 무엇인가요?
"다이아몬드 문제"란 여러 상속 시나리오에서 발생하는 특정한 문제를 의미합니다. 클래스 상속 다이어그램을 그릴 때 발생하는 다이아몬드 모양에서 이름을 따왔습니다.

 1. 자바의 접근방식: 자바는 클래스의 다중상속을 지원하지 않습니다. 그러나 자바는 인터페이스의 다중상속은 허용합니다. 
 2. 자바 인터페이스의 다이아몬드 문제: 클래스가 두 개의 인터페이스를 구현하고 두 인터페이스가 모두 동일한 메소드명을 가진다면, 구현 클래스는 모호성을 해결하기 위해 메서드를 자체적으로 구현해야 합니다.
interface InterfaceA {
    default void display() {
        System.out.println("Inside InterfaceA");
    }
}

interface InterfaceB {
    default void display() {
        System.out.println("Inside InterfaceB");
    }
}

class MyClass implements InterfaceA, InterfaceB {
    // Here, we must provide our own implementation of display to resolve the ambiguity.
    @Override
    public void display() {
        InterfaceA.super.display(); // calling InterfaceA's default implementation
        InterfaceB.super.display(); // calling InterfaceB's default implementation
    }
}

어떻게 해결할 수 있을까요?

1. 메서드 오버라이딩: 구현 클래스에서 자신만의 구현을 제공하여 모호함을 해결합니다. 이 방식은 기본 구현 중 하나를 선택하거나 완전히 새로운 구현을 제공하고자 할 때 적합합니다.
class MyClass implements InterfaceA, InterfaceB {
    @Override
    public void display() {
        System.out.println("Hello world");
    }
}

2. 특정 인터페이스의 메서드 호출: 특정한 인터페이스의 메서드를 호출합니다. 
class MyClass implements InterfaceA, InterfaceB {
    @Override
    public void display() {
        InterfaceA.super.display(); // or InterfaceB.super.display()
        // Additional logic if needed
    }
}

 
Multilevel 상속이란 무엇인가요?
Multilevel 상속에서 A 클래스는 B 클래스를 상속하며, B 클래스 역시 C 클래스를 상속합니다.
 
자식 클래스는 부모 클래스를 통해 조부모 클래스에서 간접적으로 상속됩니다. 자식 클래스는 부모 및 조부모 클래스의 모든 public/protected 멤버에 접근할 수 있습니다.
 
String, Stringbuffer, Stringbuilder의 차이는 무엇인가요?
(번역/원문 참고)
 
메서드 오버라이딩과 오버로딩은 무엇인가요?
[메서드 오버로딩]
 * 단일 클래스 내에서 발생합니다. 이름은 같지만 매개 변수가 다른 동일한 클래스의 여러 메서드를 말합니다.
 * 메서드 오버로딩을 사용하면 유사한 작업을 수행하지만 입력/출력이 다른 메서드를 만들 수 있습니다.
class Calculator {
  public int add(int a, int b) {
    return a + b;
  }

  public double add(double a, double b) {
    return a + b;
  }
}

[메서드 오버라이딩]
 * 상속에서 클래스 간에 메서드 오버라이딩이 발생합니다. 하위 클래스가 상위 클래스에서 상속된 메서드를 재정의하는 것을 말합니다. 메서드는 상위 클래스 메서드와 동일한 이름, 반환 유형 및 매개 변수를 갖습니다.
 * 메서드 오버라이딩을 사용하면 하위 클래스가 상위 클래스에서 상속된 메서드를 자체적으로 구현하여 하위 클래스에 대한 동작을 전문화할 수 있습니다.
class Animal {
  public void makeSound() {
    System.out.println("Generic animal sound");
  }
}

class Dog extends Animal {
  @Override
  public void makeSound() {
    System.out.println("Woof!");
  }
}

 
예외 클래스의 계층구조는 무엇인가요?
Arraylist와 Linkedlist의 차이는 무엇인가요?
Set과 Arraylist의 차이는 무엇인가요?
(번역/원문 참고)
 
번역: [https://ducktopia.tistory.com/119]
원문:

Finally 블록에서 예외가 발생하면 어떻게 되나요?자바에서, try-catch에서 finally 블록 내에서 예외가 발생할 때의 동작은, try-catch 블록의 예외 처리와 약간 다릅니다.&nbsp;&nbsp;[Try-Catch 블록의 예외]<ul ><li>정상적인 플로우가 중지됩니다.</li><li>예외 유형과 일치하는 catch 블록이 있다면, 해당 블록 내의 코드가 실행됩니다. 이를 통해 예외를 처리할 수 있습니다.</li><li>catch 블록이 완료되거나 어떤 catch 블록과도 일치하지 않으면 finally 블록의 코드가 실행됩니다.</li></ul>[Finally 블록의 예외]<ul ><li>원래의 예외가 중지됩니다. 이는 원래의 예외가 메서드 호출자에게 전달되지 않는 것을 의미합니다.</li><li>finally 블록에서 던진 예외가 호출자에게 전파되는 새로운 예외가 됩니다.</li></ul>[키 포인트]<ul ><li>finally 블록은 try-catch 블록에서 예외가 발생하는지 여부에 관계없이 항상 실행됩니다.</li><li>finally 블록의 예외는 원래의 예외를 억제합니다.</li><li>finally 블록에서 던진 예외는 호출자가 처리해야 하는 새로운 예외가 됩니다.</li></ul>[Finally 블록의 쓰임새]<ul ><li>리소스(데이터베이스 연결, 파일 클로징)를 해제합니다.</li><li>예외에 관계없이 항상 수행해야 하는 정리 작업을 처리합니다.</li></ul>&nbsp;자바의 다이아몬드 문제란 무엇인가요?"다이아몬드 문제"란 여러 상속 시나리오에서 발생하는 특정한 문제를 의미합니다. 클래스 상속 다이어그램을 그릴 때 발생하는 다이아몬드 모양에서 이름을 따왔습니다. <ol ><li>자바의 접근방식: 자바는 클래스의 다중상속을 지원하지 않습니다. 그러나 자바는 인터페이스의 다중상속은 허용합니다.&nbsp;</li><li>자바 인터페이스의 다이아몬드 문제: 클래스가 두 개의 인터페이스를 구현하고 두 인터페이스가 모두 동일한 메소드명을 가진다면, 구현 클래스는 모호성을 해결하기 위해 메서드를 자체적으로 구현해야 합니다.</li></ol><pre ><code class="language-java">interface InterfaceA {
 default void display() {
 System.out.println("Inside InterfaceA");
 }
}

interface InterfaceB {
 default void display() {
 System.out.println("Inside InterfaceB");
 }
}

class MyClass implements InterfaceA, InterfaceB {
 // Here, we must provide our own implementation of display to resolve the ambiguity.
 @Override
 public void display() {
 InterfaceA.super.display(); // calling InterfaceA's default implementation
 InterfaceB.super.display(); // calling InterfaceB's default implementation
 }
}</code></pre>어떻게 해결할 수 있을까요? 1. 메서드 오버라이딩: 구현 클래스에서 자신만의 구현을 제공하여 모호함을 해결합니다. 이 방식은 기본 구현 중 하나를 선택하거나 완전히 새로운 구현을 제공하고자 할 때 적합합니다.<pre ><code class="language-java">class MyClass implements InterfaceA, InterfaceB {
 @Override
 public void display() {
 System.out.println("Hello world");
 }
}</code></pre>2. 특정 인터페이스의 메서드 호출: 특정한 인터페이스의 메서드를 호출합니다.&nbsp;<pre ><code class="language-java">class MyClass implements InterfaceA, InterfaceB {
 @Override
 public void display() {
 InterfaceA.super.display(); // or InterfaceB.super.display()
 // Additional logic if needed
 }
}</code></pre>&nbsp;Multilevel 상속이란 무엇인가요?Multilevel 상속에서 A 클래스는 B 클래스를 상속하며, B 클래스 역시 C 클래스를 상속합니다.&nbsp;자식 클래스는 부모 클래스를 통해 조부모 클래스에서 간접적으로 상속됩니다. 자식 클래스는 부모 및 조부모 클래스의 모든 public/protected 멤버에 접근할 수 있습니다.&nbsp;String, Stringbuffer, Stringbuilder의 차이는 무엇인가요?(번역/원문 참고)&nbsp;메서드 오버라이딩과 오버로딩은 무엇인가요?[메서드 오버로딩]<ul ><li>단일 클래스 내에서 발생합니다. 이름은 같지만 매개 변수가 다른 동일한 클래스의 여러 메서드를 말합니다.</li><li>메서드 오버로딩을 사용하면 유사한 작업을 수행하지만 입력/출력이 다른 메서드를 만들 수 있습니다.</li></ul><pre ><code class="language-java">class Calculator {
 public int add(int a, int b) {
 return a + b;
 }

 public double add(double a, double b) {
 return a + b;
 }
}</code></pre>[메서드 오버라이딩]<ul ><li>상속에서 클래스 간에 메서드 오버라이딩이 발생합니다. 하위 클래스가 상위 클래스에서 상속된 메서드를 재정의하는 것을 말합니다. 메서드는 상위 클래스 메서드와 동일한 이름, 반환 유형 및 매개 변수를 갖습니다.</li><li>메서드 오버라이딩을 사용하면 하위 클래스가 상위 클래스에서 상속된 메서드를 자체적으로 구현하여 하위 클래스에 대한 동작을 전문화할 수 있습니다.</li></ul><pre ><code class="language-java">class Animal {
 public void makeSound() {
 System.out.println("Generic animal sound");
 }
}

class Dog extends Animal {
 @Override
 public void makeSound() {
 System.out.println("Woof!");
 }
}</code></pre>&nbsp;예외 클래스의 계층구조는 무엇인가요?Arraylist와 Linkedlist의 차이는 무엇인가요?Set과 Arraylist의 차이는 무엇인가요?(번역/원문 참고)&nbsp;번역: [https://ducktopia.tistory.com/119]원문:

🕊️ 2024 버클리즈 Java SpringBoot 인터뷰 질문 

Learn to become an Data Analyst using this roadmap. Community driven, articles, resources, guides, interview questions, quizzes for modern backend development.

Data Analyst Roadmap

개발자분들은 roadmap.sh에 대해 이미 아시겠죠?
최근 데이터분석가의 로드맵도 업데이트되어 공유합니다!

사실 이렇게 보면.. 개발자 로드맵보다 조금 정립되어있지 않은 느낌도 드는데, 그래도 참고해보면 좋을 것 같아요!

https://roadmap.sh/data-analyst

개발자분들은 roadmap.sh에 대해 이미 아시겠죠?최근 데이터분석가의 로드맵도 업데이트되어 공유합니다! 사실 이렇게 보면.. 개발자 로드맵보다 조금 정립되어있지 않은 느낌도 드는데, 그래도 참고해보면 좋을 것 같아요! https://roadmap.sh/data-analyst

roadmap.sh

데이터분석가 로드맵 🤓

1. 감정은 전염되기 때문에 매우 중요하다.

2. 사람들은 자신과 연관된 것들을 자랑스러워하고 자신과 동료들이 성공할 것이라고 믿고 싶어 한다.

3. 그래서 조직을 이끄는 리더에게 주어진 가장 중요한 임무 하나가 자신감을 보여 주는 것이다.

4. 사람들은 자신감 넘치는 사람을 따르고 지지하고 싶어 한다.

5. 그렇기 때문에 자신감 있어 보이는 사람들이 취직하고 승진할 가능성이 크다.

6. 이뿐만 아니라 리더가 자신감 있게 행동하면 그 자신감이 전염되어 그를 따르는 다른 사람들도 더 자신감 있게 행동한다.

#권력을경영하는7가지원칙

1. 감정은 전염되기 때문에 매우 중요하다. 2. 사람들은 자신과 연관된 것들을 자랑스러워하고 자신과 동료들이 성공할 것이라고 믿고 싶어 한다. 3. 그래서 조직을 이끄는 리더에게 주어진 가장 중요한 임무 하나가 자신감을 보여 주는 것이다. 4. 사람들은 자신감 넘치는 사람을 따르고 지지하고 싶어 한다. 5. 그렇기 때문에 자신감 있어 보이는 사람들이 취직하고 승진할 가능성이 크다. 6. 이뿐만 아니라 리더가 자신감 있게 행동하면 그 자신감이 전염되어 그를 따르는 다른 사람들도 더 자신감 있게 행동한다. #권력을경영하는7가지원칙

< 리더의 자신감은 전염된다 >

Optimism, obsession, self-belief, raw horsepower and personal connections are how things get started. Cohesive teams, the right combination of calmness and urgency, and unreasonable commitment are...

What I Wish Someone Had Told Me

1. 일은 낙관, 집념, 신념, 거친 돌파력, 인간적 연결에서부터 시작됩니다.

2. 하지만 일을 마무리하는 것은 단합된 팀, 빠른 속도와 차분함의 조합, 무한한 헌신입니다.

3. (사람들이 착각하지만) 팀에게는 ‘중요한데 어려운 일을 하는 것’이 ‘중요하지 않지만 쉬운 일을 하는 것’보다 훨씬 더 쉽습니다. 담대한 목표는 사람들의 동기를 자극하니까요.

4. 인센티브는 슈퍼 파워지만, 신중하게 설정해야 합니다. (그게 고객이든, 직원이든, 한 번 도입한 인센티브를 되돌리긴 쉽지 않기 때문입니다)

5. (너무 많은 일을 동시에 벌이려고 하지 말고) 확신을 가지는 소수의 몇 가지에 자원을 집중하세요. 하지만 말이 쉽지, 이를 행동으로 옮기는 건 쉽진 않을 겁니다. 생각했던 것보다 훨씬 더 많은 것들을 (뼈를 깎는 고통을 감수하며) 제거해야 할 테니까요. (=존 우든 효과)

6. 커뮤니케이션은 명확하고 깔끔하게 하세요.

7. 조직의 구조가 구성원들이 생산적으로 일하는 것을 방해하게 않도록 하세요. 특히 관료주의와 헛소리에 대해선 발견할 때마다 싸우고, 구성원들 또한 이를 발견할 때마다 싸우도록 만드세요.

8. 비즈니스에서 중요한 건 결과입니다. 과정이 좋았다며, 나쁜 결과를 변명하도록 내버려두지 마세요. (결과가 안 좋았다면, 분명 프로세스에 문제가 있는 겁니다. 따라서 과정이 좋았다는 위로가 아니라, 문제를 파악하고 개선해야 더 나은 결과를 얻을 수 있습니다)

9. 채용에 더 많은 시간을 투자하고, 빠르게 성장할 가능성이 보이는 사람들을 영입하기 위해 위험을 무릎 써보세요!

10. 슈퍼스타는 보이는 것보다 훨씬 더 큰 가치를 가지지만, 그들에 대한 평가는 조직의 성과에 어떤 기여를 했는지를 두고 정확하게 내려야 합니다.

11. 빠른 반복은 많은 문제를 해결합니다. 특히 빠르게 반복할 수 있으면, 틀려도 상관없습니다. (빠르게 반복하는 과정에서 틀린 것들을 계속 수정할 테니까요)

12. 물리 법칙에 해당하는 비즈니스와는 싸우지 마세요. (비과학적인 믿음으로 사업을 하지 말라는 말입니다)

13. 영감은 쉽게 깨지고, 삶은 놀랍도록 빠릅니다. 그리고 아무것도 하지 않은 것이야말로 최악의 위험입니다.

14. 스케일은 급부상하고 있는 신흥 자산입니다.

15. 복리는 마법입니다. 그러니 규모와 복리가 만나는 비즈니스를 하세요.

16. 쓰러져도 다시 일어나 계속 나아가세요.

17. 위대한 사람들과 함께 일하는 것은 인생에서 가장 큰 축복 중 하나입니다.

- 샘 알트만

https://blog.samaltman.com/what-i-wish-someone-had-told-me

1. 일은 낙관, 집념, 신념, 거친 돌파력, 인간적 연결에서부터 시작됩니다. 2. 하지만 일을 마무리하는 것은 단합된 팀, 빠른 속도와 차분함의 조합, 무한한 헌신입니다. 3. (사람들이 착각하지만) 팀에게는 ‘중요한데 어려운 일을 하는 것’이 ‘중요하지 않지만 쉬운 일을 하는 것’보다 훨씬 더 쉽습니다. 담대한 목표는 사람들의 동기를 자극하니까요. 4. 인센티브는 슈퍼 파워지만, 신중하게 설정해야 합니다. (그게 고객이든, 직원이든, 한 번 도입한 인센티브를 되돌리긴 쉽지 않기 때문입니다) 5. (너무 많은 일을 동시에 벌이려고 하지 말고) 확신을 가지는 소수의 몇 가지에 자원을 집중하세요. 하지만 말이 쉽지, 이를 행동으로 옮기는 건 쉽진 않을 겁니다. 생각했던 것보다 훨씬 더 많은 것들을 (뼈를 깎는 고통을 감수하며) 제거해야 할 테니까요. (=존 우든 효과) 6. 커뮤니케이션은 명확하고 깔끔하게 하세요. 7. 조직의 구조가 구성원들이 생산적으로 일하는 것을 방해하게 않도록 하세요. 특히 관료주의와 헛소리에 대해선 발견할 때마다 싸우고, 구성원들 또한 이를 발견할 때마다 싸우도록 만드세요. 8. 비즈니스에서 중요한 건 결과입니다. 과정이 좋았다며, 나쁜 결과를 변명하도록 내버려두지 마세요. (결과가 안 좋았다면, 분명 프로세스에 문제가 있는 겁니다. 따라서 과정이 좋았다는 위로가 아니라, 문제를 파악하고 개선해야 더 나은 결과를 얻을 수 있습니다) 9. 채용에 더 많은 시간을 투자하고, 빠르게 성장할 가능성이 보이는 사람들을 영입하기 위해 위험을 무릎 써보세요! 10. 슈퍼스타는 보이는 것보다 훨씬 더 큰 가치를 가지지만, 그들에 대한 평가는 조직의 성과에 어떤 기여를 했는지를 두고 정확하게 내려야 합니다. 11. 빠른 반복은 많은 문제를 해결합니다. 특히 빠르게 반복할 수 있으면, 틀려도 상관없습니다. (빠르게 반복하는 과정에서 틀린 것들을 계속 수정할 테니까요) 12. 물리 법칙에 해당하는 비즈니스와는 싸우지 마세요. (비과학적인 믿음으로 사업을 하지 말라는 말입니다) 13. 영감은 쉽게 깨지고, 삶은 놀랍도록 빠릅니다. 그리고 아무것도 하지 않은 것이야말로 최악의 위험입니다. 14. 스케일은 급부상하고 있는 신흥 자산입니다. 15. 복리는 마법입니다. 그러니 규모와 복리가 만나는 비즈니스를 하세요. 16. 쓰러져도 다시 일어나 계속 나아가세요. 17. 위대한 사람들과 함께 일하는 것은 인생에서 가장 큰 축복 중 하나입니다. - 샘 알트만 https://blog.samaltman.com/what-i-wish-someone-had-told-me

Sam Altman

창업을 하고자 하는 사람들에게 해주고 싶은 말들

리액트에서 리스트 형태로 컴포넌트를 렌더링 할때, key값을 넣어 달라는 console 에러가 자주 뜬다. 이 key값이 어떤 역할을 하는지 리액트 공식 문서 에서 설명을 해주고 있지만, 내부적으로 컴포넌트를 어떻게 다시 그려주는지 모르고 있어서 이를 알기 위해서 블로그를 적어 본다. key는 엘리먼트 리스트를 만들 때 포함해야 하는 특수한 문자열 어트리뷰트입니다 Key는 React가 어떤 항목을 변경, 추가 또는 삭제할지 식별하는 것을 돕습니다.

React에서 key의 역할, 컴포넌트를 다시그리는 과정(reconciliation)

Math.random를 key로 사용 가능?!
key는 반드시 변하지 않고, 예상 가능하며, 유일해야 함.
변하는 key(Math.random()으로 생성된 값 등)를 사용하면 많은 컴포넌트 인스턴스와 DOM 노드를 불필요하게 재생성하여 성능이 나빠지거나 자식 컴포넌트의 state가 유실될 수 있음.

nanoid를 key로 사용 가능?!
nanoid 와 같은 unique한 값을 만들어 사용하는 방식은 nanoid에서도 지양.
클라이언트 레벨에서 nanoid를 리렌더링시 매번 만드는 작업이 위 Math.random과 같은 이유로 사용을 금지.

useId key로 사용 가능?!
react docs에서는 useId를 key로 사용하는 것을 권장하지 않음.

Velog

커리어리 채용사업 담당자

문종혁

커리어리 채용 서비스를 만듭니다.
기업과 개인간의 정보 격차를 줄여 성공적인 채용 경험을 제공하고, 채용 리소스를 효율적으로 활용하도록 돕습니다.

퍼블리에서 '우리 팀에 잘 맞는 사람은 누구일까?' 기준에 대한 가설을 세우고, 페르소나를 검증하는 경험을 했습니다.

coya

손정현

슈프리마에이치큐 프론트엔드 개발자

윤해은

#크리에이터 #Aha-!모먼트가즐거운 #그로스마인드셋 #긍정적인

React에서 key의 역할

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필