원문 : Good Refactoring vs Bad Refactoring thumbnail…

(번역) 좋은 리팩터링 vs 나쁜 리팩터링

오늘 소개해드릴 글은 42dot의 유경상님이 번역해주신 글입니다.

많은 개발자들이 리팩터링의 중요성을 알고 리팩터링을 하지만, 적절하지 않은 리팩터링으로 오히려 코드 베이스에 악영향을 준다는 것을 간과하는 경우가 많습니다. 이 글에서는 저자가 지금까지 겪어온 경험을 기반으로 어떤 리팩터링이 잘못된 리팩터링이고, 어떤 식으로 리팩터링하는 것이 바람직한지에 대해 구체적인 코드 예시와 함께 설명합니다. 이에 더해서 올바른 리팩터링 방법과 더 나은 리팩터링을 위한 도구도 함께 소개하고 있습니다. 이 글을 통해 현재 적절한 리팩터링을 하고 있는지 점검해 보시는 기회가 되시면 좋을 것 같습니다 :)

> 글 링크 : https://ykss.netlify.app/translation/good_refactoring_vs_bad_refactoring/

오늘 소개해드릴 글은 42dot의 유경상님이 번역해주신 글입니다. 많은 개발자들이 리팩터링의 중요성을 알고 리팩터링을 하지만, 적절하지 않은 리팩터링으로 오히려 코드 베이스에 악영향을 준다는 것을 간과하는 경우가 많습니다. 이 글에서는 저자가 지금까지 겪어온 경험을 기반으로 어떤 리팩터링이 잘못된 리팩터링이고, 어떤 식으로 리팩터링하는 것이 바람직한지에 대해 구체적인 코드 예시와 함께 설명합니다. 이에 더해서 올바른 리팩터링 방법과 더 나은 리팩터링을 위한 도구도 함께 소개하고 있습니다. 이 글을 통해 현재 적절한 리팩터링을 하고 있는지 점검해 보시는 기회가 되시면 좋을 것 같습니다 :) &gt; 글 링크 : https://ykss.netlify.app/translation/good_refactoring_vs_bad_refactoring/

ykss.netlify.app

좋은 리팩터링 vs 나쁜 리팩터링

마우스 포인터에 최적화된 하위 메뉴를 구현하는 방법에 대한 탐구.

(번역) 마우스 포인터 친화적인 하위 메뉴 기능 만들기

오늘 소개해드릴 글은 네이버의 최지우님이 번역해주신 글입니다.

하위 메뉴가 있는 메뉴를 사용해본 적이 있으신가요? 아마 대부분 익숙하실 겁니다. 그런데, 혹시.. 웹에서 이러한 메뉴를 어떻게 구현할지 고민해보신 적 있으신가요?

겉보기에는 간단해 보이지만, 사용자가 마우스 포인터로 자연스럽고 불편함 없이 메뉴를 탐색할 수 있도록 만드는 것은 생각보다 까다로운 작업입니다. 특히 하위 메뉴가 있을 경우, 포인터의 움직임에 따라 “하위 메뉴로 이동하려는 의도인지 아닌지”를 정확히 예측해야 하기 때문입니다. 이런 조건들 때문인지는 몰라도, 마우스 포인터의 움직임을 고려한 메뉴 탐색 경험을 제공하는 것은 종종 웹앱들의 주요한 업데이트로 홍보됩니다. 물론, 이에 대한 사용자들의 반응도 매우 긍정적이죠.

오늘 소개할 글은 React Aria 팀이 어떻게 마우스 포인터 친화적인 하위 메뉴를 구현했는지를 다룹니다. 어떻게 자연스러운 인터랙션을 달성할 수 있는지 간단히 설명하고, 기존의 여러 구현 방법론과 비교하는 내용도 포함되어 있습니다. 추가로, 글의 마지막에는 이 글과 관련된 React Aria 라이브러리의 실제 소스 코드 링크도 첨부해 두었으니, 관심 있는 분들은 꼭 확인해보시기 바랍니다!

글 링크: https://bit.ly/3XfS3cA

오늘 소개해드릴 글은 네이버의 최지우님이 번역해주신 글입니다. 하위 메뉴가 있는 메뉴를 사용해본 적이 있으신가요? 아마 대부분 익숙하실 겁니다. 그런데, 혹시.. 웹에서 이러한 메뉴를 어떻게 구현할지 고민해보신 적 있으신가요? 겉보기에는 간단해 보이지만, 사용자가 마우스 포인터로 자연스럽고 불편함 없이 메뉴를 탐색할 수 있도록 만드는 것은 생각보다 까다로운 작업입니다. 특히 하위 메뉴가 있을 경우, 포인터의 움직임에 따라 “하위 메뉴로 이동하려는 의도인지 아닌지”를 정확히 예측해야 하기 때문입니다. 이런 조건들 때문인지는 몰라도, 마우스 포인터의 움직임을 고려한 메뉴 탐색 경험을 제공하는 것은 종종 웹앱들의 주요한 업데이트로 홍보됩니다. 물론, 이에 대한 사용자들의 반응도 매우 긍정적이죠. 오늘 소개할 글은 React Aria 팀이 어떻게 마우스 포인터 친화적인 하위 메뉴를 구현했는지를 다룹니다. 어떻게 자연스러운 인터랙션을 달성할 수 있는지 간단히 설명하고, 기존의 여러 구현 방법론과 비교하는 내용도 포함되어 있습니다. 추가로, 글의 마지막에는 이 글과 관련된 React Aria 라이브러리의 실제 소스 코드 링크도 첨부해 두었으니, 관심 있는 분들은 꼭 확인해보시기 바랍니다! 글 링크: https://bit.ly/3XfS3cA

bit.ly

마우스 포인터 친화적인 하위 메뉴 기능 만들기

"문제"가 있다고 말하기보다 "현상"이 있다고 말해보세요.

그게 문제라고 판단하는 걸 개발자에게 맡기는 거죠. 개발자들은 버그나 문제 자체를 싫어하진 않습니다. 때론 즐기고 재밌어해요.

다만, 자신이 만들었을지도 모를 현상을 바로 문제라고 말하는 게 조금 불편할 뿐입니다. 서로 배려하면 좋잖아요.

사소한 단어 하나라도 예쁘게 말해주면, 없던 문제도 찾아서 해결할지도 몰라요.

개발자는 문제 해결을 즐기는 사람들이니까요.

"문제"가 있다고 말하기보다 "현상"이 있다고 말해보세요. 그게 문제라고 판단하는 걸 개발자에게 맡기는 거죠. 개발자들은 버그나 문제 자체를 싫어하진 않습니다. 때론 즐기고 재밌어해요. 다만, 자신이 만들었을지도 모를 현상을 바로 문제라고 말하는 게 조금 불편할 뿐입니다. 서로 배려하면 좋잖아요. 사소한 단어 하나라도 예쁘게 말해주면, 없던 문제도 찾아서 해결할지도 몰라요. 개발자는 문제 해결을 즐기는 사람들이니까요.

개발자에게 버그를 말해야 할 때

회사의 대표 옆에서 일해볼 수 있다는 점인 것 같아요.

가까이 있으면 그 사람의 사고방식을 배울 수 있어요. 회사를 세울 정도의 사람이라면 분명 배울 점이 있어요.

제가 만난 분들은 관점이 남달랐어요. 시장을 보는 관점, 제품을 대하는 관점에서 정말 많이 배울 수 있었죠. 개발자로서 조금 더 큰 그림을 볼 수 있는 기회가 되었어요.

누군가는 불편한 일이라고 할지도 몰라요. 하지만 조금 불편한 그 순간에 우리는 성장할 수 있다고 믿어요.

회사의 대표 옆에서 일해볼 수 있다는 점인 것 같아요. 가까이 있으면 그 사람의 사고방식을 배울 수 있어요. 회사를 세울 정도의 사람이라면 분명 배울 점이 있어요. 제가 만난 분들은 관점이 남달랐어요. 시장을 보는 관점, 제품을 대하는 관점에서 정말 많이 배울 수 있었죠. 개발자로서 조금 더 큰 그림을 볼 수 있는 기회가 되었어요. 누군가는 불편한 일이라고 할지도 몰라요. 하지만 조금 불편한 그 순간에 우리는 성장할 수 있다고 믿어요.

작은 회사에 일하면 좋은 점

원문: https://www.epicweb.dev/what-is-a-test-boundary 자동화된 테스트를 수학 공식으로 나타내면 다음과 같을 것입니다. testing-equation 자동화된 테스트의 핵심은 다음과 같습니다. 테스트 하려는 코드를 가져옵니다

(번역) 테스트 경계란 무엇일까요?

오늘은 라인플러스의 김찬희님이 번역해주신 글입니다.

테스트를 작성할 때 고민하게 되는 부분들 중 하나는 모킹이라고 생각하는데요. 무엇을 모킹해야 할지, 얼마나 많이 모킹을 해야할지 고민하다 보면 답답할 때가 종종 있기도 한데요. 이 글에서는 테스트 경계라는 개념을 소개하며 테스트의 요소들을 파악하고, 무엇을 모킹할지 결정하는 방법을 설명합니다. 평소 안정적이며 유의미한 테스트를 작성하기 위해 고민하고 계셨다면 읽어 보시면 좋을 것 같습니다.

