도치 @devdochi

Joined October 2018

Tweets

315
Followers

222
Following

665
Likes

21K

BTC에 미친 코인충 @CoinsectChris

2 months ago

별 내용 없는 싸구려 개발 강의가 넘쳐나는 시대에 진짜 좋은 내용 많은 채널 발견 코딩하는기술사 아직 구독자는 적은데 영상 내용이 하나하나 다 주옥같음 AI 딸깍으로 안 되는 노하우 영역이 많아서 특히 좋음

12 76 312 25K 317

View Details

예전에 "가상 면접 사례로 배우는 대규모 시스템 설계 기초"를 정말 재미있게 봤다. 넷플릭스 같은 스트리밍 서비스를 어떻게 설계할지, 트위터 같은 피드 시스템을 어떻게 확장할지, 메신저의 메시지 전달 구조를 어떻게 잡을지. 이런 문제를 두고 백엔드 시니어 개발자분들과 이야기하다 보면 꽤 재미있다. 단순히 면접 문제라기보다, “우리 팀이라면 어디까지 가져올 수 있을까” “지금 우리 서비스에는 어떤 부분이 비슷할까” 같은 이야기로 자연스럽게 이어지기 때문이다. 근데 늘 조금 아쉬웠던 지점이 있다. 이런 시스템 디자인 이야기는 대부분 백엔드나 인프라 관점에서 많이 다뤄진다. 트래픽, 저장소, 메시지 큐, 캐시, 샤딩 같은 주제는 시스템의 뼈대에 가깝다. 그런데 프론트엔드에도 다른 종류의 복잡도가 있다. 예를 들어 Google Docs의 협업 편집 UI는 단순히 textarea 하나를 잘 만드는 문제가 아니다. 여러 사용자의 입력이 동시에 들어오고, 커서와 선택 영역이 실시간으로 바뀌고, 네트워크 지연이 있어도 사용자는 끊김 없이 편집해야 하고, 충돌과 동기화 문제를 사용자가 이해할 수 있는 경험으로 풀어야 한다. Threads 같은 피드, Amazon 장바구니, Netflix 스트리밍 UI, 대규모 대시보드나 운영 콘솔도 마찬가지다. 이건 "컴포넌트를 어떻게 나눌까" 만의 문제가 아니다. 상태의 원본을 어디에 둘지, 어떤 데이터는 stale해도 되는지, 어떤 화면은 SSR이 맞고 어떤 화면은 CSR로 격리해야 하는지, 문제가 생겼을 때 어떤 telemetry로 추적할지, 사용자가 이해할 수 있는 흐름으로 어떻게 구조화할지의 문제다. 그래서 예전부터 궁금했다. 왜 백엔드 시스템 디자인처럼, 프론트엔드 시스템 디자인을 사례 중심으로 다루는 자료는 많지 않을까 마침 이 빈자리를 꽤 잘 건드리는 강의가 나왔다. "미국 빅테크 프론트엔드 시스템 디자인 실전" 이 강의는 Threads 피드, Amazon 장바구니, Netflix 스트리밍 UI, Google Docs 협업 편집, Micro Frontend, Observability, Agentic UI 같은 사례를 프론트엔드 관점에서 다룬다. 특히 요즘처럼 AI가 UI 코드와 CRUD 화면을 빠르게 만들어주는 시대에는, 프론트엔드 개발자의 차별점이 “더 빨리 구현하기”에만 있지는 않을 것 같다. AI가 만든 화면을 그대로 붙이는 사람이 아니라, 복잡한 제품 요구사항을 상태, 데이터 흐름, 렌더링 전략, 성능, 관측성, 사용자 경험으로 구조화할 수 있는 사람이 더 중요해질 가능성이 높다. 프론트엔드를 단순 화면 구현이 아니라 제품과 시스템을 잇는 설계 영역으로 보고 싶은 분들이라면 한 번쯤 살펴봐도 좋은 강의다. inf.run/LCVwr

1 39 133 10K 145

View Details

Ruben Hassid @rubenhassid

4 months ago

People think learning AI takes months. It's really just a couple of hours. And I wrote 17 free guides to start right away: Claude 101: ruben.substack.com/p/claude Claude Code: ruben.substack.com/p/claude-code Claude Skills: ruben.substack.com/p/claude-skills Nano banana 2: ruben.substack.com/p/banana-2-3bd Claude in Excel: ruben.substack.com/p/ai-couldnt-d… Best AI for Search: ruben.substack.com/p/grok-420 1M followers with AI: ruben.substack.com/p/1000000 Claude for your team: ruben.substack.com/p/claude-for-t… No prompt saves you: ruben.substack.com/p/magic AI Slides (PPT in 2026): ruben.substack.com/p/powerpoint Set up Claude Cowork: ruben.substack.com/p/claude-cowor… Claude to sound like you: ruben.substack.com/p/i-am-just-a-… Claude interactive charts: ruben.substack.com/p/claude-charts Claude as your computer: ruben.substack.com/p/claude-compu… Claude Cowork + Project: ruben.substack.com/p/claude-cowor… You're an AI workaholic: ruben.substack.com/p/ai-holic Setup AI before prompting: ruben.substack.com/p/how-to-bette… ___ 1. Save this list for later (three dots, top right). 2. Share it with a friend by ♻️ reposting this image. 3. Subscribe to my free newsletter: how-to-ai.guide.

Ruben Hassid @rubenhassid

4 months ago

x.com/i/article/2041…

43 220 2K 3.9M 6K

