적자 늪에 빠진 야놀자, 결국 전사 직원 대상 구조조정 단행 국내 대표 여행·숙박 플랫폼 기업인 야놀자가 실적 부진을 이기지 못하고 18일 전사 직원들을 대상으로 한 구조조정에 나섰다. 이날 오후 야놀자와 야놀자클라우드코리아는 각 대표이사 명의로 직원들에게 야놀자인들

적자 늪에 빠진 야놀자, 결국 전사 직원 대상 구조조정 단행

업의 본질을 넘어서는 먼 이야기를 하는 곳들, 창업가의 히어로 스토리와 색깔이 너무 강한 곳들은 쿠팡 정도를 제외하면 대부분 덩치가 커지면 헤매는 듯하다, 최소한 우리나라에서는. 아~ 쿠팡은 우리나라 회사가 아니니 제외해야 하나? 이 역시 또 스타트업 마피아들과 스타트업 뽕 맞은 사람들은 영웅 고난의 길이라며 옹호하고 희망퇴직 당하는(?) 직원들은 눈에 없을거다. 대기업이 희망퇴직하면 거품 물고 욕하면서 말이다. 단면에 각 분야별로 덩치 커지고 잘되는 곳들은 덩치에 맞게 적합한 사람들로 교체되어 운영되고 있다는 공통점이 있는 듯하다. (물론 이 부분은 더 조사를 해봐야겠지만) 참, 손정의 투자 받은 국내 스타트업들 상태가 유독... 스타트업 바닥에 ‘수상의 저주’가 있는데 거기에 추가해야하나?

https://www.chosun.com/economy/tech_it/2023/09/18/RULRWRZN5NFSFAMDEO5DI24E2Y/?fbclid=IwAR0Hod3hQMdDHKr6CrPgrRtnosZdWp56KoY7li7QEzieyRV0Kr6ZegdDfDY_aem_Ae15YxGOz5R4poP_L305q1Psa08b-pClxNJnJZr4eTNgrG_Ujg2iWeOxTJPo1OhXj7Q&mibextid=Zxz2cZ

조선일보

0.
최근에 제안을 받고 많은 분들과 커피 챗을 하고 있는데요. 
종종 이상한 질문들을 받곤 합니다.

1.
"20, 30대의 젊은 조직이고 수평적인 조직 문화를 가지고 있습니다.
적응하시는데 문제없으실까요?"

까라면 까라는 직책자를 만난 적이 있긴하지만 "수평적"인 회사만 다녔습니다.
첫 회사 생활부터 반바지, 슬리퍼, 모자쓰고 출근했고 직급없이 동료들과 아웅다웅하며 격없이 토론을 즐겼습니다.

2.
"작은 조직이고 빠른 성장을 하고 있는 만큼 해야할 일이 많습니다.
체력이 괜찮으신가요?"

2 곳의 회사를 빼곤 빠른 성장을 추구하는 작은 조직에서 근무해왔습니다.
해야할 일이 적을리 없었겠죠.

3.
"실무를 하셔야 하는데 괜찮으신가요?"

개발할 줄 모른다면 창업을 계속 시도할 수도 없고 작은 조직에 입사할 수도 리딩할 수도 없지 않을까요.

4.
"마이크로 매니징을 하시진 않으신가요?"

참견할 만큼의 여유도 없지만...
업무를 맡길 수 없는, 신뢰할 수 없는 동료를 뽑지 않습니다.

5.
무엇이 우려가 되는지 충분히 이해합니다.
조금만 이력을 들여다보면 묻지 않았을 질문이기도 하지만....
우려되는 사람들처럼 스스로 나이와 경력을 기준으로 편향적 사고를 하고 있는 것은 아닐까요.
나이와 경력을 기준으로 편견을 갖고 판단하는 것은 나이가 많고 적음을 떠나 모두가 경계해야할 사고입니다.

* 경험이 아닌 타이틀과 계급장을 먼저 보는건.....큰 실책으로 연결됩니다.
* 이력을 읽는 것도 쓰는 것처럼 공부하시면 좋겠습니다.

'팔로워' 즉 따르는 사람이 없다면 IT 리더는 조직을 성공적으로 운영할 수 없다. 그리고 팔로워를 구축하는 가장 좋은 방법은 직원에게 권한을