글 링크: https://velog.io/@superlipbalm/what-is-a-test-boundary

오늘은 라인플러스의 김찬희님이 번역해주신 글입니다. 테스트를 작성할 때 고민하게 되는 부분들 중 하나는 모킹이라고 생각하는데요. 무엇을 모킹해야 할지, 얼마나 많이 모킹을 해야할지 고민하다 보면 답답할 때가 종종 있기도 한데요. 이 글에서는 테스트 경계라는 개념을 소개하며 테스트의 요소들을 파악하고, 무엇을 모킹할지 결정하는 방법을 설명합니다. 평소 안정적이며 유의미한 테스트를 작성하기 위해 고민하고 계셨다면 읽어 보시면 좋을 것 같습니다. 글 링크: https://velog.io/@superlipbalm/what-is-a-test-boundary

velog.io

테스트 경계란 무엇일까요?

사용자가 공유한 콘텐츠

얼마 전에 샀는데 또각또각 소리가 아주 좋았어요. 그래서 두 개 샀죠.
무선 연결은 블루투스뿐 아니라 전용 연결 동글도 있기 때문에 몹시 편합니다.

알리 39300원(옵션마다 가격 다름)
https://a.aliexpress.com/_oFT3m1h
쿠팡 로켓직구 42500원
https://link.coupang.com/a/bRwYqE

얼마 전에 샀는데 또각또각 소리가 아주 좋았어요. 그래서 두 개 샀죠.무선 연결은 블루투스뿐 아니라 전용 연결 동글도 있기 때문에 몹시 편합니다. 알리 39300원(옵션마다 가격 다름)https://a.aliexpress.com/_oFT3m1h쿠팡 로켓직구 42500원https://link.coupang.com/a/bRwYqE

a.aliexpress.com

독거미 키보드 ALUA F87 PRO

We're on a journey to advance and democratize artificial intelligence through open source and open science.

SmolLM - blazingly fast and remarkably powerful

Microsoft Phi-3나 Alibaba Qwen2도 작아서 로컬에서 돌릴만했는데요.

이 모델은 더 작아서 브라우저 위에서도 돌아가네요!!

플레이그라운드에서 확인해보면, 초당 15토큰 정도 반환합니다.

게임 플레이할 때 NPC가 다른 대사를 치지 않을때까지 말을 걸곤하는데요.
이런 모델이 적용되면 앞으로는 이런 버릇은 버려야겠네요.

https://huggingface.co/blog/smollm

Microsoft Phi-3나 Alibaba Qwen2도 작아서 로컬에서 돌릴만했는데요. 이 모델은 더 작아서 브라우저 위에서도 돌아가네요!! 플레이그라운드에서 확인해보면, 초당 15토큰 정도 반환합니다. 게임 플레이할 때 NPC가 다른 대사를 치지 않을때까지 말을 걸곤하는데요.이런 모델이 적용되면 앞으로는 이런 버릇은 버려야겠네요. https://huggingface.co/blog/smollm

huggingface.co

너무 작아서 브라우저에 올라가버리는 SmolLM

자바스크립트의 Date 객체를 다룰 때면 종종 실생활 속에서 다루는 날짜와 맞지않아 까다로웠던 기억이 있는데요, 이를 보완해주는 Temporal API 제안에 대해 설명하고 있는 글입니다. Temporal API가 무엇인지, 어떤 문제를 해결해주는지 확인해보세요:)

[번역] 자바스크립트의 Date가 곧 수정됩니다

오늘 소개해드릴 글은 라인플러스의 김은빈님이 번역해주신 글입니다.

자바스크립트의 Date 객체를 다룰 때 실생활에서 사용하는 방식과 달라 변환에 애를 먹거나, 시간대간의 전환이 필요한 경우 까다로워지는 등 어려움을 겪었던 기억이 있지 않으신가요?
이 글에서는 이를 보완할 수 있는 ECMAScript에 제안된 Temporal API에 대해 설명하고 있습니다. 개인적으로는 Date 객체를 사용하며 종종 어려움을 겪었던 기억이 있어 제목을 보고는 단번에 흥미를 가지게 되었는데요, 제안 단계지만 벌써 사용할 수 있는 폴리필도 있다고 하니 많은 사람들의 관심을 얻고있지 않나 싶습니다.
Temporal은 기존의 Date와 어떻게 다른지, 무슨 문제를 해결하고 있는지 이 글을 통해 확인해 보실 수 있습니다 :)

글 링크: https://velog.io/@eunbinn/js-dates-finally-fixed

오늘 소개해드릴 글은 라인플러스의 김은빈님이 번역해주신 글입니다. 자바스크립트의 Date 객체를 다룰 때 실생활에서 사용하는 방식과 달라 변환에 애를 먹거나, 시간대간의 전환이 필요한 경우 까다로워지는 등 어려움을 겪었던 기억이 있지 않으신가요?이 글에서는 이를 보완할 수 있는 ECMAScript에 제안된 Temporal API에 대해 설명하고 있습니다. 개인적으로는 Date 객체를 사용하며 종종 어려움을 겪었던 기억이 있어 제목을 보고는 단번에 흥미를 가지게 되었는데요, 제안 단계지만 벌써 사용할 수 있는 폴리필도 있다고 하니 많은 사람들의 관심을 얻고있지 않나 싶습니다.Temporal은 기존의 Date와 어떻게 다른지, 무슨 문제를 해결하고 있는지 이 글을 통해 확인해 보실 수 있습니다 :) 글 링크: https://velog.io/@eunbinn/js-dates-finally-fixed

자바스크립트의 Date가 곧 수정됩니다

무신사는 빠르고 유연한 물류 비즈니스 확대를 목적으로 작년부터 MWMS 개발을 시작해, 현재 모든 first-mile 인프라를 내재화했습니다. 어떻게 3개월 만에 MWMS를 개발할 수 있었는지, 기민한 팀 플레이를 위한 세 가지 원칙을 소개합니다.

어떻게 3개월 만에 MUSINSA WMS를 개발할 수 있었을까?

무신사에서 어떻게 제품을 만들어내는지 살펴볼 수 있는 글이네요.

물류센터 근처에 숙소를 잡고 문제해결에 집중했다는 부분이 인상깊었어요!

https://medium.com/musinsa-tech/어떻게-3개월-만에-musinsa-wms를-개발할-수-있었을까-993938419cde

무신사에서 어떻게 제품을 만들어내는지 살펴볼 수 있는 글이네요. 물류센터 근처에 숙소를 잡고 문제해결에 집중했다는 부분이 인상깊었어요! https://medium.com/musinsa-tech/어떻게-3개월-만에-musinsa-wms를-개발할-수-있었을까-993938419cde

Medium

무신사의 WMS 개발기

CSS는 마침내 align-content를 디폴트 레이아웃에 추가하여 단 한 줄의 CSS 속성으로 수직 정렬이 가능해짐지원 버전 Chrome 123, Firefox 125, Safari: 17.4현재는 기본 레이아웃(flow)에서 align-content가 동작하지 않으므로 flexbox 나 grid로 전환해야함2024년 드디어 브라우저들이 Flow 레이아

CSS, 2024년에 드디어 "세로 중앙 정렬"이 추가됨 | GeekNews

CSS에서 드디어 세로 중앙 정렬 기능이 추가 되었습니다. 기존의 가로 중앙 정렬은 손쉽게 되었지만 세로는 중앙 정렬 기능이 별도로 없었기에,
display: flex + align-items: center
같은 다소 복잡한 방법을 사용했어야 했는데요.

이제 단 한 줄의 CSS 속성
align-content: center
으로 수직 정렬이 가능해졌습니다.
이 속성으로 추가적인 래퍼(wrapper)나 복잡한 설정 없이도 컨텐츠를 수직 정렬할 수 있게 되었습니다.
이 속성은
Chrome 123, Safari: 17.4
부터 지원합니다.

이렇게 꼭 필요한 기능이 왜 이제서야 구현되었는지는 의문이지만, 이제라도 구현이 되어서 다행이네요. 수직정렬을 구현할때 적극적으로 활용하시기를 추천드립니다.

https://news.hada.io/topic?id=16586&utm_source=slack&utm_medium=bot&utm_campaign=T0244AU37S5

CSS에서 드디어 세로 중앙 정렬 기능이 추가 되었습니다. 기존의 가로 중앙 정렬은 손쉽게 되었지만 세로는 중앙 정렬 기능이 별도로 없었기에, <code >display: flex + align-items: center</code>같은 다소 복잡한 방법을 사용했어야 했는데요. 이제 단 한 줄의 CSS 속성 <code >align-content: center</code> 으로 수직 정렬이 가능해졌습니다.이 속성으로 추가적인 래퍼(wrapper)나 복잡한 설정 없이도 컨텐츠를 수직 정렬할 수 있게 되었습니다.이 속성은 <code >Chrome 123, Safari: 17.4</code>부터 지원합니다. 이렇게 꼭 필요한 기능이 왜 이제서야 구현되었는지는 의문이지만, 이제라도 구현이 되어서 다행이네요. 수직정렬을 구현할때 적극적으로 활용하시기를 추천드립니다. https://news.hada.io/topic?id=16586&amp;utm_source=slack&amp;utm_medium=bot&amp;utm_campaign=T0244AU37S5

