
- 프론트엔드 20년 변천사 — jQuery에서 출발한 도구들이 결국 서버 렌더링으로 되돌아온 이유
- 머신러닝·딥러닝 독학 로드맵 — Python 기초부터 LLM·캐글까지 순서대로 모은 오픈 자료집
- Kaileron — 회원가입 없이 즐기는 MAME 롤백 넷코드 넷플레이 런처
오늘 GeekNews를 뜨겁게 달군 세 가지는 방향이 서로 다른 듯 보이지만, 공통점이 하나 있습니다. 모두 ‘쌓인 복잡성을 어떻게 다스릴 것인가’라는 질문에 대한 답이라는 점입니다. 20년치 프론트엔드 도구의 지층, 흩어진 학습 자료를 하나로 꿴 지도, 그리고 오래된 에뮬레이터에 최신 넷코드를 이식한 실험까지. 개발자 관점에서 오늘 챙겨야 할 세 가지를 정리했습니다.
프론트엔드, 20년 만에 제자리로 돌아오다
모든 도구는 ‘상처 위에 생긴 흉터’다
davidpoblador.com에 올라온 이 글은 2008년경 프론트엔드를 떠난 개발자를 독자로 상정하고, 지난 20년의 변화를 <button> 하나가 시대마다 어떻게 달라졌는지로 추적합니다. 핵심 논지는 명료합니다. 모든 도구는 실제 문제(상처) 위에 생긴 흉터 조직이며, 한 레이어의 해결책이 다음 레이어의 문제를 만들며 켜켜이 쌓였다는 것입니다.
흐름은 이렇습니다. jQuery(Layer I)가 브라우저 차이를 없애고 AJAX를 대중화했지만, 데이터가 JS 변수와 화면에 이중으로 존재하는 ‘수동 DOM 동기화’라는 원죄를 남겼습니다. React를 필두로 한 선언적 프레임워크(Layer II)가 이를 해결했고, 지금은 모든 프레임워크가 signal 개념으로 수렴하는 한편 htmx·Hotwire처럼 서버가 HTML을 보내던 방식으로 회귀하는 진영도 생겼습니다. 모듈·번들 문제를 풀려던 webpack·Babel(Layer III)은 node_modules라는 대가를 낳았고, 이를 Go·Rust로 다시 짠 esbuild·SWC·Vite(Layer IV)가 그 무게를 덜었습니다. SPA의 빈 화면 문제를 풀기 위한 SSR·SSG·ISR과 Next.js·Astro(Layer V)는 사실상 2008년 서버 렌더링으로의 귀환이었고, TypeScript·Tailwind·shadcn/ui(Layer VI), Vercel·엣지 배포(Layer VII), 그리고 v0·Cursor 같은 AI 도구(Layer VIII)가 그 위에 얹혔습니다.
Tech Insight — 글의 결론은 뼈아프면서도 위안이 됩니다. 2026년 최전선의 방향은 ‘서버에서 HTML을 렌더링하고, JS를 최소한만 보내고, 웹 플랫폼을 최대한 활용하는 것’입니다. 업계가 20년간 거대한 원을 그린 끝에 FTP로 파일을 올리던 지점과 닮은 자리로 돌아온 셈입니다. AI가 코드를 대신 써주는 시대라도, 그 코드는 이 여덟 개 지층의 맥락을 전제로 합니다. 도구를 배우기 전에 ‘왜 이 도구가 생겼는가’를 아는 개발자가 결국 오래갑니다.
머신러닝 독학, ‘순서’까지 담은 지도가 나왔다
링크 모음이 아니라 학습 경로다
teddylee777의 GitHub 저장소 ‘머신러닝 스터디 혼자 해보기’가 86포인트를 받으며 상위권에 올랐습니다. 강의·블로그·논문·데이터셋을 그러모은 자료집은 많지만, 이 프로젝트가 다른 점은 ‘어떤 순서로, 어떤 난이도로 공부할지’를 함께 제시한다는 데 있습니다.
권장 경로는 Python 문법과 NumPy·Pandas 데이터 처리에서 시작해 선형대수·미분·확률통계로 원리를 다지고, Scikit-learn 기반 전통 머신러닝과 TensorFlow·PyTorch 딥러닝으로 넘어간 뒤, 캐글 프로젝트와 논문 구현으로 실무 감각을 쌓는 구조입니다. 경사하강법·역전파 같은 기본 원리부터 CNN·RNN·Transformer, 그리고 LangChain·RLHF·LoRA 같은 최신 LLM 실습까지 폭이 넓습니다. 여러 기여자가 함께 자료를 채워가는 공개 프로젝트라는 점도 강점입니다.
Tech Insight — 입문자가 가장 자주 무너지는 지점은 ‘무엇을 볼지’가 아니라 ‘무엇을 먼저 볼지’입니다. 이 자료집의 진짜 가치는 방대한 링크가 아니라 순서와 난이도라는 뼈대에 있습니다. 다만 저자도 경고하듯 일부 자료는 오래되어 라이브러리 버전과 최신 기법을 별도로 확인해야 합니다. 처음부터 끝까지 훑기보다, 목표 분야를 정하고 필요한 가지만 따라가는 것이 현실적인 사용법입니다.
20년 된 에뮬레이터에 최신 넷코드를 이식하다
Kaileron — 회원가입 없는 MAME 롤백 넷플레이
Show GN에 올라온 Kaileron은 클래식 MAME 아케이드 게임을 온라인에서 함께 즐기도록 만든 Windows용 넷플레이 런처입니다. 개발자 caromdreamer는 2000년대 카일레라(Kaillera) 커뮤니티의 ‘방을 만들고 모르는 사람과 한 판 하는’ 경험을 좋아했지만, 네트워크 상황에 따라 입력이 밀리는 불안정함이 늘 아쉬웠다고 합니다. 그래서 방 중심 경험은 살리면서 게임 상태 기반 롤백 넷코드를 얹는 방향으로 몇 달을 개발했습니다.
현재 기능은 회원가입 없는 방 생성·참가, 진행 중인 방 관전, 리플레이 저장·재생, 방 내장 음성 채팅, 기본 공개 서버 제공 등입니다. 주목할 점은 설계입니다. 특정 에뮬레이터에 고정되지 않고 ‘에뮬레이터별 어댑터’를 붙이는 구조라 향후 SNES 등으로 확장할 여지를 남겼고, 장기적으로는 누구나 자기 서버를 열어 커뮤니티 단위로 운영하도록 만들 계획입니다. 저자는 direlera-rs 같은 카일레라 서버 구현체를 유지보수해 온 경험을 이 프로젝트에 녹였습니다.
Tech Insight — 롤백 넷코드는 격투·아케이드 게임 온라인 대전의 체감 품질을 좌우하는 핵심 기술입니다. 지연된 입력을 기다리는 대신 예측해서 진행하고, 어긋나면 과거 상태로 되감아 다시 계산하죠. 20년 된 에뮬레이터 위에 이 기법을 얹고 어댑터 구조로 확장성까지 확보한 접근은, ‘옛 자산 + 현대 기술’이라는 개인 개발자의 무기가 여전히 유효함을 보여줍니다.
관련 글
- AI는 프런트엔드의 잃어버린 10년을 반복하게 하는가?
- React가 기본값으로 승리하며 프론트엔드 혁신을 늦추고 있다
- 시니어 개발자가 말하는 프론트엔드 역사와 미래
- From Zero to Research Scientist 가이드
- PyTorch로 배우는 Deep Learning
- 고전 아케이드 게임의 웹 플레이 & LiveKit 네트워크 플레이
출처
- GeekNews — 당신이 안 보는 사이 프론트엔드에 무슨 일이 있었나
- davidpoblador.com — What happened to the frontend
- GeekNews — Machine Learning Study 혼자 해보기
- GitHub — teddylee777/machine-learning
- GeekNews — Kaileron, 회원가입 없이 즐기는 MAME 롤백 넷플레이
- kaileron.funnify.org — Kaileron 공식 사이트
AI Biz Insider · Tech Digest · aibizinsider.com
댓글 남기기