리더를 따르는 직원은 어떻게 만들어지는가··· '팔로워십' 문화 구축한 액센트케어 CIO의 5가지 노하우

대부분의 팀장, 매니저, 파트장, 그룹장, 리더, 임원들은 비슷한 고민과 경험이 있을 거 같다. 기존 조직이든 새로운 조직이든 어떻게 하면 직원들의 회사의 방향성과 목표에 함께 만들어 갈 수 있을것인가에 대한 고민일것이다. 특히, 전략이란 것은 제대로 실행될 때 강력한 힘을 발휘한다. 그 전략은 팔로워십(followership)이 강력하게 뒷받침 해줄 때 잘 실행될 수 있다. 

미국에서 수십억 달러 규모의 헬스 케어 서비스를 제공하는 액센트케어(AccentCare)의 CIO인 브렛 랜싱(Brett Lansing)은 팔로워십 구축에 관한 노하우를 살펴보자.

1. 출처에 상관없이 창의성을 존중하자
출처와 관계없이 아이디어를 환영할 경우 많은 가치를 창출할 수 있다. 랜싱은 직원들이 아이디어를 공유할 수 있도록 유도하는 몇 가지 전략을 제안한다.
첫 번째이자 가장 중요한 것은 ‘약속을 지키는 것’이다. 아이디어에 열려 있다고 말은 하지만 실제로 아이디어가 제시되었을 때 무시당한다면, 해당 직원은 더 이상 아이디어를 제안하지 않을 것이다. 아이디어를 반복적으로 요청하자.
 그리고 아이디어가 제시됐을 때 신중하고 정직하게 평가할 수 있도록 시간을 할애해 가능한 한 건설적인 피드백을 제공하자. 

2. 분기 단위로 아이디어 포럼을 개최하자
직원이 아이디어를 제안하거나 해결하고자 하는 문제를 식별할 수 있는 공간을 마련하는 것도 중요하다. 이때 아이디어는 완전히 구체화하거나 파워포인트 같은 문서를 만들 필요가 없어야 한다. 
- 랜싱은 “브레인스토밍 및 혁신에 대한 장벽을 낮출 필요가 있다”라고 설명했다. 
- 랜싱은 이러한 포럼의 진정한 힘은 어떤 일을 추진할 기반을 만드는 것이라고 언급한다. 그는 “직원이 아이디어를 자유롭게 제시하는 환경만 만들면 된다. 그렇게 하기만 하면 곧 모든 이가 아이디어를 바탕으로 ROI 및 가치 창출 모델 등에 대해 이야기하기 시작한다. 로드맵에 과거에는 전혀 예상하지 못했던 무언가가 나타나게 될 것이다”라고 언급했다. 

3. 팀이 주도적으로 일할 수 있도록 힘을 실어주자
랜싱에 따르면, 팀의 역량 강화를 위한 최고의 방법은 ‘혼돈 속에서 기회를 찾도록’ 독려하는 것이다. 여기서 ‘혼돈’은 프로세스, 부서, 도구 등 현재는 무질서한 상태이나 질서를 갖출 경우 경쟁 우위를 구축할 기회를 제공하는 것을 의미한다. 제품 중심으로 운영 모델을 재조정하거나 AI 같은 신기술을 채택하는 게 그 예다. 

4. 직원을 전략적 과제에 집중시키자
물론 목표에 집중하는 것은 방향성을 가지고 있고 우선순위를 인지하고 있어야 가능하다. 주요 우선순위에 대한 집중은 비즈니스 가치를 창출할 수 있을 뿐만 아니라 직원의 사기도 높인다. 

특정 목표를 유지하려면 완벽이 아닌 진전, 즉 작은 승리를 존중하는 게 필수적이라고 랜싱은 설명한다. 랜싱은 “우리는 매주 잘한 작업을 인정하는 등 팀에 영감을 주고 동기를 부여하는 시간을 마련했다. 대규모 이니셔티브라면 이런 과정이 특히 중요하다. 어떤 일은 완료 시점까지 몇 년이 걸릴 수 있다. 축하할 만한 이정표를 계획해야 한다”라고 언급했다. 