GeekNews

드디어 추가된 CSS의 '세로 중앙 정렬' 기능

유데미 개발 챌린지 : 클론코딩편

✅ 잘못된 클론 코딩

게임 업계에서 개발자들의 포트폴리오로 자주 나오는 요소는 클론 코딩입니다. 본인이 좋아하는 게임을 만들어보기도 하고, 지원하는 회사와 가장 밀접한 프로젝트를 만들어서 제출하기도 합니다. 물론 아주 잘 만든 분들도 있지만, 대부분은 제출한 클론 코드가 안 좋은 결과를 만드는 경우가 많습니다.

어떤 경우일까요? 제가 경험한 사례를 좀 공유해보려고 합니다.

❇️사례 1. 스크린샷뿐인 모작

3년 전쯤 마인크래프트 모작을 제출한 분이 있었습니다.

마치 마인크래프트처럼 보이는 월드와 블록들이 있는 스크린샷이 있었습니다. 정말 똑같다(?)는 생각이 들 정도로 잘 구성된 스샷이었습니다. 그리고, 내용에는 이 모작을 만드는데 몇 주가 걸렸고, 만들 때 어떤 엔진을 사용했는지 기입해 두셨습니다.

당연히 이분은 탈락했습니다.

모작을 할 때 중요한 것은, 이게 얼마나 걸렸고, 무슨 엔진을 썼는지보다, 어떻게 구현했는지가 가장 중요합니다.

그런 관점에서 비슷해 보이는 단편적인 스크린샷은 오히려 전혀 매력적이지 않습니다.
오히려, 블록이 2개밖에 없더라도, 혹은 블록이 화이트 박스 형태더라도, 절차적으로 생성되는 월드나 직접 배치하는 샌드박스가 있다면, 훨씬 높은 점수를 줄 것 같습니다.

❇️사례 2. 핵심을 벗어난 모작

두 번째 사례는 캔디크러시 사가와 같은 매치3 퍼즐 게임 모작을 제출한 분이었습니다. 데모도 같이 보내주셨고, 본인이 작성한 핵심 소스 코드도 제출해 주셨습니다.

허나 아쉽게도 이분도 탈락했습니다.

가장 큰 이유는 데모를 플레이할 때 연쇄가 잘 되지 않는 점이었습니다.
3-매치 게임의 핵심은 레벨 디자인도 중요하지만, 한번 매치가 되어 블록이 사라지면 그 자리를 다른 블록들이 채우면서 발생하는 연쇄작용에 있습니다. 그 연쇄작용하는 코드가 미완성 상태였고, 실제로 제출된 코드에서 연쇄 구현이 제대로 되지 않았음을 볼 수 있었습니다.

비슷한 사례로, 간혹 액션 게임 쪽에서 채용을 할 때 마영전 모작이나 리니지 모작도 자주 볼 수 있는데, 거의 대부분 탈락 처리됩니다.

우선, 마영전 모작의 경우 클라이언트-서버 구조를 굉장히 강조하는 분들이 많습니다. 사실 왜 그걸 강조하는지 잘 모르겠습니다. (어쩌면 학원에서 그렇게 시켰을 수도 있겠죠.) 마영전의 핵심은 멀티플레이 논타겟 액션입니다. 제가 본 마영전 모작 중에서는 아쉽게도 마영전의 논타겟 액션 동기화를 본인만의 방식으로 만들어서 설명해주신 분이 없었습니다.

리니지 모작도 마찬가지입니다. MMO 서버-클라이언트 구조라고 강조하는 분들을 많이 봅니다. 정말 놀랍게도, 만드는데 2주밖에 안 걸렸다는 분도 있었는데… 어필 포인트가 너무 어긋나서 할 말을 잃었던 것 같습니다. 실제로 그런 분들 중에서 MMO의 핵심 요소 중 하나인 월드 채널링이나 MMO에서 퀘스트와 같은 콘텐츠를 본인만의 방식으로 만들어서 설명해주신 분들은 없었습니다.

✅클론 코딩을 포트폴리오로 만드는 방법

위의 잘못된 클론 코딩 사례가 거의 포트폴리오에 있는 클론 코딩의 90%를 차지하기 때문에, 클론 코딩을 포트폴리오로 만드는 방법은 생각보다 쉽습니다. 바로 안티패턴을 피하는 것이죠.

우선, 클론할 게임의 핵심을 아는 것부터 시작해야 합니다.
마인크래프트, 오버워치, 3-매치, 마영전, 리니지 등 다양한 게임들의 핵심은 모두 다릅니다. 그리고 주니어 개발자 입장에서 이런 핵심을 관통하기란 쉽지 않은 것도 사실입니다. 그러나 조금만 검색해보면 나오는 것도 맞습니다.

두 번째는 핵심 기믹만 모작하는 것도 가치가 있다는 것입니다.
예를들면, 포탈2의 들어가는 포탈/나가는 포탈은 다양한 기술적 챌린지(렌더링, 공간 이동)가 있습니다. 총게임들의 Netcode(예측, 보간)들도 꽤 좋은 챌린지가 됩니다. 그래서 이런 기믹들은 만들어서 포트폴리오에 넣으면 게임플레이 프로그래머로 홍보하기 좋습니다.

개인적으로 이런 핵심 요소를 클론한 유튜브 하나를 추천해드리면, Mix and Jam 이 있습니다.

제가 생각했을 때 클론코딩의 모범사례에 가깝고, 클론 코딩에 대한 좋은 예를 보실 수 있습니다.

✅마무리하며,

클론 코딩은 분명히 개발자로서의 역량을 보여줄 수 있는 좋은 방법입니다. 하지만 그 과정에서 중요한 것은 단순히 게임을 흉내 내는 것이 아니라, 게임의 핵심 메커니즘을 이해하고 그것을 구현하는 능력을 보여주는 것입니다. 단순히 비슷해 보이는 결과물을 만드는 것보다, 그 안에 숨겨진 원리를 이해하고 자신만의 방식으로 풀어내는 것이 더 중요합니다.

✅더불어 이벤트 홍보(?)

그래서, 이번에 저와 함께 클론 코딩을 도전해볼 사람을 찾습니다!! :)

[챌린지 개요]
😀현직 개발자 멘토와 함께 4주 동안 클론코딩 챌린지 도전할 사람 찾습니다!
각 분야별 유데미 멘토들과 함께 클론코딩부터 코드리뷰까지 할 수 있는 기회!

💪이번 챌린지는 [프론트엔드 / 백엔드 / 게임개발] 진행 됩니다 :)
유데미 개발 챌린지에서 개발자 커리어를 시작해보세요!

🥇챌린지 참여 혜택 무엇이 있나요?
 * 현직 개발자와 라이브 특강
 * 주차별 미션 제공
 * 멘토와 1:1 커피챗 (미션 과제 우수자 선정자)
 * 참가 혜택 : 유데미 개발 강의 할인 쿠폰팩, 지난 챌린지 특강 제공

💌챌린지 자세히 보러가기 :
https://udemy.wjtb.co.kr/event/id/272
🌞친구와 함께 신청하면 배민 상품권 제공!
https://forms.gle/2fxpfmh68ioELCwG8

모집/신청 기간 : 2024년 8월 19일(월) ~ 9월 22일(일)
챌린지 진행 기간 : 2024년 9월 23일(월) ~ 10월 18일(금)
제가 맡은 게임 개발 챌린지 주제는 “뱀파이어 서바이벌(뱀서류) 클론코딩"으로,
라이브 특강에서 포트폴리오가 되는 모작 만들기, 현업에서 사용하는 게임 프로그래밍 디자인 패턴과 테크닉, 수강생 코드리뷰까지 함께 다뤄볼 예정입니다.
많은 관심과 참여 부탁 드립니다.
감사합니다.

