기술 뉴스 #262 : 25-01-16

웹개발 관련

• (번역) 실제 코드에서 리액트 컴파일러의 성능 : How React Compiler Performs on Real Code의 번역 글로 React에서 리렌더링이 연쇄적으로 하위 컴포넌트에 반복되는 문제를 해결하기 위해 useMemo와 useCallback으로 뒤덮이는 문제를 해결하기 위해 React 코어 팀에서 리액트 컴파일러를 만들었다. 리액트 컴파일러를 사용하면 빌드 과정에서 일반적인 리액트 코드를 메모이제이션 된 코드로 변환하게 된다. 실제로 성능 개선 효과가 있는지 보기 위해 간단한 예시와 실제 15,000라인의 앱에서 테스트해서 얼마나 효과 있는지를 보여준다.(한국어)
• 2024 JavaScript Rising Stars : JavaScript 생태계를 분석한 리포트의 9번째 버전이 공개되었다. GitHub 스타의 증가를 분석해서 가장 인기 있는 프로젝트와 프론트엔드 프레임워크, React/Vue의 생태계, 도구, 모바일, 테스팅 등 분류별로 주목받고 있는 프로젝트를 볼 수 있다.(영어)
• Frontend Fundamentals : Toss에서 좋은 프론트엔드 코드에 대한 기준은 제시하는 사이트를 공개했다. 가독성, 예측 가능성, 응집도, 결합도 4개 원칙으로 좋은 코드에 대한 예시와 해결 방법을 제시하고 논의할 수 있는 토론 공간도 함께 제공하고 있다.(한국어)
• Recoil repository has been archived : Facebook에서 만든 상태 관리 라이브러리인 Recoil 저장소가 아카이브 되었다.(영어)
• A checklist for your tsconfig.json : tsconfig.json의 일반적인 설정을 정리한 글이다.(영어)
  

그 밖의 개발 관련

• Five years of React Native at Shopify : 5년 전 React Native로 전환하기로 한 Shopify에서 전환 결과 같은 기능을 두 번 만들지 않아도 되게 되었고 개발자가 웹과 모바일을 작업할 수 있게 되어 생산성이 향상되었으며 iOS와 Android에서 기능 동등성을 유지할 수 있고 안정적으로 앱을 유지할 수 있게 되었다고 한다. 이 과정에서 배운 장단점이 정리되어 있다.(영어)
• Everything You Need to Know About Node.js Type Stripping : Node.js v24.6.0에서 기본으로 활성화된 타입 제거 기능을 설명하는 글이다. TypeScript가 큰 인기를 끌고 있어서 Node.js에서도 TypeScript 지원에 대해 오랫동안 논의되었지만, tsc를 Node.js에 포함하는 것을 배포 주기와 용량 등의 문제로 제외되었다. 대신 타입 검사 대신 트랜스파일은 가능했기에 --experimental-strip-types 플래그를 도입해서 타입 검사를 하지 않고 타입을 제거해서 Node.js에서 실행을 할 수 있는 절충점을 찾아서 지원하게 되었다.(영어)
• Why is Git Autocorrect too fast for Formula One drivers? : git pushy로 오타를 냈을 때 0.1초 후 원하는 것을, 실행한 상황을 예시로 들면서 왜 이렇게 동작하는지 설명하는 글이다. 원래는 잘못된 명령어는 실행되지 않지만 help.autocorrect를 1로 지정하면 비슷한 명령어를 자동 실행할 수 있게 하는 수정이 들어오고 이후에 이는 대기하는 시간으로 변경됩니다. 이 부분은 직관적이지 않으므로 직관적인 설정을 사용하도록 수정이 진행 중이다.(영어)
• Git security vulnerabilities announced : Git에서 사용자 이름과 비밀번호를 입력받을 때 공격자가 URL을 속여서 공격자에게 정보를 제공하도록 할 수 있는 취약점과 크리덴셜 헬퍼를 사용할 때 다른 서버의 비밀번호를 검색할 수 있게 하는 취약점이 발견되었다. 이를 해결하려면 2.48.1로 업그레이드해야 한다.(영어)
  

인프라 관련

• The Evolution of SRE at Google : Google에서 시스템이 복잡해지고 새로운 도전을 직면함에 따라 기존의 오류 예산 등의 방법론이 효과적이지 않게 되자 STAMP(System-Theoretic Accident Model and Processes) 프레임워크를 복잡한 시스템의 상호작용을 이해하고 관리하도록 넘어가고 있다고 한다.(영어)
• CI 빌드 오류의 원인 분석에서 해결까지의 여정 : Line에서 Jenkins로 운영 중인 CI에서 Gradle 빌드에서 실패가 증가한 상황을 추적한 과정이다. 로그 양이 커짐에 따라 표준 입출력의 버퍼 크기보다 로그가 커지면서 블로킹이 발생해서 발생한 문제로 이후 빌드 시간까지 줄어들었다고 한다.(한국어)
• 10 Docker Security Best Practices : snyk에서 정리한 Docker 컨테이너의 보안관련 베스트 프렉티스다. 최소한의 베이스 이미지를 사용하고 사용자 권한을 최소화하며 이미지에 서명하고 취약점을 분석하고 ADD 대신 COPY를 사용하는 등의 권고를 하고 있다.(영어)
  