5. 현 상태에 대한 도전을 지속하자
이 원칙은 다른 모든 원칙을 기반으로 한다. 팀이 무언가를 변화시키도록 독려하면 새로운 아이디어가 더 많이 나오고, 변화를 위한 도전 의식이 퍼지고, 중요한 것에 집중하는 훈련을 진행할 수 있다. 

랜싱은 “두려워하지 말자. 하지만 준비하자”라고 조언했다. 현 상황에 대한 도전은 상당히 개인적인 일이 될 수 있고 많은 위험을 수반할 수 있기에 어려운 일이다. 

< 마무리 >
랜싱은 이러한 원칙을 사용하는 IT 리더는 단순히 팔로워십 구축 이상의 결과물을 가져올 수 있다고 설명했다. 또한 비즈니스 리더가 되고자 하는 기술 리더로서 갖춰야 할 역량을 쌓는 데도 도움이 된다. 리더로서 폭을 넓혀주는 태도, 지식, 재치 같은 역량 말이다.  

랜싱은 “아버지는 나에게 ‘네가 얼마나 아는지는 중요치 않다. 팀원이 너의 리더십을 따르지 않는다면 결국 성과를 내는 핵심 골대에 공을 넣을 수 없다’고 말씀하셨다. 더 많이 배울수록 이 말이 얼마나 옳은지 깨닫게 된다”고 설명했다.

CIO Korea

리더를 따르는 직원은 어떻게 만들어지는가

<Svelte 5에 대한 첫인상 그리고 개인적인 생각들>

저도 이번 업데이트의 방향성에 대해서는 계속 생각해보고 있는 중이고 경험하지 않은 상태에서의 의견이라는 점 이해 부탁드립니다.

1
우선 Svelte는 "컴파일 방식"이라고 하는 것이 가장 큰 차별화 요소입니다. 이를 통해서 훨씬 더 vanilla javascript와 유사한 단순한 문법을 사용해도 Reactivity와 Performace를 확보할 수 있게 됩니다.

React에서 값의 변경을 전달하기 위해서(Reactivity) setState(count => count + 1)라고 하는 함수를 쓸 수 밖에 없지만 Svelte는 count = count + 1 과 같이 익숙한 자바스크립트 구문을 사용해도 count값의 변경사항을 전파할 수 있게 됩니다.

2
그렇지만 이전 Svelte의 한계점은 이러한 컴파일방식은 .svelte 파일에만 적용이 된다는 점입니다. svelte 컴포넌트의 크기가 커지면서 일부 로직들을 js/ts 로 모듈을 만들게 되면 이러한 magical syntax는 더 이상 쓸수가 없게 됩니다. 결국 module을 분리하게 되면 결국 svelte/store를 써야만 Reactivity를 구현할 수 있게 되기에 덩치가 큰 프로젝트를 하다보면 Svelte의 <script>의 구문적 이점이 많이 퇴색이 됩니다.

3
저 역시 이러한 부분을 경험했기에 어느 순간 개발방식을 svelte에서의 코딩을 최소화하고 js/ts를 rxjs기반으로 Reactivity한 State를 관리하는 방향으로 바꾸었습니다. 그럼에도 svelte가 가져다주는 단순함과 성능, 적은 코드의 사용이라고 하는 부분은 여전히 매력적이긴 합니다. Svelte만으로는 빠르게 프로토타이핑을 하고 나중에 모듈로 바꾸는 과정이 번거롭긴 하지만 그런식으로 개발을 할 수 있다는 것 또한 장점이긴 합니다만 svelte에서 사용하던 코드를 js에서 그대로 쓸 수 없다는 점은 상당히 아쉬운 부분이었습니다.

4
이번에 Svelte 5에서 공개된 Rune 이라고 하는 것은 이렇게 Svelte에서 작성된 구문을 그대로 js/ts 에서는 사용되지 못하는 부분들을 자신들의 장점인 "컴파일" 이라고 하는 부분으로 풀어가되, 간결한 문법을 그대로 유지하려고 하는 setCount(1) (X) count = 1 (O) 의지가 결합된 형태라고 볼 수 있습니다. 이제 $state, $effect, $derived, $props등의 새로운 구문을 통해서 svelte에서만 쓸 수 있는 Reactivity하면서 단순한 문법을 js/ts에서도 동일한 형태로 개발을 할 수 있게 된다는 의미입니다.