✅ 잘못된 클론 코딩 게임 업계에서 개발자들의 포트폴리오로 자주 나오는 요소는 클론 코딩입니다. 본인이 좋아하는 게임을 만들어보기도 하고, 지원하는 회사와 가장 밀접한 프로젝트를 만들어서 제출하기도 합니다. 물론 아주 잘 만든 분들도 있지만, 대부분은 제출한 클론 코드가 안 좋은 결과를 만드는 경우가 많습니다. 어떤 경우일까요? 제가 경험한 사례를 좀 공유해보려고 합니다. ❇️사례 1. 스크린샷뿐인 모작 3년 전쯤 마인크래프트 모작을 제출한 분이 있었습니다. 마치 마인크래프트처럼 보이는 월드와 블록들이 있는 스크린샷이 있었습니다. 정말 똑같다(?)는 생각이 들 정도로 잘 구성된 스샷이었습니다. 그리고, 내용에는 이 모작을 만드는데 몇 주가 걸렸고, 만들 때 어떤 엔진을 사용했는지 기입해 두셨습니다. 당연히 이분은 탈락했습니다. 모작을 할 때 중요한 것은, 이게 얼마나 걸렸고, 무슨 엔진을 썼는지보다, 어떻게 구현했는지가 가장 중요합니다. 그런 관점에서 비슷해 보이는 단편적인 스크린샷은 오히려 전혀 매력적이지 않습니다.오히려, 블록이 2개밖에 없더라도, 혹은 블록이 화이트 박스 형태더라도, 절차적으로 생성되는 월드나 직접 배치하는 샌드박스가 있다면, 훨씬 높은 점수를 줄 것 같습니다. ❇️사례 2. 핵심을 벗어난 모작 두 번째 사례는 캔디크러시 사가와 같은 매치3 퍼즐 게임 모작을 제출한 분이었습니다. 데모도 같이 보내주셨고, 본인이 작성한 핵심 소스 코드도 제출해 주셨습니다. 허나 아쉽게도 이분도 탈락했습니다. 가장 큰 이유는 데모를 플레이할 때 연쇄가 잘 되지 않는 점이었습니다.3-매치 게임의 핵심은 레벨 디자인도 중요하지만, 한번 매치가 되어 블록이 사라지면 그 자리를 다른 블록들이 채우면서 발생하는 연쇄작용에 있습니다. 그 연쇄작용하는 코드가 미완성 상태였고, 실제로 제출된 코드에서 연쇄 구현이 제대로 되지 않았음을 볼 수 있었습니다. 비슷한 사례로, 간혹 액션 게임 쪽에서 채용을 할 때 마영전 모작이나 리니지 모작도 자주 볼 수 있는데, 거의 대부분 탈락 처리됩니다. 우선, 마영전 모작의 경우 클라이언트-서버 구조를 굉장히 강조하는 분들이 많습니다. 사실 왜 그걸 강조하는지 잘 모르겠습니다. (어쩌면 학원에서 그렇게 시켰을 수도 있겠죠.) 마영전의 핵심은 멀티플레이 논타겟 액션입니다. 제가 본 마영전 모작 중에서는 아쉽게도 마영전의 논타겟 액션 동기화를 본인만의 방식으로 만들어서 설명해주신 분이 없었습니다. 리니지 모작도 마찬가지입니다. MMO 서버-클라이언트 구조라고 강조하는 분들을 많이 봅니다. 정말 놀랍게도, 만드는데 2주밖에 안 걸렸다는 분도 있었는데… 어필 포인트가 너무 어긋나서 할 말을 잃었던 것 같습니다. 실제로 그런 분들 중에서 MMO의 핵심 요소 중 하나인 월드 채널링이나 MMO에서 퀘스트와 같은 콘텐츠를 본인만의 방식으로 만들어서 설명해주신 분들은 없었습니다. ✅클론 코딩을 포트폴리오로 만드는 방법 위의 잘못된 클론 코딩 사례가 거의 포트폴리오에 있는 클론 코딩의 90%를 차지하기 때문에, 클론 코딩을 포트폴리오로 만드는 방법은 생각보다 쉽습니다. 바로 안티패턴을 피하는 것이죠. 우선, 클론할 게임의 핵심을 아는 것부터 시작해야 합니다.마인크래프트, 오버워치, 3-매치, 마영전, 리니지 등 다양한 게임들의 핵심은 모두 다릅니다. 그리고 주니어 개발자 입장에서 이런 핵심을 관통하기란 쉽지 않은 것도 사실입니다. 그러나 조금만 검색해보면 나오는 것도 맞습니다. 두 번째는 핵심 기믹만 모작하는 것도 가치가 있다는 것입니다.예를들면, 포탈2의 들어가는 포탈/나가는 포탈은 다양한 기술적 챌린지(렌더링, 공간 이동)가 있습니다. 총게임들의 Netcode(예측, 보간)들도 꽤 좋은 챌린지가 됩니다. 그래서 이런 기믹들은 만들어서 포트폴리오에 넣으면 게임플레이 프로그래머로 홍보하기 좋습니다. 개인적으로 이런 핵심 요소를 클론한 유튜브 하나를 추천해드리면, Mix and Jam 이 있습니다. 제가 생각했을 때 클론코딩의 모범사례에 가깝고, 클론 코딩에 대한 좋은 예를 보실 수 있습니다. ✅마무리하며, 클론 코딩은 분명히 개발자로서의 역량을 보여줄 수 있는 좋은 방법입니다. 하지만 그 과정에서 중요한 것은 단순히 게임을 흉내 내는 것이 아니라, 게임의 핵심 메커니즘을 이해하고 그것을 구현하는 능력을 보여주는 것입니다. 단순히 비슷해 보이는 결과물을 만드는 것보다, 그 안에 숨겨진 원리를 이해하고 자신만의 방식으로 풀어내는 것이 더 중요합니다. ✅더불어 이벤트 홍보(?) 그래서, 이번에 저와 함께 클론 코딩을 도전해볼 사람을 찾습니다!! :) [챌린지 개요]😀현직 개발자 멘토와 함께 4주 동안 클론코딩 챌린지 도전할 사람 찾습니다!각 분야별 유데미 멘토들과 함께 클론코딩부터 코드리뷰까지 할 수 있는 기회! 💪이번 챌린지는 [프론트엔드 / 백엔드 / 게임개발] 진행 됩니다 :)유데미 개발 챌린지에서 개발자 커리어를 시작해보세요! 🥇챌린지 참여 혜택 무엇이 있나요?<ul><li>현직 개발자와 라이브 특강</li><li>주차별 미션 제공</li><li>멘토와 1:1 커피챗 (미션 과제 우수자 선정자)</li><li>참가 혜택 : 유데미 개발 강의 할인 쿠폰팩, 지난 챌린지 특강 제공</li></ul> 💌챌린지 자세히 보러가기 : https://udemy.wjtb.co.kr/event/id/272🌞친구와 함께 신청하면 배민 상품권 제공! https://forms.gle/2fxpfmh68ioELCwG8 모집/신청 기간 : 2024년 8월 19일(월) ~ 9월 22일(일)챌린지 진행 기간 : 2024년 9월 23일(월) ~ 10월 18일(금)제가 맡은 게임 개발 챌린지 주제는 “뱀파이어 서바이벌(뱀서류) 클론코딩"으로,라이브 특강에서 포트폴리오가 되는 모작 만들기, 현업에서 사용하는 게임 프로그래밍 디자인 패턴과 테크닉, 수강생 코드리뷰까지 함께 다뤄볼 예정입니다.많은 관심과 참여 부탁 드립니다.감사합니다.

udemy.wjtb.co.kr

게임개발자를 위한 클론코딩

내가 실리콘밸리로 우연찮게 넘어가게 된 때는 만 31살이 되었을 때였다. 그 전까지 한번도 미국에서 살 꺼라 생각하지 않았기에 영어 회화 공부는 해본 적이 없었다. 미국에 넘어가 작은 스타트업에서 일하면서 보통 오전 10시전에 출근해서 새벽 1시 정도까지 일하고 퇴근하는 힘든 나날이었지만 집에 가면 와이프와 프렌즈 받아쓰기와 따라하기를 하며 나름 공부를 꾸준히 했는데 그렇다고 금방 늘지는 않았고 발음은 사실 고칠 수 있는 것이 아니었다.

하지만 깨달은 것이 하나가 있었는데 말하는 것 보다 더 중요한 것은 듣기 능력이란 점이었다. 내가 계속 한국에 살았다면 다른 사람이 하는 말은 그렇게 집중해서 듣지 않았을 텐데 영어로 이야기하다보니 일단 내가 하고 싶은 말을 하기 보다는 다른 사람이 하는 말을 먼저 이해하려는 노력을 할 수 밖에 없었고, 그게 의도했던 것은 아니지만 의사소통 능력을 키우는데 커다란 도움이 되었다. 즉 내 목적을 관철하기 위해 상대의 이야기를 듣기보다는 상대가 하는 말을 이해하려는 노력이 어쩌다 보니 의사소통 능력을 키우는데 도움이 되었다는 것이다.

다음은 현란한 말로 승부를 볼 수가 없다보니 내가 전달하고자 하는 것이 무엇인지 집중하는 습관을 갖게 되었고 말이 많이 하는 것보다는 명확하게 하는 습관이 생겼다. 또한 말만 중요한 것이 아니라 말을 하는 톤과 바디 랭귀지가 사실은 말 만큼 중요하다는 점도 알게 되었다.

언어란 결국 사람들간의 의사 소통이다. 내가 나만의 이득을 이야기하는 것이 아니라 상대를 이해하려고 하고 공동의 이익을 만들려 하는 사람인가가 중요하다. 개발자로서 사실 영어는 처음에 그렇게 중요하지 않지만 레벨이 올라갈수록 중요해지며 이는 현란하게 발음을 하고 그러는 것이 아닌 어눌하고 문법이 틀려도 본인의 의견을 명확하게 표현할 수 있으면 된다. 그보다 더 중요한 것은 긍정적인 태도를 갖는 팀플레이어로 결과를 내는 사람이 되어야 한다는 점이다. 난 영어를 못해서 일을 잘 못해라고 하며 영어의 미숙함 뒤에 숨는 사람들을 실리콘밸리에 가끔 보게 되는데 그 단계를 벗어나는 간절함이 먼저 필요하다.

