Skip to content

Instantly share code, notes, and snippets.

@leedc0101
leedc0101 / 01_you-still-have-to-refactor-even-with-ai.md
Created March 30, 2026 01:30
frontend-briefing-2026-03-30-KST

You still have to refactor, even with AI

AI 에이전트가 형편없는 코드를 만든다거나, 반대로 AI를 안 쓰면 뒤처진 엔지니어라는 식의 극단적인 주장들이 인터넷에 넘쳐난다. 하지만 이런 논쟁에는 중요한 착각이 하나 있다. AI가 인간 엔지니어의 역할을 없애준다고 보는 것이다. 실제로는 그 반대에 가깝다. AI는 소프트웨어 엔지니어링을 없애지 않는다. 다만 엔지니어가 코드를 직접 다루는 방식에서, 아키텍처와 변화의 흐름을 다루는 방식으로 관점을 옮기게 만든다.

소프트웨어가 현재 형태로는 더 이상 요구사항을 감당하지 못하는 순간이 오면 우리는 그것을 리팩터링이라고 부른다. 이 기본 사실은 AI 시대에도 바뀌지 않는다.

초기에는 저자도 에이전트를 자신의 기존 워크플로를 보조하는 도구로 썼다. 자동완성보다 조금 더 강한 보조 장치 정도로 본 것이다. 그런데 1년 남짓 지나면서 에이전트가 더 복잡한 프로토타입까지 빠르게 만들 수 있게 되자, 다른 문제가 드러났다. 처음엔 속도가 엄청나지만 시간이 지나면 코드베이스가 자기 무게를 못 이기고 무너진다. 여기저기 중복이 생기고, 구조가 흐트러지고, 점점 유지보수 불가능한 덩어리가 된다.

@leedc0101
leedc0101 / portfolio-briefing-2026-03-31.md
Created March 31, 2026 00:32
Portfolio briefing 2026-03-31

실제 비교 날짜: D-1 = 2026-03-30 vs D-2 = 2026-03-29

📊 포트폴리오 브리핑 | 2026-03-31 KST


1) 변동 요약 (계좌별)

💼 main ▲ +222,574원

  • 평가금액: 40,499,722 → 40,721,276원 (+221,554원)
@leedc0101
leedc0101 / 00-index.md
Created March 31, 2026 01:30
frontend-briefing-2026-03-31-KST

frontend-briefing-2026-03-31-KST

번역일: 2026-03-31 KST

오늘 선별한 글은 6개다. 커뮤니티에서 먼저 걸러진 글 위주로 묶었고, 공식 소스는 실무 영향이 큰 2개만 보강했다.

포함된 글

  1. Pretext – DOM 없이 텍스트 높이를 측정하는 순수 JS 레이아웃 라이브러리

📊 포트폴리오 브리핑 | 2026-04-01 KST

실제 비교 날짜: D-1 = 2026-03-31 vs D-2 = 2026-03-30


1) 변동 요약 (계좌별)

💼 main 증가

  • 평가금액: 40,721,276 → 41,413,859원 (+692,583원)
@leedc0101
leedc0101 / 01-axios-npm-package-compromised.md
Created April 1, 2026 01:30
frontend-briefing-2026-04-01-KST

Axios npm 패키지 공급망 공격 사건

번역

axios 패키지에 대한 공급망 공격이 발생했다는 보고다. 프론트엔드와 Node 생태계에서 axios는 워낙 널리 쓰이기 때문에, 이 이슈는 단순히 한 라이브러리의 사고가 아니라 전체 자바스크립트 앱 공급망 안정성 문제로 봐야 한다.

@leedc0101
leedc0101 / portfolio-briefing-2026-04-02.md
Created April 2, 2026 00:33
Portfolio briefing 2026-04-02

📊 포트폴리오 브리핑 | 2026-04-02 KST

실제 비교 날짜: D-1 = 2026-04-01 vs D-2 = 2026-03-31


1) 변동 요약 (계좌별)