5
이건 사실 대단히 특별한 건 아닙니다. 이미 React에서 useState() 등으로 감싸고 있던 코드들을 그대로 코드를 복사해서 useCustomHook으로 만들어 낼 수 있는 것과 같은 것입니다. 이전 Svelte에서는 그게 되지 않았고 이제 Svelte에서는 svlete와 js에서 사용하는 구문이 같아지기에 모듈화에 더 용이해지게 되었습니다. 그러면서도 기존의 store보다도 더 단순한 구문을 사용할 수 있고 React의 hook보다도 더 사용하기 쉬운 방식이 될거라고 생각합니다. (React는 deps를 적거나, 순서의 유지를 위한 조건문 사용의 제한, 비동기 처리 등의 문제들이 여전히 남아있습니다.)

6
Svelte의 독창적인 구문에서 어느정도 현대 프레임워크들과 구문적으로 유사해지고 있다는 얘기들도 있으나 아직 공개되지 않은 만큼 나왔을 때 얼마나 DX를 유지하면서도 svelte 특유의 코드를 적게 쓸 수 있다는 장점이 발휘가 될 수 있을지 기대가 됩니다.

7
다만 걱정이 되는 부분이 있다면, 프레임워크들의 등장으로 인해서 Web 라이브러리가 아니라 특정 프레임워크 전용 라이브러리로 만들어지게 되는데 특히 React의 불만세력이 주장하는 useState를 사용하게 되면 React에서 밖에 돌아갈 수 없는 라이브러리가 만들어져서 불균형을 만들고 있다라는 부분과 크게 달라지지 않는 모양새가 되버린게 아쉽습니다. Rune을 쓴다는 것은 Svelte에서만 돌아가는 코드를 작성하게 된다는 의미가 될테니까요.

8
Svelte 5의 방향이 Svelte 자체를 더 강력하게 만들어내는 방향일거라고 생각했는데 - 가령 성능, 인라인 컴포넌트나 forward:class forward:event 와 같은 더 나은 유틸리티 기능들... - 핵심 엔진을 바꾸는 방식이라는 점이 흥미롭습니다. 그런데 그것이 뭔가 독창적이라기보다는 vue3의 compoisition API와 상당히 유사하다는 점에서도 React나 Solid 느낌이 나는 것도 어떻게 받아들여질지 궁금하네요.

Svelte 5에 대한 첫인상 그리고 개인적인 생각들

Svete5 new feature “Rune"

Svetle 5에서는 ”룬(Rune)" 이라는 키워드로 아래의 새로운 4가지 API가 추가되었습니다.

$state
$derived
$effect
$props

다시 한번 자세히 포스팅을 하겠지만 현대 프레임워크의 패러다임으로 정리되고 있는 "Signal" 이라는 개념을 이러한 방식으로 풀어내고 있네요.