내가 실리콘밸리로 우연찮게 넘어가게 된 때는 만 31살이 되었을 때였다. 그 전까지 한번도 미국에서 살 꺼라 생각하지 않았기에 영어 회화 공부는 해본 적이 없었다. 미국에 넘어가 작은 스타트업에서 일하면서 보통 오전 10시전에 출근해서 새벽 1시 정도까지 일하고 퇴근하는 힘든 나날이었지만 집에 가면 와이프와 프렌즈 받아쓰기와 따라하기를 하며 나름 공부를 꾸준히 했는데 그렇다고 금방 늘지는 않았고 발음은 사실 고칠 수 있는 것이 아니었다. 하지만 깨달은 것이 하나가 있었는데 말하는 것 보다 더 중요한 것은 듣기 능력이란 점이었다. 내가 계속 한국에 살았다면 다른 사람이 하는 말은 그렇게 집중해서 듣지 않았을 텐데 영어로 이야기하다보니 일단 내가 하고 싶은 말을 하기 보다는 다른 사람이 하는 말을 먼저 이해하려는 노력을 할 수 밖에 없었고, 그게 의도했던 것은 아니지만 의사소통 능력을 키우는데 커다란 도움이 되었다. 즉 내 목적을 관철하기 위해 상대의 이야기를 듣기보다는 상대가 하는 말을 이해하려는 노력이 어쩌다 보니 의사소통 능력을 키우는데 도움이 되었다는 것이다. 다음은 현란한 말로 승부를 볼 수가 없다보니 내가 전달하고자 하는 것이 무엇인지 집중하는 습관을 갖게 되었고 말이 많이 하는 것보다는 명확하게 하는 습관이 생겼다. 또한 말만 중요한 것이 아니라 말을 하는 톤과 바디 랭귀지가 사실은 말 만큼 중요하다는 점도 알게 되었다. 언어란 결국 사람들간의 의사 소통이다. 내가 나만의 이득을 이야기하는 것이 아니라 상대를 이해하려고 하고 공동의 이익을 만들려 하는 사람인가가 중요하다. 개발자로서 사실 영어는 처음에 그렇게 중요하지 않지만 레벨이 올라갈수록 중요해지며 이는 현란하게 발음을 하고 그러는 것이 아닌 어눌하고 문법이 틀려도 본인의 의견을 명확하게 표현할 수 있으면 된다. 그보다 더 중요한 것은 긍정적인 태도를 갖는 팀플레이어로 결과를 내는 사람이 되어야 한다는 점이다. 난 영어를 못해서 일을 잘 못해라고 하며 영어의 미숙함 뒤에 숨는 사람들을 실리콘밸리에 가끔 보게 되는데 그 단계를 벗어나는 간절함이 먼저 필요하다.

(실리콘밸리에서 일할 때) 영어를 못할 때의 장점

Code review antipatterns

﻿코드 리뷰 자체가 없어 외롭게 코드를 작성하는 팀이 있는가 반면 코드 리뷰가 있긴 하나 오히려 있으나 마나 한 경우가 있습니다. 다 그런 건 아니고 저도 잘 안되는 부분이지만 개발자들은 단어나 문장의 선택이 서툴러서 본심은 그게 아닌데 리뷰가 아닌 자칫 "훈계" 혹은 "지적"이 되는 상황으로 변질되곤 합니다. 코드를 더 잘 짜보자고 만든 문화가 오히려 병목을 만들거나 구성원 간에 불신을 조장하는 경우가 생기는데요. 이번에 공유드릴 내용에서는 코드 리뷰 안티 패턴을 소개하고 있습니다.

궁극적으로 상호 존중하는 과정에서 명확하게 구체적인 피드백이 이뤄져야 하고 리뷰이나 리뷰어 각자가 책임의식을 가지고 리뷰가 진행이 되어야 하는데요. 첨언하면, 리뷰를 받고자 하는 리뷰 이는 최대한 수용하는 자세로 자세한 정보와 상황을 친절하게 작성해야 하고, 리뷰를 해주는 리뷰어 입장에서는 장기적으로 코드와 개발자(혹은 팀 구성원) 모두가 성장할 수 있도록 고민하며 필요하면 레퍼런스와 함께 리뷰를 해주는 게 좋지 않을까 생각을 해봅니다.

https://www.chiark.greenend.org.uk/~sgtatham/quasiblog/code-review-antipatterns/

﻿코드 리뷰 자체가 없어 외롭게 코드를 작성하는 팀이 있는가 반면 코드 리뷰가 있긴 하나 오히려 있으나 마나 한 경우가 있습니다. 다 그런 건 아니고 저도 잘 안되는 부분이지만 개발자들은 단어나 문장의 선택이 서툴러서 본심은 그게 아닌데 리뷰가 아닌 자칫 "훈계" 혹은 "지적"이 되는 상황으로 변질되곤 합니다. 코드를 더 잘 짜보자고 만든 문화가 오히려 병목을 만들거나 구성원 간에 불신을 조장하는 경우가 생기는데요. 이번에 공유드릴 내용에서는 코드 리뷰 안티 패턴을 소개하고 있습니다. 궁극적으로 상호 존중하는 과정에서 명확하게 구체적인 피드백이 이뤄져야 하고 리뷰이나 리뷰어 각자가 책임의식을 가지고 리뷰가 진행이 되어야 하는데요. 첨언하면, 리뷰를 받고자 하는 리뷰 이는 최대한 수용하는 자세로 자세한 정보와 상황을 친절하게 작성해야 하고, 리뷰를 해주는 리뷰어 입장에서는 장기적으로 코드와 개발자(혹은 팀 구성원) 모두가 성장할 수 있도록 고민하며 필요하면 레퍼런스와 함께 리뷰를 해주는 게 좋지 않을까 생각을 해봅니다. https://www.chiark.greenend.org.uk/~sgtatham/quasiblog/code-review-antipatterns/﻿

www.chiark.greenend.org.uk

코드 리뷰 안티패턴

2024 FEConf 현장 영상을 준비했어요! 이번 행사에는 당근 부스 운영진으로 참여했어요. 다른 후원사 부스를 체험하면서 경품도 받고 네트워킹 부스도 즐기고 왔어요. 제가 스트레스와 불안감을 관리하는 방법은 영상 후반부에 나와요! 재미있게 보셨다면 좋아요와 댓글로 응원해주세요 😊 다음 영상으로 또 찾아올게요!

개발자가 스트레스와 불안감을 동시에 잡는 방법 | 2024 FEConf 탐방기

"스트레스를 푸는 취미가 있으신가요?"

2024 FEConf는 발표 세션과 후원사 부스를 비롯해 아이 돌봄 공간, 네트워킹 부스까지 마련되어 즐길 거리가 가득했습니다.

네트워킹 부스에선 스트레스를 푸는 취미가 있냐는 질문을 받았습니다. 저는 '글쓰기'가 스트레스를 푸는 취미라고 답했습니다.

처음에는 글쓰기가 스트레스를 받는 일이라고 생각했는데 가만 생각해 보니 스트레스를 줄여주는 활동이라는 걸 깨닫게 됐습니다. 자세한 내용은 첨부한 영상을 통해 확인해 주세요.

여러분은 어떤가요? 어떤 방식으로 스트레스를 풀고 계신가요?

https://youtu.be/ug1nLShB5DA?si=XN_Rww49HjeDw_7u

"스트레스를 푸는 취미가 있으신가요?" 2024 FEConf는 발표 세션과 후원사 부스를 비롯해 아이 돌봄 공간, 네트워킹 부스까지 마련되어 즐길 거리가 가득했습니다. 네트워킹 부스에선 스트레스를 푸는 취미가 있냐는 질문을 받았습니다. 저는 '글쓰기'가 스트레스를 푸는 취미라고 답했습니다. 처음에는 글쓰기가 스트레스를 받는 일이라고 생각했는데 가만 생각해 보니 스트레스를 줄여주는 활동이라는 걸 깨닫게 됐습니다. 자세한 내용은 첨부한 영상을 통해 확인해 주세요. 여러분은 어떤가요? 어떤 방식으로 스트레스를 풀고 계신가요? https://youtu.be/ug1nLShB5DA?si=XN_Rww49HjeDw_7u

www.youtube.com

개발자의 스트레스 해소법

쉘 리다이렉션(Redirection) 사용법

쉘 프로그래밍을 처음 하시는 분들이 스크립트를 읽으시다가
2>&1
와 같은 알 수 없는 문법을 보고 당황하시는 경우가 있습니다. 이 것을 보통 리다이렉션(Redirection)이라고 하는데요. 어떤 명령의 입력이나 출력을 다른 곳으로 변경하기 위해서 사용됩니다.

이번 포스팅에서는 쉘 리다이렉션의 기본 사용법을 알아보고 다양한 예제를 통해 어떻게 실제 쉘 프로그래밍에 활용할 수 있는지 배워보겠습니다.

📝 포스팅: https://www.daleseo.com/shell-redirection/

 * 표준 스트림
 * 출력 리다이렉션
 * 오류 리다이렉션
 * 통합 리다이렉션
 * 입력 리다이렉션

