SK브로드밴드와 넷플릭스가 망 이용대가를 둘러싸고 벌인 소송을 취하하는 한편 합의점 도출에 나선다. 실제 이들이 합의에 이를 경우 2020년 4월 넷플릭스의 소송으로 시작된 양사 간 분쟁은 3년여만에 마침표를 찍게

SKB-넷플릭스, 망사용료 합의점 도출한다

협상 조건은 알려지지 않았지만, 업계에서는 넷플릭스가 일정 수준의 망사용료를 SK브로드밴드에 제공하는 형태로 합의점을 찾을 것이라 보고 있다. 어느 한쪽에 일방적으로 유리한 조건은 아닌 것으로 알려졌으며, 이와 관련해 양측은 내년 초까지 관련 사안에 대해 외부 언급을 금지하는 ‘비밀유지’ 조항을 체결한 것으로 전해졌다. SK브로드밴드 관계자는 “이와 관련해 대답해 줄 수 있는 것이 없다”고 밝혔다. 

https://n.news.naver.com/article/011/0004239361?sid=105

Naver

개발자 면접은 어떻게 진행될까? | 처음 이직 시도를 했을 때가 떠오릅니다. 별 근거도 없이 자신만만하던 4년 차 때, 평소 실력만 믿고 당당하게 기술 면접에 뛰어들었죠. 면접은 생각보다 훨씬 어려웠고, 결과는 처참했습니다. 식은땀을 삐질삐질 흘리며 겨우 첫 라이브 코딩 테스트를 마쳤던 기억은 쉽사리 잊히지 않습니다. 그렇게 직접 부딪혀 보고 나서야 깨달았어요.

개발자 면접 유형 총정리

개발자 면접을 준비하고 계신가요? 어디서부터 어떻게 시작해야 할지 몰라 막막하신 분들을 위해 개발자 면접 대비 키트를 준비했습니다! 제가 지금까지 썼던 개발자 면접 준비 관련 글과 추천 자료를 한 곳에 모았습니다. 적극 활용하셔서 면접에 잘 대비하시길 바랍니다! 

0️⃣  면접 유형 파악하기

- 개발자 면접 유형 총정리: https://careerly.co.kr/comments/66132

1️⃣ 코딩 면접

[추천 글]
- 코딩 테스트를 위해 꼭 공부해야 할 이론: https://careerly.co.kr/comments/66531
- 코딩 테스트에 완벽하게 대비하기 위해 해야 할 6가지: https://careerly.co.kr/comments/66559
- 라이브 코딩 테스트 실전 5단계 가이드: https://careerly.co.kr/comments/66693

[기출 문제 플랫폼]
국내
- 프로그래머스: https://school.programmers.co.kr/learn/challenges?tab=all_challenges
- 백준: https://www.acmicpc.net
- 삼성 SW Expert Academy: https://swexpertacademy.com/main/main.do

해외:
- LeetCode: https://leetcode.com/problemset/all
- HackerRank: https://www.hackerrank.com
- Codility: https://www.codility.com

2️⃣ 시스템 설계 면접

[추천 글]
- 소프트웨어 시스템 설계 시 고려할 세 가지: https://careerly.co.kr/comments/67065
- 시스템 설계 면접 준비 방법: https://careerly.co.kr/comments/67313