'''js
let count = $state(0)

const doubled = $derived(foo * 2)

$effect(() => console.log(count, doubled))

const increase = () => count + 1
’‘’

기존의 js의 언어레벨에서 값의 변경전파가 늘 아쉬운 영역이었고 그래서 지금 Singal이라는 개념이 수면위로 떠오르는데 이걸 svetle가 아니라 js를 컴파일 하는 방식으로 풀어낸 모습이 인상깊네요

아직은 공개는 아니고 preview단계라고 하니 조금 더 찍먹하면서 어떤 느낌인지 봐야할것 같아요

https://youtu.be/RVnxF3j3N8U?si=N_N-lzi4BpV1I9XI

YouTube

Svete5 new feature “Rune"!

배열 내에 테스트할 값이 없는데 어떻게 조건을 만족시킬 수 있을까요?

(번역) 이상한 자바스크립트: 왜 every()는 빈 배열에 true를 반환할까?

오늘 소개해드릴 글은 라인플러스의 황세현님이 번역해주신 글입니다. 자바스크립트의 Array.prototype.every() 메서드는 빈 배열에 대해 어떤 값을 반환할까요? 조건을 만족할만한 원소가 없는 빈 배열에 대해서는 false를 반환하지 않을까요? 하지만 정답은 true입니다. 다소 직관적이지 않게 느껴질 수 있는데 자바스크립트는 왜 이런 식으로 동작할까요? 이 글에서는 그 이유에 대해 수학적 개념과 술어 논리를 기반으로 설명하고 있습니다. 자세한 이유가 궁금하다면 이 글을 끝까지 읽어보시길 추천해 드립니다 :)

> 글 링크 : https://velog.io/@sehyunny/why-does-every-return-true-for-empty-array

Velog

이상한 자바스크립트: 왜 every()는 빈 배열에 true를 반환할까?

Detect device type and render your component according to it. Latest version: 2.2.3, last published: 7 months ago. Start using react-device-detect in your project by running `npm i react-device-detect`. There are 1009 other projects in the npm registry us

react-device-detect

react-device-detect는 사용자의 기기, OS, 브라우저와 같은 다양한 환경 정보를 감지하는 기능을 제공합니다. 이 라이브러리의 기능은 "user agent sniffing" 기술에 기반합니다. 이를 통해, User-Agent 문자열을 분석하고, 그 결과로 사용자의 웹 브라우저, 운영체제, 그리고 기기 유형을 식별합니다.

라이브러리에 내장된 함수들, 예를 들면 isMobile, isBrowser, isIOS 등은 개발자에게 데스크톱과 모바일, 다양한 OS의 감지 정보를 제공합니다. 이러한 정보를 활용하면 애플리케이션 내에서 다양한 환경에 따른 분기 처리를 쉽게 구현할 수 있습니다.

https://www.npmjs.com/package/react-device-detect

React 앱의 기기 및 환경 감지: react-device-detect

메이커들의 제품 개발 과정 공유 네트워킹 프로그램, PMC

PRODUCT MAKER'S CLUB﹡W23

이제는 입이 아플 정도로 AI는 빠르게 IT 업계 뿐만아니라 여러 업계에 침투하고 있습니다. 이런 기술(Knowledge)의 성장은 항상 2가지를 끌고 옵니다. 그것은 바로 인재(Talent)와 자본(Capital)입니다. 그리고 인재와 자본이 기술의 성장을 촉진시키는 선순환을 일으켜, 네트워크 효과에 따른 빠른 성장을 만들어 냅니다. AI 업계에는 이미 일어나고 있습니다.

아마 누구나 한 번쯤은 고민해봤을 것 같습니다. '우리도 AI 프로덕트를 해야하나?' 혹은 '우리 프로덕트에 AI를 적용해야하나?' 처럼요. 무엇이 정답인지는 아무도 모르고 해봐야 알겠지만, AI는 근본적으로 전체 산업의 생산성과 end user 고객 경험을 바꿔버리는 기술이라는 점에서 결국 언젠가 사용해야만 하게 되는 시점이 온다고 봅니다. 모두가 AI를 활용한 프로덕트를 만들어야 할 시점이라는 뜻입니다. 좀 더 자세히는 아래 이유들이 있습니다.

1/ VC 자금이 마르고 있습니다. 하지만 AI는 그렇지 않습니다. → 자본 네트워크

코로나 이후 VC 자금 규모는 거의 7~8년 전으로 회귀했습니다. 그리고 꽤 오랫동안 이런 트렌드가 변화하진 않을 것입니다. 최소한 코로나 시절처럼 기업 가치 멀티플이 50x 100x 되는 일은 쉽게 일어나지 않을 것입니다.

그러나 이게 일어나는 분야가 아직 있습니다. 바로 AI입니다. 현재 가장 빠르게 성장하는 시장 중 하나고 이는 곧 자본을 빨아들입니다. 이를 보여주는 증거는 너무나 많습니다.

- 벤처 캐피탈에서 Generative AI 기업에 수십억 달러를 쏟아 부으며 AI 투자가 증가하고 있습니다.
- 초기 스타트업들에 대한 투자는 계속 늘어나며 가치를 더 높게 평가 받고 있습니다.
- 세일즈포스, 알파벳, 마이크로소프트와 같은 대형 기술 기업들은 제너레이티브 AI 스타트업에 투자하는 펀드를 출시했습니다.

AI 기술의 발전은 무서운 속도로 자금을 빨아들이며 새로운 자본 네트워크를 형성하고 있습니다.

2/ 새로운 세대의 창업가들이 대거 생겨나고 있습니다. → 인재 네트워크

경기 침체가 올 때마다 산업에는 지각 변동이 생깁니다. 기존 회사에서 짤리거나 제 발로 나오는 일이 생기고, 채용 시장의 불안정성은 학생들이 취업이 아닌 다른 길을 택하게 끔 만들기도 합니다. 이미 미국 빅테크의 Layoff가 매우 크게 일어났고 똑똑한 인재들이 대거 시장에 방출 되었습니다. 재취업을 시도한 사람들이 대다수겠지만 아마 스타트업에 합류한 이들도 꽤 많을 거고, 직접 창업하는 사람들도 있을 겁니다. 거기에 Z세대 청소년~대학생들도 예전보다 훨씬 많이 창업하고 있습니다.

결국 이중엔 10년 뒤 시장을 리드하는 기업이 탄생할 것입니다. 앞선 사례가 이미 존재합니다. 2008년 경제 위기 이후 다음 기업들이 탄생했습니다. Uber(2009), Airbnb(2008), Slack(2009), Pinterest(2010), Snap(2011), Lyft(2012), Stripe(2010), Coupang쿠팡(2010), DoorDash(2013), WeWork(2010), Cloudflare(2009) 등 이미 누구나 아는 기업들입니다.

예전에 Patreon 창업가인 Jack Conte는 이런 말을 했습니다.

"여러분은 1,000명 중 특정 관심사를 가진 유일한 사람이었던 작은 마을에서 자랐을 수도 있습니다. 하지만 인터넷에는 45억 명의 사람들이 있으며, 이는 여러분의 관심사를 공유하는 450만 명의 사람들이 있다는 것을 의미합니다. 온라인에서 틈새는 없습니다."

디스콰이엇에는 프로덕트에 진심인 메이커라는 관심사로 묶고, 그 안에서도 여러 관심사로 묶여있습니다. AI 프로덕트 메이커라는 정체성으로 다시 한 번 묶일 차례입니다. 이렇게 탄생한 네트워크는 메이커들이 지식을 교류하고 새로운 아이디어를 탄생시켜 사회를 더 풍요롭게 만들 것입니다.

결국 디스콰이엇은 AI 기술/자본/인재 네트워크를 만들어 인터넷과 소셜 네트워크의 본래 목적인 연결의 가치를 만들어 나갈 것이고 그렇게 해야만 합니다.

그래서 저희는 AI 프로덕트 메이커를 위해 Product Maker's Club(PMC) W23을 만들었습니다. 국내에서 가장 큰 AI 네트워크를 만들기 위해서 말입니다. 지금 바로 지원해서 AI 프로덕트 메이커 네트워크에 빠르게 합류하고, 함께 네트워크를 만들어갔으면 좋겠습니다.

https://club.disquiet.io/pmcw23

AI 프로덕트 메이커에게 주어질 네트워크 기회

지난 6~7월 두 달 동안 진행된 우아한스터디 2023 여름시즌 중 세 개의 스터디에서 그동안의 이야기를 들려주신다고 합니다!

아래 우아한테크 유튜브 채널에서 내일 만나실 수 있습니다.
👇👇👇👇👇👇👇
https://www.youtube.com/@woowatech

우아한스터디 발표회 9월 21일 저녁 7시

OpenJDK JDK 21 GA Release

Virtual Thread(aka. Project Loom) 기능으로 제가 관심있게 지켜보던 JDK 21 이 드디어 정식 릴리즈 되었습니다.

JDK 21 은 JDK 17 이후 나온 LTS 버전으로
15개의 JEP, 수백 개의 작은 개선 사항, 수천 개의 버그 수정이 포함되었다고 합니다.

JDK 21 최종 버전에 포함된 15개의 JEP 항목은 다음과 같습니다.

- 430: String Templates (Preview)
- 431: Sequenced Collections
- 439: Generational ZGC
- 440: Record Patterns
- 441: Pattern Matching for switch
- 442: Foreign Function & Memory API (Third Preview)
- 443: Unnamed Patterns and Variables (Preview)
- 444: Virtual Threads
- 445: Unnamed Classes and Instance Main Methods (Preview)
- 446: Scoped Values (Preview)
- 448: Vector API (Sixth Incubator)
- 449: Deprecate the Windows 32-bit x86 Port for Removal
- 451: Prepare to Disallow the Dynamic Loading of Agents
- 452: Key Encapsulation Mechanism API
- 453: Structured Concurrency (Preview)

자세한 사항은 첨부드린 릴리즈 문서를 참고해주세요.

📚 원문
- https://jdk.java.net/21/

java.net

🎉 JDK 21 이 정식 릴리즈 되었습니다

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

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

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

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

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

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

GitHub

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

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

Spring Boot Folder Structure (Best Practices)

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

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

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

📌 config

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

📌 controller

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

📌 DTO

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

📌 Enums

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

📌 model

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

📌 repository

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

📌 service

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

📌 utils

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

Medium

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

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

제품 중심 개발자 (번역)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Jobless Han 🏄🏻‍♂️

제품 중심 개발자

PowerPoint Presentation

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

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

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

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

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

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

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

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

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

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

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

🪴 함께 읽으면 좋은 글

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

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

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

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

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

googleusercontent.com

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

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

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

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

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

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

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

Daleseo

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

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

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

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

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

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

Wishket

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

Bun 1.0

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

---
Bun 1.0 is finally here.

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

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

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

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

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

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

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

Bun 1.0 is finally here

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

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

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

Ktseo41

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

번개장터, 코엑스에 '브그즈트 랩 2호점' 오픈 '오프라인' 매장 확대

⚡️번개장터 (브그즈트 랩) 코엑스 매장 오픈 

📌취향 및 가치 소비로 진화하고 있는 중고거래의 확장된 개념을 보여준다는 취지

👟스니커 편집샵으로 요즘 이슈되는 공간 

🧐브랜드의 색깔을 담을 수 있는 체험형 / 전시형의 오프라인 스토어

📸오픈 기념으로 포토매틱 부스에서 무료로 사진 촬영도 가능함 (~11/26)

👻 우연히 발견해서 들어갔다가 사진도 건지고 재미도 건진 곳

요즘 스니커즈 거래 플랫폼들이 활성화되고 있는 요즘, 번개장터도 스니커즈 문화를 잘 소화한듯

스포츠조선

퍼블리의 그로스 매니저로 커리어를 시작하여, 현재는 멤버십 사업을 총괄하고 있습니다.
합리적이고 해피한 세상을 향해 살아가고 있으며, 책과 교육, 경제에 관심을 가지고 있습니다.
일하는 것을 싫어하지만, 많이 하고 있습니다..

커리어리 Lead Product Manager

김광종

퍼블리 그로스매니저로 커리어를 시작하여, 프로덕트매니저와 사업총괄을 거쳐, 지금은 커리어리에서 채용 사업을 만들고 있습니다.
합리적이고 해피한 세상을 향해 살아가고 있으며, 책/교육/경제에 관심이 있습니다.
자유로운 삶을 추구하지만, 지금은 일에 매여 있습니다..

인턴

이승세

이것저것 잘 주워듣기 위해 노력 중입니다. 

심리학을 전공하고, 현재 커리어리에서 마케팅을 담당하고 있습니다. 
데이터를 기반으로 소비자의 심리를 파악해 얻은 인사이트를 브랜딩과 마케팅에 적용하는 소비심리전문가를 꿈꾸고 있습니다.
끊임없이 많은 것을 보고, 듣고, 경험하고, 배워서 나누고자 합니다.

커리어리 Growth Marketer

박예빈

심리학을 전공하고, 현재는 마케터로서 커리어리의 성장에 도움이 될 수 있는 방안을 고민하고 실행합니다. 데이터를 기반으로 소비자의 심리를 파악해 마케팅에 적용하는 소비심리전문가를 꿈꾸고 있습니다.
#마케터 #디지털마케팅 #그로스마인드셋 #스타트업 #끊임없이배우기

댓글 0