도치

[BTC에 미친 코인충 @CoinsectChris]

별 내용 없는 싸구려 개발 강의가 넘쳐나는 시대에 진짜 좋은 내용 많은 채널 발견

코딩하는기술사

아직 구독자는 적은데 영상 내용이 하나하나 다 주옥같음
AI 딸깍으로 안 되는 노하우 영역이 많아서 특히 좋음

[향로 @jojoldu]

예전에 "가상 면접 사례로 배우는 대규모 시스템 설계 기초"를 정말 재미있게 봤다.

넷플릭스 같은 스트리밍 서비스를 어떻게 설계할지,
트위터 같은 피드 시스템을 어떻게 확장할지,
메신저의 메시지 전달 구조를 어떻게 잡을지.

이런 문제를 두고 백엔드 시니어 개발자분들과 이야기하다 보면 꽤 재미있다.
단순히 면접 문제라기보다,
“우리 팀이라면 어디까지 가져올 수 있을까”
“지금 우리 서비스에는 어떤 부분이 비슷할까”
같은 이야기로 자연스럽게 이어지기 때문이다.

근데 늘 조금 아쉬웠던 지점이 있다.

이런 시스템 디자인 이야기는 대부분 백엔드나 인프라 관점에서 많이 다뤄진다.
트래픽, 저장소, 메시지 큐, 캐시, 샤딩 같은 주제는 시스템의 뼈대에 가깝다.

그런데 프론트엔드에도 다른 종류의 복잡도가 있다.

예를 들어 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가 만든 화면을 그대로 붙이는 사람이 아니라,
복잡한 제품 요구사항을 상태, 데이터 흐름, 렌더링 전략, 성능, 관측성, 사용자 경험으로 구조화할 수 있는 사람이 더 중요해질 가능성이 높다.

프론트엔드를 단순 화면 구현이 아니라
제품과 시스템을 잇는 설계 영역으로 보고 싶은 분들이라면
한 번쯤 살펴봐도 좋은 강의다.

https://t.co/Xe41tyAvnF

[Ruben Hassid @rubenhassid]

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: https://t.co/Jv1jsvFB7T
Claude Code: https://t.co/WYZd5ltnXo
Claude Skills: https://t.co/jT4uB5AFtY
Nano banana 2: https://t.co/qfHT594CCI
Claude in Excel: https://t.co/mfcXYSA57j
Best AI for Search: https://t.co/77BmjbJjP0
1M followers with AI: https://t.co/1TV9LYAptv
Claude for your team: https://t.co/U1JsBVC299
No prompt saves you: https://t.co/SDKJWykHE4
AI Slides (PPT in 2026): https://t.co/RfcyYRQ2Ad
Set up Claude Cowork: https://t.co/diDhiKjHtU
Claude to sound like you: https://t.co/99RzxXTvzs
Claude interactive charts: https://t.co/ebCHGZqgPt
Claude as your computer: https://t.co/TxYuHPiImn
Claude Cowork + Project: https://t.co/Q7AN9CZ2mg
You're an AI workaholic: https://t.co/mCIvB3ZPA5
Setup AI before prompting: https://t.co/pE3OF722aw
___

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: https://t.co/psB7XxAv8w.

[22B @v81093933]

개발을 꼭 claude 로 할 필요는 없음

Oh my opnecode 를 사용하면 됨

개발자가 사비 들여서 다 테스트 해보고 가장 좋은 조합을 해낫음
claude가 없어도 대체할 수 있는 방법도 제시해낫음

https://t.co/iIS5Wt0QNA

[아구밍 아커만 @aguming_]

바이브코딩 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

꼭 깔아서써보시긔 ㅊㅊ

[발랑이 @valentdollar2]

팀직장인들도 이직하려면
업무기록해두셔야 하는 거 아시죠?

당장 이직 생각 없어도
요즘 같이 불안정한 시기에는
까딱하고 준비 안 했다가 돌연실업자 됩니다

대학생 소녀께 많이 배웁니다 👩‍🏫💗

[Niko @guishou_56]

本来以为前端类的 Skill 已经过剩了，出不了什么新鲜的活了

昨天刷到一个叫 Awesome Design 的仓库，将近20K的star

把全球 55 个大厂的设计语言，全塞进了一个 DESIGN.md 里

苹果、Spotify、IBM 这些有极好品位的品牌
常用的配色、字体、组件，一次全有了

用法很简单：
把仓库链接发给 Claude Code，让它自己安装配置
装好之后让它参考这份设计规范去跑你的项目就行

随便跑了几个 case

因为有了这套规范，设计下限直接被拉高了

几乎很难再出 AI 味的前端了

https://t.co/DjmPrfoOwF

[보안프로젝트 @ngnicky]

강추드립니다.!!!

Claude Code 마스터 가이드 2026 — 실전 꿀팁 & 워크플로우 완전 정복
https://t.co/BuhO47a66o

[Code Geek @codek_tv]

API Architecture Styles

[Tech Fusionist @techyoutbe]

REST API Design 🔥 ⏬⏬

[Sahn Lam @sahnlam]

API Security Checklist

[뮤테이션 @backendMew]

소프트웨어 엔지니어 가이드북에

이런 말들이 있는데...
진짜다 영향력이 높은 작업을 많이 해야 연봉협상도 유리하고 걍...안좋은게 없음

그리고 햇다고 좀 말도 하고다녀야하고

[Alex Xu @alexxubyte]

Top 5 Kafka use cases

[숑숑✨ @lauvsong__]

사내 발표로 했던 Github Copilot 활용법을 정리해서 글로 작성해봤습니다.

IntelliJ를 사용하는 스프링 개발자 중심으로 작성되었습니다.
(사실 VSCode 버전이 더 기능이 많은데도)
https://t.co/4EFDEh5w6G

[현빈 | Hyunbin @hyunbinseo97]

브라우저 콘솔에서 바로 실행되는 JS 패키지를 배포할 수 있는 걸 알고 계시나요? npm에 게시할 필요도 없습니다 — GitHub에 올려놨으면 jsDelivr 사용해서 불러올 수 있습니다.

예시는 알라딘 주문 내역 크롤링 모듈

https://t.co/VFkUVOH4En

[승귤 @wapj2000]

개발자라면 찜 해놔야하는 GitHub 저장소들
(근데 저는 안해놨는....)

모든 프로그래머가 알아야하는 지식 모음
https://t.co/ScyBFLhka8
JS 프로젝트 50일동안 50개만들기
https://t.co/HRFXD20rmA

모오던 웹개발
https://t.co/fZO9s5Th24

30초면 배울 수 있는 코드 스니핏들
https://t.co/XSlzXcGK1h

개발 면접 핸드북
https://t.co/kFWrsUDVSt

[csbg @changseobug]

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

[똥멍청이 @mjspring_]

DEVCON 2024에서 발표했던 ‘팀장이 되고서야 알게된 잘하는 개발자의 비밀’ 발표자료를 공유해요.

https://t.co/TzTt8G15Ga

[Sahn Lam @sahnlam]

A Quick Guide to Load Balancing

[Alex Xu @alexxubyte]

OAuth 2.0 Flows