쉘 프로그래밍을 처음 하시는 분들이 스크립트를 읽으시다가 <code >2&gt;&amp;1</code>와 같은 알 수 없는 문법을 보고 당황하시는 경우가 있습니다. 이 것을 보통 리다이렉션(Redirection)이라고 하는데요. 어떤 명령의 입력이나 출력을 다른 곳으로 변경하기 위해서 사용됩니다. 이번 포스팅에서는 쉘 리다이렉션의 기본 사용법을 알아보고 다양한 예제를 통해 어떻게 실제 쉘 프로그래밍에 활용할 수 있는지 배워보겠습니다. 📝 포스팅: https://www.daleseo.com/shell-redirection/ <ul ><li>표준 스트림</li><li>출력 리다이렉션</li><li>오류 리다이렉션</li><li>통합 리다이렉션</li><li>입력 리다이렉션</li></ul>

www.daleseo.com

내가 조바심 내지 않는 이유 | 인간이라면 누구나 겪는 감정인 '조바심'에 주목한 감정 멘토 사이토 다카시의『내가 조바심 내지 않는 이유』. 소셜 네트워크로 실시간 연결된 '초연결 사회'에서는 언제든지 자신을 표현하……

내가 조바심 내지 않는 이유 | 사이토 다카시 - 교보문고

“기다릴 줄 아는 사람은 바라는 것을 가질 수 있다.” - 벤저민 프랭클린 -

“서두른다는 느낌은, 인생을 충실하게 산다는 증거도 아니고, 시간이 없어서 생기는 결과도 아니다. 그 반대로 자기 인생을 허비하고 있다는 막연한 두려움에서 생겨난다. 해야 하는 일을 하지 않을 때, 다른 일을 할 시간은 전혀 없다.” - 에릭 호퍼, 철학자 -

사이토 다카시는 책 <내가 조바심 내지 않는 이유>에서 인간이라면 누구나 겪는 감정인 ‘조바심’에 주목했다. 사소한 일로도 반응하고 조바심을 느끼는 현대인의 마음속에는 과연 어떤 원인이 숨어 있을까? 사이토 다카시는 현대사회에 만연한 조바심의 증폭제로 모바일 메신저를 비롯한 각종 소셜 미디어를 지목한다.

조바심은 자연스러운 감정이지만 ‘초연결 사회’에서는 과다한 커뮤니케이션으로 타인과의 정신적 접촉이 늘어나 감정의 안테나가 지나치게 민감하고 섬세해질 수밖에 없다. 실시간 소통이 가능해지면서 사회 시스템들이 빠른 속도로 돌아가기에 일상의 속도 또한 빨라졌다.

이런 삶을 살면서 우리는 느긋함이나 인내심을 잃어버리고 말았다. 사소한 일에도 필요 이상으로 감정이 동요되고 조바심을 낸다. 지나친 조바심은 분노로 변하기 쉽다. 늘 조마조마한 마음을 품고 살아가는 현대인은 시한폭탄을 장착한 것이나 다름없다.

- 주위와 충돌하지 않고 때로는 혼자 있고 싶지만, 뒤처진다는 생각에 불안하다!
- 나를 피곤하게 만드는 사람들에게 반응하지 않고 싶지만, 사소한 일에도 욱하게 된다!
- 아무도 상처받지 않고 누구에게도 상처 주고 싶지 않지만, 자꾸 감정적이 되어 화를 참기 힘들다!
- 아무리 신경 쓰지 않는 연습을 해봐도 쉽지 않다, 내가 이상한 걸까?

누구나 갖고 있는 생각들이다. 조바심이란 곧바로 드러나진 않더라도 나비효과처럼 번지기 쉽고 타인에게 과도한 평가 잣대를 들이댈 위험이 있기 때문에, 일상을 망가뜨리고 관계를 망치는 주범이 된다. 그러므로 스스로 조절해야 한다.

“언제든 누군가와 연결되어 있다. 어디에 있든 연락할 수 있다.” 언뜻 편리할 것 같지만 이는 곧, 연결되지 않을 때 마음속 파도는 더욱 커진다는 의미입니다. 휴대전화가 연결되지 않거나 이메일 답장이 없으면 ‘수신 거부 상태가 아닌지’ 의심하고 ‘미움받고 있을지도 모른다’라고 착각하며 ‘무시당했다’라고 화를 냅니다. 결국 부정적인 감정이 머리를 치켜들고 쓸데없는 생각을 하게 됩니다. 8p, 〈프롤로그〉

지금처럼 자신이 먼저 ‘인정해줘’ ‘칭찬해줘’ ‘좋아해줘’ ‘굉장하지’하고 어필하는 욕구는 없었습니다. 현대만큼 인정 욕구가 강한 시대는 없었습니다. 그런 의미에서 ‘인정받고 싶지만 인정받지 못했다’라는 상실감은 현대인만의 부정적인 감정이라고 할 수 있습니다. 소망과 현실 사이의 괴리로 인해 쌓인 불안감이 새로운 현대병인 ‘관심병’에 이르게 한 것인지도 모릅니다. 30p, 〈관심병은 상대적이며 절대적인 현대병이다〉

통화 연결음이 30초가 넘어가거나, 엘리베이터를 기다리는 데 1분 이상이 걸리면 많은 사람들이 슬슬 화가 나기 시작합니다. 빨간불에 횡단보도 앞에서 기다리거나, 관공서 창구에서 차례가 좀처럼 돌아오지 않을 때, 주문한 음식이 나오지 않을 때, 휴대전화 통신 환경이 좋지 않아서 인터넷 접속에 시간이 오래 걸릴 때 등등 일상에서 기다려야 하는 수많은 상황마다 사람들은 자기도 모르게 짜증을 내고 맙니다. 49p, 〈1분도 참지 못하게 만드는 조바심의 정체〉

누군가와 이야기할 때 ‘목에 뭔가가 걸려서 답답한 느낌’이 든다면 ‘이 감정은 뭘까?’ 하고 생각해보세요. 상대가 거북한 사람이라면 ‘아, 이 느낌이 내 서툰 마음의 표출이구나’ 하고 눈치챌 수 있습니다. 60p, 〈몸에 초점을 맞추자: 내 마음은 몰라도 내 몸은 안다〉

권하는 것은 ‘감정’ 시뮬레이션. 그 선택을 통해 자신이 어떤 감정을 갖게 될지 예측하고 상상하고, 분석해보는 것입니다. 대부분의 사람들이 ‘상황’만을 우선하다 이를 놓치고 있습니다. 136p, 〈감정 시뮬레이션: 선택장애가 올 때는 감정을 연습해본다〉

‘자신의 감정을 매일매일 하루 단위로 정산한다’. 쉽게 말하면 하루의 감정을 결산하여 흑자로 돌려서 ‘오늘은 이걸로 오케이’라고 생각하는 방법입니다. 좋은 일이 있었던 날은 그것으로 오케이. 싫은 일이 있어서 부정적 감정이 많았고, 그래서 이 감정이 내일까지 이어질 것 같은 날에는 그날 감정의 ‘마이너스만큼’ 다른 좋은 일로 메우는 것입니다. 제 경우 마이너스 감정을 메우기 위한 수단 중 하나로 ‘고기 구워 먹기’가 있습니다. 143p, 〈하루 단위 감정 정산법: ‘우울한 날은 구운 고기’의 법칙〉

긴장되는 사람과 만나기 전에 10초 동안 점프를 해보십시오. 취업을 위한 면접을 앞둔 학생에게 자주 이 방법을 알려줍니다. 높이 뛸 필요는 없습니다. 가볍게 톡톡 뛰는 정도도 괜찮습니다. 그것만으로도 어깨 힘이 빠지고 뭉친 부분이 풀어져 몸이 약간 따뜻해집니다. 이렇게 몸이 풀어진 상태에서 사람을 만나면 자신의 환한 모습이 적어도 20퍼센트는 올라갑니다. 156p, 〈10초 점프 효과: 몸의 움직임이 마음의 응어리를 풀어준다〉

자신의 손이 닿는 범위 안에서 제한된 친구들과 소셜 미디어로 대화하고 연락을 주고받는 한정된 세계에서는 알 수 없는 보다 넓은 감정을, 광대하고 심오한 감정을 다룬 소설이라는 세계에서 배웁니다. 현대사회를 사는 우리에게 책은 상당히 중요한 학습의 장입니다. 180p, 〈소설 감정 수업: 초연결 사회일수록 책을 읽어야 하는 이유〉

카페라는 완충 장치를 통해 일 모드로 되어 있던 감정을 가정 모드로 바꿉니다. 회사에는 많은 인간관계가 있습니다. 신경도 많이 쓰고 긴장도 많이 했을 겁니다. 일에서 오는 문제나 스트레스도 있습니다. 그런 부정적인 감정을 그대로 집으로 갖고 들어가지 않기 위해서, 회사와 집의 중간 지점에, 혼자 감정을 식히고 정리할 수 있는 공간이 카페입니다. 202p, 〈회사와 집 사이에 카페라는 감정의 휴게소〉