[추천 자료]
도서
- 데이터 중심 애플리케이션 설계 (원제: Designing Data-Intensive Applications): https://search.shopping.naver.com/book/catalog/32466573690
- 가상 면접 사례로 배우는 대규모 시스템 설계 기초 (원제: System Design Interview: An Insider's Guide): https://search.shopping.naver.com/book/catalog/32485737619

온라인 자료 (영문)
- Grokking the System Design Interview: https://designgurus.org/course/grokking-the-system-design-interview
- Deep Dive into System Design Interview: https://www.educative.io/path/deep-dive-into-system-design-interview
- The System Design Primer: https://github.com/donnemartin/system-design-primer

3️⃣ 인성 면접 / 행동 면접

[추천 글]
- 면접에서 효과적으로 경험 어필하는 법: https://careerly.co.kr/comments/67573

[추천 툴]
- 각 기업 문화 페이지
- STAR 기법

Brunch Story

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

자바스크립트에서 데이터 스트림 읽기 (ReadableStream)

ChatGPT와 같은 LLM(Large Language Model, 대형 언어 모델)이 등장하면서 웹에서 텍스트를 스트리밍하는 사례가 점점 늘어나고 있는데요. 그에 따라 별다른 라이브러리없이도 웹에서 스트림을 쓰고 읽을 수 있는 자바스크립트의 Streams API가 다시 주목받고 있는 것 같습니다.

이번 포스팅에서는 자바스크립트의 Streams API을 사용하여 스트림을 생성하고 데이터를 읽는 방법에 대해서 알아보겠습니다.

📝 포스팅: https://www.daleseo.com/js-readable-stream/

Daleseo

곧 출시될 iOS 17과 macOS Sonoma에는 Transformer를 이용한 텍스트 자동 완성 기능이 들어간다고 알려졌는데요. Jack Cook이라는 분이 베타버전에 들어있는 모델을 파 보았더니, 모델의 구조가 “GPT-2”를 기반으로 한 것으로 보인다고 합니다.

모델의 크기는 34M, 약 3천 4백만개로 GPT-2의 가장 작은 크기의 모델인 117M의 1/3이 채 안되는 훨씬 작은 크기인데요.

그만큼 성능은 많이 떨어져서 “말을 만들어내는” 수준은 아니고, 뒤에 나올 한 두 단어 정도를 예측하는 수준으로 보입니다.

하지만 아무리 작은 모델이라고 해도 온디바이스로 GPT라니.. 아무래도 Apple Vision Pro를 위한 인터페이스도 크게 염두해두고 있는 것이겠죠? 내년에 정말 대단한 데모를 볼 수도 있겠습니다.

https://jackcook.com/2023/09/08/predictive-text.html

한국 고인류학 1호 박사 이상희 미 UC리버사이드 교수 "최근 고인류 연구는 새로운 시각 적극 수용 여성도 사냥하고, 머리 작아도 무덤 만들어 오스트랄로피테쿠스가 먼저 도구 썼을 수도 한반도 고인류, 국내 학자와 연

[이영완의 디알로고] "인류 진화는 일방통행보다 모였다 갈라지는 강줄기"

남성은 사냥하고, 여성은 과일과 버섯을 딴다. 원시사회를 그린 영화나 책에 등장하는 전형적인 성(性) 분업 가설이 잘못된 신화로 밝혀졌다.

미국 워싱턴대 인류학과 카라 월-셰플러(Cara Wall-Scheffler) 교수 연구진은 지난 7월 국제 학술지 ‘플로스 원(PLoS ONE)’에 “전 세계 수렵채집사회 10곳 중 8곳에서 여성도 사냥을 하는 것으로 나타났다”고 밝혔다.

연구진은 조사한 63개 사회 중 50개 사회에서 여성이 사냥했다는 증거를 발견했으며, 그중 87%는 의도적인 행동이었다고 밝혔다. 사냥이 식량을 구하는 가장 중요한 수단인 문화권에서는 여성이 100% 사냥에 참여했다.

이상희 미국 리버사이드 캘리포니아대(UC리버사이드) 인류학과 교수는 최근 “워싱턴대의 논문은 2019년 제가 대학원생과 같이 영국 케임브리지대 출판부에서 나온 책에 실은 논문을 읽은 다른 학교 학생들이 한 단계 더 발전시킨 것”이라고 밝혔다.

이 교수는 앞서 국내 언론에도 성(性) 분업 가설이 틀렸다는 내용의 칼럼을 실었다. 그때 인터넷에 ‘남자는 사냥하고 여자는 채집했다는 기본 상식도 모르는 X이 무슨 학자’라고 비난하는 댓글이 올랐다. 이 교수는 조선비즈와의 인터뷰에서 “하도 화가 나서 열심히 그 주제로 글을 썼는데 이제 결실을 보게 된 것 같다”고 말했다.

1️⃣최근 여성 사냥꾼을 밝힌 논문처럼 기존의 관념을 이렇게 뒤집는 결과들이 계속 나오는 것 같다.

🅰️정설이 역동적으로 항상 바뀌고 있다. 지난 10년은 지적 완고함이 깨지는 시기였다. 예전 같으면 미친 소리까지는 아니더라도 이상한 소리로 치부됐을 주장이 지금은 한 번 더 생각을 해보는 분위기이다.

2️⃣지난 6월에는 머리는 침팬지 크기지만 손과 발은 오늘날 사람과 흡사한 고인류인 호모 날레디(Homo naledi)가 현생인류의 직계조상인 호모 사피엔스나 사촌 격인 네안데르탈인보다 최소 16만 년 전에 무덤을 만들었다는 연구 결과도 나왔다.

🅰️매장은 이승에 대한 개념을 가져야 할 수 있는 행동이다. 두뇌 용적이 1400cc인 네안데르탈인도 할 수 없다고 생각하던 고차원적인 일을 400~600cc에 불과한 고인류가 했다니 충격이었다. 물론 그 주장에 대해서는 아직도 논란이 많다. 그렇지만 많은 학자가 예전에 생각하지 않았던 가설들을 더 많이 연구하는 변화를 반영한다는 점은 확실하다.

3️⃣갑자기 전에 없던 발굴 결과물들이 엄청 쏟아진 게 아니라는 말인가.

🅰️발굴은 전처럼 꾸준히 하고 있고, 결과를 새롭게 보는 시각들이 좀 더 자유롭게 받아들여지고 있다는 것이다. 또 예전에 묻지 않던 질문을 던지고 발굴을 하는 흐름도 있다. 그런 부분에서 정사(正史)와 야사(野史)의 구분이 사라진 것과 비슷하지 않을까 생각한다.

4️⃣그렇다면 고인류학에서 최근 가장 급격하게 생각이 바뀐 것은 무엇인가.

🅰️가장 먼저 생각나는 건 두뇌 크기이다. 정설은 이렇다. ‘사람만이 큰 두뇌를 가지고 있다. 사람만이 동굴벽화를 그리고 추상적 개념을 안다. 따라서 큰 두뇌가 있어야 인간만이 할 수 있는 일을 한다.’ 그런데 10년 전부터 인간이 포함된 호모 속(屬)이 나오기 전에 출현했던 오스트랄로피테쿠스도 도구를 만들었다는 사실이 밝혀졌다.

5️⃣교과서에서는 ‘도구의 인간’이란 뜻의 호모 하빌리스부터 도구를 만들었다고 하는데.

🅰️학자 중에는 이제 오스트랄로피테쿠스가 진정한 호모 하빌리스라는 말을 하는 사람도 있다. 도구를 만드는 데 반드시 큰 머리가 필요한 것이 아니라는 말이다. 오스트랄로피테쿠스 속도 호모 속보다 작기는 하지만 두뇌 용량이 계속 커졌다. 절대적 크기보다 변화가 중요한 셈이다.

6️⃣교과서에서는 오스트랄로피테쿠스에서 시작해 호모 하빌리스, 호모 에렉투스, 네안데르탈인을 거쳐 마지막으로 가장 뛰어난 호모 사피엔스로 진화했다고 배웠다. 지금은 이런 단선적 진화가 아니라고 한다.

🅰️20세기 중반까지 그랬다. 후반에는 나뭇가지처럼 뻗어가는 진화도를 그렸다. 공통조상에서 두 개 이상의 자손으로 진화하기를 반복하다가 결국 호모 사피엔스가 등장했다는 것이다. 21세기 들어 다시 새로운 진화도가 나왔다. 가지가 얽히듯, 서로 다른 종 사이에서도 유전자 교환이 이뤄졌다는 것이다.

7️⃣ 단선적이고 일방통행식인 인류 진화는 없었다는 말인가.

🅰️인류의 진화는 한 줄로 나란히 서서 앞으로 행진하는 모습도, 곁가지와 본가지로 갈라져서 울창한 아름드리나무가 되는 모습도 아니다. 갈라졌다가 다시 만나고 다시 갈라지는 강줄기에 가깝다고 볼 수 있다.

8️⃣최근 아시아 고인류에 대해 새로운 사실들이 밝혀지고 있다고 들었다.

🅰️200만년 전 아프리카에서 인류가 출현하고 70만년 전부터 아시아로 퍼졌다는 것이 정설이었다. 아시아에서 나온 화석의 연대가 그랬다. 그런데 최근 210만년 전 고인류 화석이 중국에서 나왔다.

9️⃣아프리카와 중국 양쪽에서 인류가 기원했다는 말인가.

🅰️호모 속이 아프리카에서 나와 빠르게 아시아로 갔을 수도 있고, 아니면 그전 오스트랄로피테쿠스가 중국에 가서 따로 호모 속으로 진화했을 수도 있다. 중국의 고인류 연구가 발전하고 국제 학계와 활발히 교류하면 새로운 사실들이 계속 밝혀질 수 있다.

🔟동남아시아도 인류 진화에서 중요한 곳으로 주목받고 있다.

🅰️인류가 이주할 때는 자원을 얻기 쉬운 해안선을 따라갔을 것이다. 그 점에서 동북아시아인의 기원도 동남아시아로 볼 수 있다. 이를 부정하는 것은 과거 유럽인들이 아프리카에서 기원했다는 사실을 받아들이지 못한 것과 같은 인종주의이다.

사실 1000년을 넘으면 조상의 의미는 없다. 부모의 부모를 다 따지면 20대째 조상은 104만 명이 훌쩍 넘는다. 지금 지구에 살고 있는 모든 사람의 조상은 5000년 전에 살고 있던 모든 사람이라고 봐야 한다.

또한 인간이 다른 영장류보다 더 특별한 것도 아니다. 예전엔 영장류 공통조상에서 고릴라가 먼저 갈라지고 다음에 침팬지가 나오고, 마지막으로 인간이 진화했다고 봤다. 지금은 인간이 먼저 갈라지고, 그 뒤 침팬지에서 보노보가 나왔다고 본다. 침팬지로선 우리가 더 원시적인 영장류인 셈이다.

FTX 사태로 전재산을 잃은 올레 레만의 이야기

AI 컨텐츠 시스템으로 혼자 4개월만에 202,000달러를 벌다

암호화폐 트레이더 였던 올레 레만(Ole Lehmann)은 6년 동안 번 돈을 FTX 사태로 날리고, 4개월 만에 AI Solopreneur가 되어서 11만 명의 팔로워와 2만 명의 구독자로 202,000 달러를 벌었습니다.

어떻게 그렇게 빠른 시간 안에 팔로워를 만들고, 뉴스레터 구독자를 모으고, 거기다 그걸로 돈까지 벌수 있게 되었을까요?

----

이번 주는 지난 뉴스레터의 방식에서 벗어나서 AI를 사용해서 실제로 돈을 벌고 있는 사람, 회사들에 대한 내용을 공유하는 방식으로 내용을 변경했습니다!!! 읽어보시고 어떤지 피드백 주시면 뉴스레터 쓰는데 많이 힘이 될 것 같습니다!

재미있게 읽어주세요!

https://www.thealchemy.ai/p/vol-10

Alchemy AI Newsletter

**1. Blogs**

- CopyAI - https://www.copy.ai/
- Reword - https://reword.com/
- Writesonic - https://writesonic.com/

**2. Coding**

- Replit - https://replit.com/
- Codiga - https://www.codiga.io/
- Tabnine - https://www.tabnine.com/

**3. Image**

- Lexica - https://lexica.art/
- Leonardo - https://leonardo.ai/
- Midjourney - https://www.midjourney.com/

**4. Audio**

- Murf - https://murf.ai/
- LovoAI - https://lovo.ai/
- Speechify - https://speechify.com/

**5. Video**

- Veed - https://www.veed.io/
- Flexclip - https://www.flexclip.com/
- Synthesia - https://www.synthesia.io/

**6. Website**

- 10Web - https://10web.io/
- Hocoos - https://hocoos.com/
- Landingsite - https://landingsite.ai/

**7. SEO**

- SEOAI - https://seo.ai/
- RankIQ - https://www.rankiq.com/
- SurferSEO - https://surferseo.com/

**8. Social Media**

- Flick - https://www.flick.social/
- QuillBot - https://quillbot.com/
- Tweethunter - https://tweethunter.io/

**9. Logos**

- Looka - https://looka.com/
- LogoAI - https://www.logoai.com/
- Stockimg - https://stockimg.ai/

**10. Chatbots**

- Droxy - https://www.droxy.ai/
- Voiceflow - https://www.voiceflow.com/
- Chatsimple - https://www.chatsimple.ai/

온라인 비즈니스를 위한 Top 30 AI Tools

1/ Thunder

https://rajputrajesh-448.gumroad.com/l/thundertypeface9

2/ Nyght Serif

https://www.behance.net/gallery/156005457/NYGHT-SERIF-v04-Free-Font-Latin-Cyrillic?tracking_source=search_projects_appreciations%7Cfree+font+typeface

3/ Nohemi

https://rajputrajesh-448.gumroad.com/l/NOHEMI9?layout=profile

4/ Dalfitra

https://www.behance.net/gallery/156868093/DALFITRA-TRIBUTE-TYPEFACE-(100-FREE)

🆓 컨텐츠 타이틀, 포스터에 쓰기 좋은 영문 무료폰트 4가지 🆓

이번주도 여러가지 AI Tool을 써보고 6가지를 골라서 소개드립니다.

1/ DiffBIR
흐릿한 이미지를 복원하는 AI 모델
https://github.com/XPixelGroup/DiffBIR

2/ Augment
어디에서나 작동하는 개인 AI 비서
https://www.augment.co/everywhere

3/ ImageToSEO
AI가 사진의 최적화된 대체 텍스트를 생성하여 SEO 개선
https://imagetoseo.com/

4/ SOCRA
AI와 함께 하는 새로운 기술을 배우는 앱
https://socra.com/

5/ Inspire AI
AI가 생성한 동기 부여 콘텐츠
https://apps.apple.com/app/inspire-ai-daily-motivation/id6450937788

6/ Kyligence Copilot
10줄의 코드만으로 앱/SaaS에 강력한 AI 분석 기능 추가
https://kyligence.io/embed-an-ai-copilot-into-your-data-app/

🛠️ 생산성을 높여주는 AI Tool 6가지

TIME 선정 AI분야에 가장 영향력 있는 100명의 리스트

한국인은 워싱턴 대학교 최예진 교수님 계시네요!

    **LEADERS**

    Dario and Daniela Amodei
    CEO & President, Anthropic

    Sam Altman
    CEO, OpenAI

    Demis Hassabis
    CEO and Co-Founder, Google DeepMind

    Robin Li
    CEO, Chairman and Co-Founder, Baidu

    Clément Delangue
    CEO and Co-Founder, Hugging Face

    Lila Ibrahim
    COO, Google DeepMind

    Elon Musk
    Founder, xAI

    Raquel Urtasun
    CEO and Founder, Waabi

    Alex Karp
    Co-Founder and CEO, Palantir Technologies

    Reid Hoffman
    Entrepreneur and Investor

    Greg Brockman
    Co-Founder and President, OpenAI

    Marc Andreessen
    Entrepreneur and Investor

    Sandra Rivera
    General Manager of Data Center and AI Group, Intel

    Aidan Gomez
    CEO and Co-Founder, Cohere

    Daniel Gross
    Entrepreneur and Investor

    Kai-Fu Lee
    Chairman and CEO, Sinovation Ventures

    Jaime Teevan
    Chief Scientist, Microsoft

    Andrew Ng
    Founder, DeepLearning.AI

    Kevin Scott
    CTO and Executive Vice President of AI, Microsoft

    Jensen Huang
    CEO, President and Co-Founder, Nvidia

    Clara Shih
    CEO, Salesforce AI

    Alexandr Wang
    CEO and Founder, Scale AI

    Mustafa Suleyman
    CEO and Co-Founder, Inflection AI

    Marc Raibert
    Executive Director, Boston Dynamics AI Institute

    **INNOVATORS**

    Ted Chiang
    Writer

    Charlie Brooker
    Writer

    Holly Herndon
    Musician

    Pelonomi Moiloa
    CEO and Co-Founder, Lelapa AI

    Grimes
    Musician

    Neal Khosla
    CEO and Co-Founder, Curai

    Stephanie Dinkins
    Artist

    Sougwen Chung
    Artist

    Cristóbal Valenzuela
    CEO and Co-Founder, Runway

    Lilly Wachowski
    Filmmaker

    Manu Chopra
    CEO, Karya

    Kate Kallot
    CEO and Founder, Amini

    Ziad Obermeyer
    Associate Professor, University of California, Berkeley

    Noam Shazeer
    CEO and Co-Founder, Character.AI

    Alison Darcy
    Founder and President, Woebot Health

    Nathaniel Manning
    COO and Co-founder, Kettle

    Tushita Gupta
    CTO and Co-Founder, Refiberd

    Andrew Hopkins
    CEO and Founder, Exscientia

    Linda Dounia Rebeiz
    Artist

    Richard Socher
    CEO and Founder, You.com

    Keith Dreyer
    Chief Data Science Officer, Mass General Brigham

    Nancy Xu
    CEO and Founder, Moonhub

    Rootport
    Author of Japanese manga

    **SHAPERS**

    Alondra Nelson
    Researcher at the Institute for Advanced Study and Policy Adviser

    Ian Hogarth
    Chair of the U.K.’s Frontier AI Taskforce

    Audrey Tang
    Minister of Digital Affairs, Taiwan

    Meredith Whittaker
    President, Signal

    James Manyika
    Senior Vice President, Research, Technology & Society, Google

    Jack Clark
    Co-Founder and Head of Policy, Anthropic

    Anna Makanju
    Vice President of Global Affairs, OpenAI

    Omar Al Olama
    Minister of Artificial Intelligence, UAE

    Kelly McKernan
    Artist

    Eric Schmidt
    Co-Founder, Schmidt Futures

    Margrethe Vestager
    Executive Vice President, European Commission

    Anna Eshoo
    Representative, U.S. Congress

    Richard Mathenge
    Organizer, African Content Moderators Union

    Sneha Revanur
    Founder and President, Encode Justice

    Tristan Harris
    Co-Founder and Executive Director, Center for Humane Technology

    Joy Buolamwini
    Founder and Artist-in-Chief, Algorithmic Justice League

    Eliezer Yudkowsky
    Co-Founder, Machine Intelligence Research Institute

    Verity Harding
    Director of the AI & Geopolitics Project, Cambridge University

    Ted Lieu
    Representative, U.S. Congress

    Sarah Chander
    Senior Policy Advisor, European Digital Rights

    Nina Jankowicz
    Vice President, Centre for Information Resilience

    Romesh and Sunil Wadhwani
    Co-Founders, Wadhwani AI

    Elham Tabassi
    Associate Director of Emerging Technologies, NIST

    Dan Hendrycks
    Executive Director, Center for AI Safety

    Jess Whittlestone
    Head of AI Policy, Centre for Long-Term Resilience

    John Honovich
    Founder, IPVM

    **THINKERS**

    Geoffrey Hinton
    Emeritus Professor, University of Toronto

    Fei-Fei Li
    Professor, Stanford University

    Abeba Birhane
    Cognitive Scientist

    Shane Legg
    Co-Founder and Chief AGI Scientist, Google DeepMind

    Rumman Chowdhury
    CEO and Co-Founder, Humane Intelligence

    Yi Zeng
    Professor, Chinese Academy of Sciences

    Timnit Gebru
    Founder and Executive Director, Distributed AI Research Institute

    Kate Crawford
    Professor, USC Annenberg & Principal Researcher, Microsoft Research

    Pushmeet Kohli
    Vice President of Research, Google DeepMind

    Ilya Sutskever
    Co-Founder and Chief Scientist, OpenAI

    Yejin Choi - 워싱턴 대학교 최예진 교수님
    Professor, University of Washington

    Yann LeCun
    Chief AI Scientist, Meta

    Inioluwa Deborah Raji
    Fellow, Mozilla Foundation

    Max Tegmark
    Co-Founder and President, Future of Life Institute

    Yoshua Bengio
    Scientific Director, Montreal Institute for Learning Algorithms

    Emily M. Bender
    Professor, University of Washington

    Margaret Mitchell
    Chief AI Ethics Scientist, Hugging Face

    Paul Scharre
    Executive Vice President, Center for a New American Security

    Jan Leike
    Superalignment Co-Lead, OpenAI

    Paul Christiano
    Founder, Alignment Research Center

    Kalika Bali
    Principal Researcher, Microsoft Research India

    Stuart Russell
    Professor, University of California, Berkeley

    Arvind Narayanan & Sayash Kapoor
    Professor & Doctoral Candidate, Princeton University

    Shakir Mohamed
    Research Director, Google DeepMind & Founder, Deep Learning Indaba

https://time.com/collection/time100-ai/

TIME 선정 AI분야에 가장 영향력 있는 100명

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/

기존에는 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

YouTube

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

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

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

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

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

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

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

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

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

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

The Definitive Guide to User Onboarding (updated for 2022)

“The goal of user onboarding is to help people become better at what your product enables people to do.”

유저 온보딩의 목적!

ProductLed

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

한주현

Product Manager

근정

한국 최초 메타버스 결혼식 진행자

글쓰는개미핥기

사용자가 좀 더 쉽게 서비스를 이용하도록 돕는 UX Writer 🤗

🎁 나는 내가 만난 사람들의 총체다.
🙄 '非주류의 Be주류'를 외쳤던 인간

💬 커피챗 언제든지 환영이에요!
✔ UX Writer 성장 클럽장💪
#UXWriter #UXWriting #UX라이팅

프로덕트 매니저

- 카카오T 및 비즈니스 모델(카카오T 블랙, 카카오T 비즈니스) 사업기획 
- 카카오 성과형광고 사업기획 

Business development & Project Manager

- 모바일 신사업 서비스 기획/제휴: 다음앱, 마이피플
- 소셜네트워크 서비스 기획/제휴: yozm
- 위젯 서비스 기획: 위젯뱅크

Project manager

- “AWAY”, in-vehicle infotainment (IVI) 플랫폼 PM
- Strategy Office / CEO staff

Strategy & Project manager

- 포스티 신사업 런칭 및 사업 총괄
- 지그재그 브랜드관 런칭, 지그재그 UX 개선(검색, 스토어홈 등)

Product manager / Leader

- 네이버 지도 사업개발/파트너십 담당(내비게이션, 엔터프라이즈 API, 글로벌 지도)
- 네이버 지도 비즈니스 모델 테스트 기반 수익화

미디어학부

GSCT

진용진

linkedin

브런치

훌쩍 큰 아이를 바라보며 시간의 속도를 실감하는 아빠. 아주대 미디어학부, KAIST 문화기술대학원을 졸업하고, 다음커뮤니케이션, 카카오, 네이버랩스, 네이버, 카카오스타일을 거쳐 현재 링글에서 프로덕트 관리 업무를 담당하고 있다.
#기획자 #스타트업

댓글 0