92 2K 9K 1.1M 15K

View Details

22B @v81093933

4 months ago

개발을 꼭 claude 로 할 필요는 없음 Oh my opnecode 를 사용하면 됨 개발자가 사비 들여서 다 테스트 해보고 가장 좋은 조합을 해낫음 claude가 없어도 대체할 수 있는 방법도 제시해낫음 github.com/code-yeongyu/o…

2 26 94 8K 133

View Details

아구밍 아커만 @aguming_

4 months ago

바이브코딩 1루만에 사이드플젝 p0 수준으로 만들엇음 디자인, 퀄 ㅈㄴ 잘뽑힌듯 ㄹㅇ뿌듯 꿀팁 2개 공유합니다 - 📊이런 ai 티 ㅈㄴ나는 이모지 개싫어서. luicid icon 쓰라햇구요. - 꼭 에이전트 디자인 스킬 꼭 써보셈 디자인시스템 + uiux ㅈㄴ 기깔나게 짜주네염 --- npx skills add pbakaus/impeccable@frontend-design npx skills add pbakaus/impeccable@polish npx skills add sleekdotdesign/agent-skills@sleek-design-mobile-apps npx skills add wshobson/agents@tailwind-design-system npx skills add anthropics/skills@canvas-design 꼭 깔아서써보시긔 ㅊㅊ

5 97 368 22K 587

View Details

발랑이 @valentdollar2

4 months ago

팀직장인들도 이직하려면 업무기록해두셔야 하는 거 아시죠? 당장 이직 생각 없어도 요즘 같이 불안정한 시기에는 까딱하고 준비 안 했다가 돌연실업자 됩니다 대학생 소녀께 많이 배웁니다 👩‍🏫💗

송송연 @songsongyeon

4 months ago

x.com/i/article/2042…

10 236 504 270K 1K

7 640 2K 250K 3K

View Details

Niko @guishou_56

4 months ago

本来以为前端类的 Skill 已经过剩了，出不了什么新鲜的活了昨天刷到一个叫 Awesome Design 的仓库，将近20K的star 把全球 55 个大厂的设计语言，全塞进了一个 DESIGN.md 里苹果、Spotify、IBM 这些有极好品位的品牌常用的配色、字体、组件，一次全有了用法很简单：把仓库链接发给 Claude Code，让它自己安装配置装好之后让它参考这份设计规范去跑你的项目就行随便跑了几个 case 因为有了这套规范，设计下限直接被拉高了几乎很难再出 AI 味的前端了 github.com/alexpate/aweso…

54 908 6K 433K 9K

View Details

보안재테크 @ngnicky

5 months ago

강추드립니다.!!! Claude Code 마스터 가이드 2026 — 실전 꿀팁 & 워크플로우 완전 정복 claudeguide-dv5ktqnq.manus.space

13 268 798 41K 1K

View Details

Code Geek @codek_tv

a year ago

API Architecture Styles

0 43 326 18K 212

View Details

Tech Fusionist @techyoutbe

2 years ago

REST API Design 🔥 ⏬⏬

11 146 985 92K 928

View Details

Sahn Lam @sahnlam

2 years ago

API Security Checklist

3 85 501 39K 413

View Details

뮤테이션 @backendMew

2 years ago

소프트웨어 엔지니어 가이드북에 이런 말들이 있는데... 진짜다 영향력이 높은 작업을 많이 해야 연봉협상도 유리하고 걍...안좋은게 없음 그리고 햇다고 좀 말도 하고다녀야하고

2 80 345 22K 194

View Details

Alex Xu @alexxubyte

2 years ago

Top 5 Kafka use cases

3 177 1K 126K 933

View Details

숑숑✨ @lauvsong__

2 years ago

사내 발표로 했던 Github Copilot 활용법을 정리해서 글로 작성해봤습니다. IntelliJ를 사용하는 스프링 개발자 중심으로 작성되었습니다. (사실 VSCode 버전이 더 기능이 많은데도) velog.io/@wisepine/%EB%…

2 76 225 23K 169

View Details

현빈 | Hyunbin @hyunbinseo97

2 years ago

브라우저 콘솔에서 바로 실행되는 JS 패키지를 배포할 수 있는 걸 알고 계시나요? npm에 게시할 필요도 없습니다 — GitHub에 올려놨으면 jsDelivr 사용해서 불러올 수 있습니다. 예시는 알라딘 주문 내역 크롤링 모듈 github.com/hyunbinseo/sni…

0 4 23 1K 9

View Details

승귤 @wapj2000

2 years ago

개발자라면 찜 해놔야하는 GitHub 저장소들 (근데 저는 안해놨는....) 모든 프로그래머가 알아야하는 지식 모음 github.com/mtdvio/every-p… JS 프로젝트 50일동안 50개만들기 github.com/bradtraversy/5… 모오던 웹개발 github.com/dexteryy/spell… 30초면 배울 수 있는 코드 스니핏들 github.com/Chalarangelo/3… 개발 면접 핸드북 github.com/yangshun/tech-…

0 416 803 64K 1K

View Details

csbg @changseobug

2 years ago

저희 회사에서 프론트팀이 코드리뷰를 정착시키기 위해 고군분투한 글입니다. 코드리뷰는 소규모 팀에선 정착도 어렵고 유지도 어려울만큼 힘든 문화라고 생각하는데요. 다시 코드리뷰를 되살리기 위해 노력한 동료들이 존경스럽습니다. developer.comento.kr/post/code-revi…