“기다릴 줄 아는 사람은 바라는 것을 가질 수 있다.” - 벤저민 프랭클린 - “서두른다는 느낌은, 인생을 충실하게 산다는 증거도 아니고, 시간이 없어서 생기는 결과도 아니다. 그 반대로 자기 인생을 허비하고 있다는 막연한 두려움에서 생겨난다. 해야 하는 일을 하지 않을 때, 다른 일을 할 시간은 전혀 없다.” - 에릭 호퍼, 철학자 - 사이토 다카시는 책 &lt;내가 조바심 내지 않는 이유&gt;에서 인간이라면 누구나 겪는 감정인 ‘조바심’에 주목했다. 사소한 일로도 반응하고 조바심을 느끼는 현대인의 마음속에는 과연 어떤 원인이 숨어 있을까? 사이토 다카시는 현대사회에 만연한 조바심의 증폭제로 모바일 메신저를 비롯한 각종 소셜 미디어를 지목한다. 조바심은 자연스러운 감정이지만 ‘초연결 사회’에서는 과다한 커뮤니케이션으로 타인과의 정신적 접촉이 늘어나 감정의 안테나가 지나치게 민감하고 섬세해질 수밖에 없다. 실시간 소통이 가능해지면서 사회 시스템들이 빠른 속도로 돌아가기에 일상의 속도 또한 빨라졌다. 이런 삶을 살면서 우리는 느긋함이나 인내심을 잃어버리고 말았다. 사소한 일에도 필요 이상으로 감정이 동요되고 조바심을 낸다. 지나친 조바심은 분노로 변하기 쉽다. 늘 조마조마한 마음을 품고 살아가는 현대인은 시한폭탄을 장착한 것이나 다름없다. - 주위와 충돌하지 않고 때로는 혼자 있고 싶지만, 뒤처진다는 생각에 불안하다!- 나를 피곤하게 만드는 사람들에게 반응하지 않고 싶지만, 사소한 일에도 욱하게 된다!- 아무도 상처받지 않고 누구에게도 상처 주고 싶지 않지만, 자꾸 감정적이 되어 화를 참기 힘들다!- 아무리 신경 쓰지 않는 연습을 해봐도 쉽지 않다, 내가 이상한 걸까? 누구나 갖고 있는 생각들이다. 조바심이란 곧바로 드러나진 않더라도 나비효과처럼 번지기 쉽고 타인에게 과도한 평가 잣대를 들이댈 위험이 있기 때문에, 일상을 망가뜨리고 관계를 망치는 주범이 된다. 그러므로 스스로 조절해야 한다. “언제든 누군가와 연결되어 있다. 어디에 있든 연락할 수 있다.” 언뜻 편리할 것 같지만 이는 곧, 연결되지 않을 때 마음속 파도는 더욱 커진다는 의미입니다. 휴대전화가 연결되지 않거나 이메일 답장이 없으면 ‘수신 거부 상태가 아닌지’ 의심하고 ‘미움받고 있을지도 모른다’라고 착각하며 ‘무시당했다’라고 화를 냅니다. 결국 부정적인 감정이 머리를 치켜들고 쓸데없는 생각을 하게 됩니다. 8p, 〈프롤로그〉 지금처럼 자신이 먼저 ‘인정해줘’ ‘칭찬해줘’ ‘좋아해줘’ ‘굉장하지’하고 어필하는 욕구는 없었습니다. 현대만큼 인정 욕구가 강한 시대는 없었습니다. 그런 의미에서 ‘인정받고 싶지만 인정받지 못했다’라는 상실감은 현대인만의 부정적인 감정이라고 할 수 있습니다. 소망과 현실 사이의 괴리로 인해 쌓인 불안감이 새로운 현대병인 ‘관심병’에 이르게 한 것인지도 모릅니다. 30p, 〈관심병은 상대적이며 절대적인 현대병이다〉 통화 연결음이 30초가 넘어가거나, 엘리베이터를 기다리는 데 1분 이상이 걸리면 많은 사람들이 슬슬 화가 나기 시작합니다. 빨간불에 횡단보도 앞에서 기다리거나, 관공서 창구에서 차례가 좀처럼 돌아오지 않을 때, 주문한 음식이 나오지 않을 때, 휴대전화 통신 환경이 좋지 않아서 인터넷 접속에 시간이 오래 걸릴 때 등등 일상에서 기다려야 하는 수많은 상황마다 사람들은 자기도 모르게 짜증을 내고 맙니다. 49p, 〈1분도 참지 못하게 만드는 조바심의 정체〉 누군가와 이야기할 때 ‘목에 뭔가가 걸려서 답답한 느낌’이 든다면 ‘이 감정은 뭘까?’ 하고 생각해보세요. 상대가 거북한 사람이라면 ‘아, 이 느낌이 내 서툰 마음의 표출이구나’ 하고 눈치챌 수 있습니다. 60p, 〈몸에 초점을 맞추자: 내 마음은 몰라도 내 몸은 안다〉 권하는 것은 ‘감정’ 시뮬레이션. 그 선택을 통해 자신이 어떤 감정을 갖게 될지 예측하고 상상하고, 분석해보는 것입니다. 대부분의 사람들이 ‘상황’만을 우선하다 이를 놓치고 있습니다. 136p, 〈감정 시뮬레이션: 선택장애가 올 때는 감정을 연습해본다〉 ‘자신의 감정을 매일매일 하루 단위로 정산한다’. 쉽게 말하면 하루의 감정을 결산하여 흑자로 돌려서 ‘오늘은 이걸로 오케이’라고 생각하는 방법입니다. 좋은 일이 있었던 날은 그것으로 오케이. 싫은 일이 있어서 부정적 감정이 많았고, 그래서 이 감정이 내일까지 이어질 것 같은 날에는 그날 감정의 ‘마이너스만큼’ 다른 좋은 일로 메우는 것입니다. 제 경우 마이너스 감정을 메우기 위한 수단 중 하나로 ‘고기 구워 먹기’가 있습니다. 143p, 〈하루 단위 감정 정산법: ‘우울한 날은 구운 고기’의 법칙〉 긴장되는 사람과 만나기 전에 10초 동안 점프를 해보십시오. 취업을 위한 면접을 앞둔 학생에게 자주 이 방법을 알려줍니다. 높이 뛸 필요는 없습니다. 가볍게 톡톡 뛰는 정도도 괜찮습니다. 그것만으로도 어깨 힘이 빠지고 뭉친 부분이 풀어져 몸이 약간 따뜻해집니다. 이렇게 몸이 풀어진 상태에서 사람을 만나면 자신의 환한 모습이 적어도 20퍼센트는 올라갑니다. 156p, 〈10초 점프 효과: 몸의 움직임이 마음의 응어리를 풀어준다〉 자신의 손이 닿는 범위 안에서 제한된 친구들과 소셜 미디어로 대화하고 연락을 주고받는 한정된 세계에서는 알 수 없는 보다 넓은 감정을, 광대하고 심오한 감정을 다룬 소설이라는 세계에서 배웁니다. 현대사회를 사는 우리에게 책은 상당히 중요한 학습의 장입니다. 180p, 〈소설 감정 수업: 초연결 사회일수록 책을 읽어야 하는 이유〉 카페라는 완충 장치를 통해 일 모드로 되어 있던 감정을 가정 모드로 바꿉니다. 회사에는 많은 인간관계가 있습니다. 신경도 많이 쓰고 긴장도 많이 했을 겁니다. 일에서 오는 문제나 스트레스도 있습니다. 그런 부정적인 감정을 그대로 집으로 갖고 들어가지 않기 위해서, 회사와 집의 중간 지점에, 혼자 감정을 식히고 정리할 수 있는 공간이 카페입니다. 202p, 〈회사와 집 사이에 카페라는 감정의 휴게소〉

product.kyobobook.co.kr

“기다릴 줄 아는 사람은 바라는 것을 가질 수 있다.” - 벤저민

LLM은 지난 2년간, 성능은 원숭이 수준에서 인간 수준으로 높아졌고 가격은 400배 저렴해졌으며, 추론 속도는 지난 6년간 (이론적으로)3,000배 빨라졌다.

역사적으로 어떠한 기술이 이렇게 빠르게 발전했던 경우가 없었다.

최근 다음 레벨의 AI가 나오지 않아서 AI가 과장됐다, 이제 버블이 꺼질거라는 말이 많이 나오지만, GPT-4가 출시된지 이제 겨우 1년 반 밖에 안됐음을 기억해야한다.

LLM은 지난 2년간, 성능은 원숭이 수준에서 인간 수준으로 높아졌고 가격은 400배 저렴해졌으며, 추론 속도는 지난 6년간 (이론적으로)3,000배 빨라졌다. 역사적으로 어떠한 기술이 이렇게 빠르게 발전했던 경우가 없었다. 최근 다음 레벨의 AI가 나오지 않아서 AI가 과장됐다, 이제 버블이 꺼질거라는 말이 많이 나오지만, GPT-4가 출시된지 이제 겨우 1년 반 밖에 안됐음을 기억해야한다.

LLM은 지난 2년간, 성능은 원숭이 수준에서 인간 수준으로 높아