💼 main 상승

  • 평가금액: 41,413,859원 → 41,945,643원 (+531,784원)
@leedc0101
leedc0101 / 01-es-toolkit.md
Created April 2, 2026 01:30
frontend-briefing-2026-04-02-KST

원문 제목: 97% Smaller, 2x Faster: How es-toolkit Reached 10 Million Weekly Downloads 원문 링크: https://toss.tech/article/es-toolkit 번역일: 2026-04-02 KST

요약 번역

es-toolkit은 lodash를 대체하기 위해 만든 현대적인 JavaScript 유틸리티 라이브러리다. 설계의 출발점이 ES Modules, TypeScript, 런타임 성능이다. 글의 핵심 주장은 분명하다. 오래된 lodash 아키텍처가 현재 웹 환경과 잘 맞지 않기 때문에, 더 작고 더 빠르고 더 타입 친화적인 대안을 새로 만들 여지가 충분했다는 것이다.

토스 프론트엔드 팀은 “한국에서 글로벌 규모의 JavaScript 라이브러리가 나올 수 없을까?”라는 질문에서 출발했다고 설명한다. lodash가 등장하던 시절에는 JavaScript 표준 라이브러리가 빈약했고 tree-shaking도 사실상 의미가 작았지만, 지금은 상황이 다르다. ES Modules가 보편화됐고, JS 엔진은 훨씬 빨라졌고, TypeScript는 대부분 팀의 기본값이 됐으며, 번들 크기는 Core Web Vitals와 직결되는 지표가 됐다. 글은 이 변화가 lodash를 대체할 실질적 기회였다고 본다.

@leedc0101
leedc0101 / portfolio-briefing-2026-04-03.md
Created April 3, 2026 00:32
Portfolio briefing 2026-04-03

📊 포트폴리오 브리핑 | 2026-04-03 KST

실제 비교 날짜: D-1 = 2026-04-02 vs D-2 = 2026-04-01


1) 변동 요약 (계좌별)

💼 main -246,060원

  • 평가금액: 41,945,643원 → 41,711,770원 (-233,874원)
@leedc0101
leedc0101 / 01-es-toolkit.md
Created April 3, 2026 01:32
frontend-briefing-2026-04-03-KST

원문 제목: 97% Smaller, 2x Faster: How es-toolkit Reached 10 Million Weekly Downloads 원문 링크: https://toss.tech/article/es-toolkit 번역일: 2026-04-03 KST

es-toolkit이 주간 다운로드 1,000만을 넘기기까지

es-toolkit은 lodash를 대체하기 위해 만든 현대적인 JavaScript 유틸리티 라이브러리다. 처음부터 ES Modules와 TypeScript를 중심에 두고 설계됐다.

lodash와 비교하면 es-toolkit은 번들 크기를 최대 97%까지 줄이고, 런타임 성능도 2배 이상 빠르다고 한다. 여기에 TypeScript 지원이 기본 내장돼 있고, es-toolkit/compat를 통해 lodash와 100% 호환되는 드롭인 대체도 제공한다.

@leedc0101
leedc0101 / 00-index.md
Created April 4, 2026 01:31
frontend-briefing-2026-04-04-KST

frontend-briefing-2026-04-04-KST

번역 파일 목록:

  1. 97% 더 작고, 2배 더 빠르게: es-toolkit이 주간 1천만 다운로드를 넘긴 방법
  2. Next.js를 여러 플랫폼에서: Adapters, OpenNext, 그리고 Next.js 팀의 약속
  3. Next.js에서 ReactFlow 엣지가 사라지는 이유: CSS와 Context의 미묘한 두 가지 버그
  4. AI가 자꾸 틀리는 React 19 마이그레이션 함정과 .mdc 규칙으로 막는 법
  5. 6개월 뒤에도 무너지지 않는 React 앱을 처음부터 만드는 법
  6. 4개 정부 API로 매일 갱신되는 4만 7천 페이지짜리 Next.js 앱: 실제 아키텍처 메모