AI 관련

• CES 2025: NVIDIA 젠슨 황 CEO, “AI가 놀라운 속도로 진보하고 있다” : NVIDIA의 CEO인 Jensen Huang이 CES 기조연설에서 신제품을 발표했다. 이번 발표에는 로봇 및 자율주행 차량 등에서 사용할 수 있는 Cosmos 플랫폼, RTX PC용 AI 파운데이션 모델, 소형 크기의 개발자 데스크톱인 Project DIGITS 등을 발표했다.(한국어)
  

볼만한 링크

• Servo Revival: 2023-2024 : Mozilla에서 시작한 브라우저 엔진인 Servo가 2020년 팀이 해고되고 Linux 재단으로 이전된 뒤 2022년까지 프로젝트가 중단되었지만 2023년 Igalia가 Servo의 유지보수를 맡게 되면서 현재는 Linux 재단에서 가장 활발한 프로젝트가 되었다고 한다.(영어)
  

IT 업계 뉴스

• Quickwit joins Datadog : Elasticsearch를 대체할 검색 엔진인 Quickwit을 Datadog이 인수했다.(영어)
• Exclusive: Meta kills DEI programs : Meta가 채용, 교육, 공급업체에서 다양성(Diversity), 형평성(Equity), 포용성(Inclusion)을 가지려는 DEI 프로그램을 종료한다고 한다. 이는 차기 트런프 정권에 대한 자세가 비즈니스 관행에도 영향을 미친 신호로 보인다.(영어)
• WordPress is in trouble : 작년 Wordpress를 만드는 Automattic의 CEO인 Matt Mullenweg가 WP Engine을 비난하며 시작된 분쟁의 최근 상황이다. 12월 20일 WordPress.org가 휴가 중이라며 중단한 이후 1월 4일 서비스를 재개했다. 그리고 지난 11일에는 Automattic이 WP Engine이 기여도에 맞춰서 주당 45시간(기존에는 주당 4,000시간)만 WordPress 개발에 투입하고 나머지는 영리 서비스에 투입하겠다고 발표했다. 이 글은 이로 인한 WordPress 개발의 공백을 우려하고 있다.(영어)
• Snyk security researcher deploys malicious NPM packages targeting Cursor.com : 지난 1월 8일 cursor-retreival, cursor-always-local, cursor-shadow-workspace 등 Cursor IDE의 의존성 혼동 공격을 시도한 것으로 보이는 패키지가 개시되었고 이 패키지는 보안 업체인 snyk의 인증된 메일의 사용자가 올린 것으로 확인되었으며 이 의존성에서는 시스템의 환경 데이터를 특정 서버로 업로드 하는 코드가 포함되어 있었다. snyk 측에서는 이 부분이 Cursor에서 의존성 혼동 공격이 가능하기 위한 테스트였음을 밝혔다.(영어)
• Steve Langasek, One of Ubuntu Linux’s Leading Lights, Has Died : Debian과 Ubuntu 리눅스의 기여자인 Steve Langasek가 지난 1월 1일 45세의 나이로 돌아가셨다. 삼가 고인의 명복을 빕니다.(영어)
  

프로젝트

• starlight-image-zoom : 문서 이미지에 라이트박스 같은 줌 기능을 제공하는 자바스크립트 라이브러리
• YouTube Transcript Extractor : YouTube 영상에서 자막을 다운로드 받을 수 있는 서비스
• Tabby: 직접 호스팅할 수 있는 AI 코딩 어시스턴트
  

버전 업데이트

• pnpm v10.0.0 : Node.js 패키지 매니저, 릴리스 공지
• Electron v34.0.0 : 크로스 플랫폼 데스크톱 애플리케이션 플랫폼, 릴리스 공지
• three.js r172 : JavaScript 3D 라이브러리, 릴리스 공지
• Prisma v6.2.0 : TypeScript/Node.js 데이터베이스 툴킷, 릴리스 공지
• Zed v0.168.3 : 코드 에디터, 릴리스 공지
• Rust 1.84.0 : 프로그래밍 언어, 릴리스 공지
• OpenTofu v1.9.0 : Infrastructure as Code 도구, 릴리스 공지
• Node.js v22.13.0 (LTS) : 자바스크립트 런타임, 릴리스 공지
• Node.js v23.6.0 (Current) : 자바스크립트 런타임, 릴리스 공지
• Traefik Proxy v3.3 : HTTP 리버스 프락시/로드 밸런서, 릴리스 공지
• ClickHouse v24.12 : 컬럼형 데이터베이스, 릴리스 공지
• Git v2.48.0 : 분산 형상관리 도구, 변경사항