초급] 마이크로서비스를 개발할 때 가장 어려워하는 부분은 서비스 별로 데이터베이스를 분리한다는 점입니다. SQL JOIN을 REST API로 대체하려니 성능이 느릴 것 같고 데이터베이스의 트랜잭션 보장이 없어지니 정합성이 깨지지 않을까 걱정합니다. 마이크로서비스와 함께 API Composition, Event Sourcing, CQRS, SAGA 같은 반짝이는 기술들이 함께 소개되었지만, 실전에선 이보다는 평범한 기술을 사용하는 경우가 많습니다.

스프링캠프 2024 [Track 1] 4.실전! MSA 개발 가이드 (김용욱)

올해 스프링캠프 2024에서 발표한 영상입니다.
MSA로 개발할 때에 고려해야하는 팁들을 소개하는 내용으로
부족한 발표라 민망하지만..
누구나 기본으로 알았으면 하는 내용이라 공유합니다.

[개요] 마이크로서비스를 개발할 때 가장 어려워하는 부분은 서비스 별로 데이터베이스를 분리한다는 점입니다. SQL JOIN을 REST API로 대체하려니 성능이 느릴 것 같고 데이터베이스의 트랜잭션 보장이 없어지니 정합성이 깨지지 않을까 걱정합니다. 마이크로서비스와 함께 API Composition, Event Sourcing, CQRS, SAGA 같은 반짝이는 기술들이 함께 소개되었지만, 실전에선 이보다는 평범한 기술을 사용하는 경우가 많습니다. 관련해서 마이크로서비스를 개발할 때의 구현 이슈를 소개하고, 실전에서는 어떻게 풀어내는지 소개합니다.

https://youtu.be/raPJqrtGMxY?si=p86hwR7Jz7vweH4I

올해 스프링캠프 2024에서 발표한 영상입니다.MSA로 개발할 때에 고려해야하는 팁들을 소개하는 내용으로부족한 발표라 민망하지만..누구나 기본으로 알았으면 하는 내용이라 공유합니다. [개요] 마이크로서비스를 개발할 때 가장 어려워하는 부분은 서비스 별로 데이터베이스를 분리한다는 점입니다. SQL JOIN을 REST API로 대체하려니 성능이 느릴 것 같고 데이터베이스의 트랜잭션 보장이 없어지니 정합성이 깨지지 않을까 걱정합니다. 마이크로서비스와 함께 API Composition, Event Sourcing, CQRS, SAGA 같은 반짝이는 기술들이 함께 소개되었지만, 실전에선 이보다는 평범한 기술을 사용하는 경우가 많습니다. 관련해서 마이크로서비스를 개발할 때의 구현 이슈를 소개하고, 실전에서는 어떻게 풀어내는지 소개합니다. https://youtu.be/raPJqrtGMxY?si=p86hwR7Jz7vweH4I

[영상] 실전! MSA 개발 가이드

다시 취업할 수 있을까

트위터를 보다가 눈이 멈췄습니다.
젊은 친구들이 취업이 힘들다는 얘기는 많이 들었지만…
내 얘기는 아닐 거라 생각했는데.

비슷한 연배의 개발자분이 이런 글을 쓰는 걸 보고 놀랐습니다.
그냥 나이만 많은 개발자였으면 그렇게 놀라지는 않았을 겁니다.
2009년 경에 디바이스 드라이버를 개발할 때 pyrasis 블로그에서 많이 보고 배웠던 기억이 납니다.
개발 실력으로는 충분하고도 넘칠 만큼 훌륭한 분.
그런데 이력서를 30군데 이상 넣었는데 다 탈락했다고?

나는 과연 회사에 다시 취업할 수 있을까? 하는 생각을 해보지 않을 수 없었습니다.

망하면 까짓 거 다시 회사 가면 되지 뭐.

이렇게 생각하고 살았는데.
카카오나 네이버에서 과연 날 다시 받아줄까?
스타트업이라도 갈 수 있을까?
내가 너무 안일한 건 아닐까? 자신감이 떨어집니다.

개발자가 된 이후 처음으로 취업이 어려운 시대가 온 것 같습니다.
어쩌면 개발자들만의 문제가 아닐지도 모릅니다.
최근 2년 여간 우리나라 국민들 대부분 힘들었을 거라고 생각합니다.
이런 기간이 일시적이라면 다행이지만… 무한정 길어지는 건 아닐까 걱정도 됩니다.
정신이 번쩍 드는 하루 였습니다.

https://jeho.page/essay/2024/09/04/ever-be-get-job-again.html

트위터를 보다가 눈이 멈췄습니다. 젊은 친구들이 취업이 힘들다는 얘기는 많이 들었지만… 내 얘기는 아닐 거라 생각했는데. 비슷한 연배의 개발자분이 이런 글을 쓰는 걸 보고 놀랐습니다. 그냥 나이만 많은 개발자였으면 그렇게 놀라지는 않았을 겁니다. 2009년 경에 디바이스 드라이버를 개발할 때 pyrasis 블로그에서 많이 보고 배웠던 기억이 납니다. 개발 실력으로는 충분하고도 넘칠 만큼 훌륭한 분. 그런데 이력서를 30군데 이상 넣었는데 다 탈락했다고? 나는 과연 회사에 다시 취업할 수 있을까? 하는 생각을 해보지 않을 수 없었습니다. 망하면 까짓 거 다시 회사 가면 되지 뭐. 이렇게 생각하고 살았는데. 카카오나 네이버에서 과연 날 다시 받아줄까? 스타트업이라도 갈 수 있을까? 내가 너무 안일한 건 아닐까? 자신감이 떨어집니다. 개발자가 된 이후 처음으로 취업이 어려운 시대가 온 것 같습니다. 어쩌면 개발자들만의 문제가 아닐지도 모릅니다. 최근 2년 여간 우리나라 국민들 대부분 힘들었을 거라고 생각합니다. 이런 기간이 일시적이라면 다행이지만… 무한정 길어지는 건 아닐까 걱정도 됩니다. 정신이 번쩍 드는 하루 였습니다. https://jeho.page/essay/2024/09/04/ever-be-get-job-again.html

K리그 프로그래머

리액트 19의 베타 버전이 출시되었습니다. 리액트 18과 비교하면 사용자 친화적인 API가 많이 추가되었지만, 핵심 원칙은 크게 바뀌지 않았습니다. 여러분은 리액트를 꽤 오랫동안 사용해 왔을 텐데, 내부적으로 어떻게 작동하는지 알고 계신가요? 이 글에서는 비동기 업데이트를 지원하고 작업을 중단할 수 있는 리액트를 약 400줄의 코드로 구현하는 방법을...

400줄의 코드로 나만의 리액트 만들기 (부제: 리액트의 원리에 대한 심층 연구)

오늘은 파트리지 시스템즈의 이시연님이 번역해주신 글입니다.

리액트 19의 베타 버전이 출시되었습니다. 이번 버전은 리액트 18과 비교해 사용자 친화적인 API가 많이 추가되었지만, 핵심 원칙은 크게 변하지 않았습니다. 리액트를 오랫동안 사용해 온 개발자들도 있지만, 내부 작동 방식에 대해 궁금해하는 분들이 있을 수 있습니다. 이 글에서는 비동기 업데이트를 지원하고 작업을 중단할 수 있는 리액트의 핵심 기능을 약 400줄의 코드로 구현하는 방법을 살펴보겠습니다.

글 링크: https://bit.ly/3WUa4wU

오늘은 파트리지 시스템즈의 이시연님이 번역해주신 글입니다. 리액트 19의 베타 버전이 출시되었습니다. 이번 버전은 리액트 18과 비교해 사용자 친화적인 API가 많이 추가되었지만, 핵심 원칙은 크게 변하지 않았습니다. 리액트를 오랫동안 사용해 온 개발자들도 있지만, 내부 작동 방식에 대해 궁금해하는 분들이 있을 수 있습니다. 이 글에서는 비동기 업데이트를 지원하고 작업을 중단할 수 있는 리액트의 핵심 기능을 약 400줄의 코드로 구현하는 방법을 살펴보겠습니다. 글 링크: https://bit.ly/3WUa4wU

웹케시

오성훈

성공회대학교 소프트웨어공학

미리캔버스 프론트엔드 개발자

김재훈

문제해결에 도움되는 기술들을 좋아합니다.
미리캔버스 웹&앱을 개발중이며, 프롬프트 엔지니어링에 관심있습니다 :)

400줄의 코드로 나만의 리액트 만들기

Official Account를 개발하고 있습니다.

프런트엔드 개발자

프론트엔드 업무 인턴십을 수행했습니다. React를 이용해 설문조사 폼을 만드는 과제를 수행했습니다. 

프런트엔드 인턴쉽

TOAST UI 오픈소스 메인테이닝 업무를 수행했습니다.

JSP 기반의 환경에서 웹 페이지 퍼블리싱 업무를 주로 수행했습니다. jQuery와 HTML, CSS를 사용해 개발했습니다.

퍼블리셔 및 프런트엔드 개발자

컴퓨터 정보공학과

한정(Jung Han)

링크드인

블로그

효율적이게 일하는 것을 중요하게 여기며 팀에 도움이 되는 활동에 관심이 많습니다. 
Korean FE Article이란 프런트엔드 아티클 번역 활동을 운영하고 있습니다.
최근에는 AI를 통한 업무 효율을 높이는데 관심이 많습니다.

400줄의 코드로 나만의 리액트 만들기

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필