brunch

라이킷 2 댓글

You can make anything
by writing

C.S.Lewis

계정을 잊어버리셨나요?

by 일일일 Jul 24. 2023

[7월 3주차]개발자들이 많이 읽은 10개 아티클

동료들은 다 아는 정보, 나만 모르지 않게 만들어주는
일일일에서 한 주간 개발자들이 많이 읽은 상위 10개의 아티클들을 소개합니다.

✅ 실시간으로 나와 비슷한 동료들이 많이 읽은 아티클을 보고 싶다면?
>> '일일일 - 개발' 오픈채팅방 (참여 코드 : oneone1)

✅ 인재풀 등록하고 채용 담당자들로부터 직접 면접 제안을 받아보세요!
>> 일일일 인재풀에 등록하기 (스타벅스 쿠폰 100% 제공)

01. (해외) 2023년에 기여해야 할 7가지 오픈 소스 프로젝트

✅ 오픈소스에서 많은 혁신을 볼 수 있어 좋아합니다. 몇 개의 인기 라이브러리를 공유하고 싶습니다. 1. Snapify - 비동기적으로 녹화 및 공유 가능, 녹화한 내용을 누구나 공유할 수 있는 링크 제공, 일정 시간 이후 녹화 삭제 가능, 기존 비디오 업로드 및 공유 가능 2. KeyPass - 비밀번호 관리를 가장 쉽게 할 수 있는 방법, 인터넷 연결 필요 없음, 암호화된 백업 및 복원, 기기 자격 증명으로 인증, 자동 백업 3. Bob - Go를 위한 SQL 쿼리 빌더 및 ORM/팩토리 생성 도구, PostgreSQL, MySQL 및 SQLite 지원, 편리한 결과 스캔을 위한 SQL 실행기, 편리한 데이터베이스 쿼리를 위한 모델, 데이터베이스 스키마로부터 모델 및 팩토리 코드 생성.

https://oneoneone.kr/content/b68fae02

02. 아직도 이 API 모르셨다고요? 개발자 인생 꿀템 소개!

✅ 개발자들은 언젠가는 웹 애플리케이션에서 필요한 무한 스크롤 기능을 구현해야 할 것입니다. 무한 스크롤은 Twitter, Tick Tock, Facebook, YouTube와 같은 웹사이트에 있는 것이며, 사용자가 페이지의 끝에 다가가면 빠르게 더 많은 게시물을 로드하여 페이지의 끝에 추가하여 사용자가 영원히 스크롤할 수 있는 것처럼 보이게 합니다. 이 비디오는 무한 스크롤에 관한 것은 아니지만, 우리에게 서버 API의 교차점을 쉽게 구현할 수 있는 API에 대해 설명합니다. 교차점 API를 사용하여 우리는 사용자가 보일 때 요소를 감지하고 사용자 정의 코드를 실행하고 애니메이션을 수행할 수 있습니다. 이 비디오에서는 교차점 API가 어떻게 작동하는지 알아보고 예시를 보여줍니다. 그리고 우리는 교차점 Observer를 CSS 클래스와 함께 사용하여 멋진 기능을 구축할 수 있습니다.

https://oneoneone.kr/content/362a42f3

03. npm 생태계 중심에 있는 거대한 버그

✅ npm 패키지의 매니페스트와 tarball의 내용이 일치하지 않을 수 있으며, 이는 매니페스트 혼란 문제를 초래할 수 있다. 이 문제로 인해 공급망 공격이 가능하며 악의적인 공격자가 멀웨어를 숨길 수 있다. 이러한 문제는 npm 뿐만 아니라 다른 주요 자바스크립트 패키지 매니저에도 영향을 미칠 수 있다. 이 문제는 Socket 팀에 의해 최근에 해결되었다.

https://oneoneone.kr/content/aa4cef84

04. 광고 시스템 퍼포먼스 튜닝 회고록

✅ 이 글은 요기요 R&D 센터의 백엔드 개발자인 추영식의 광고 시스템 성능 튜닝 회고록을 요약한 것입니다. 2022년 12월부터 도입된 CPS 기반의 신규 광고 시스템의 퍼포먼스 이슈와 해결 사례가 소개되었습니다. 자세한 로직 설명과 튜닝 사례도 포함되어 있습니다. 특히, O(N) 코드 제거, Serialize 관련 이슈, 레이어 책임 분산에 대한 이야기도 나왔습니다.

https://oneoneone.kr/content/68e37a0a

05. 개발자가 알아두면 좋은 기술 블로그 운영 팁 5가지

✅ 개발자들은 기술 블로그를 운영하고, 다른 개발자들에게도 추천합니다. 기술 블로그는 개발자가 지식과 경험을 공유하는 공간이며, 본인의 기술력을 향상시키는데 도움이 됩니다. 주제 선택과 출처 확인이 중요하며, 다른 사용자들과의 피드백을 통해 성장할 수 있습니다.

https://oneoneone.kr/content/9396b990

06. [번역] 프런트엔드 풀 리퀘스트를 작성하기 전에 이 체크리스트를 사용하세요.

✅ 프런트엔드 풀 리퀘스트에는 심각한 버그, 신경질적인 반응, 시간 낭비를 초래할 수 있는 일반적인 실수가 포함되는 경우가 많습니다. 하지만 이 7가지 사소하지만 중요한 규칙 목록을 따르면 이러한 실수를 쉽게 피할 수 있습니다. 아래 내용을 읽고 새 PR을 만들기 전에 확인해야 할 사항을 알아보세요.

https://oneoneone.kr/content/a04caa7e

07. (해외) Chrome 116 베타 - Chrome 개발자

✅ 크롬 116 베타 버전에는 CSS 모션 경로, 되감기/앞으로 가기 캐시 NotRestoredReason API, 문서 Picture-in-Picture 등 여러 기능이 추가되었습니다. 새로운 CSS 기능으로는 모션 경로와 디스플레이 및 content-visibility 애니메이션이 있습니다. 웹 API로는 AbortSignal.any(), BYOB support for Fetch, Back/forward cache NotRestoredReason API 등이 개선되었습니다. 이 외에도 다양한 기능과 업데이트가 있으며, Chrome 116은 2023년 7월 19일 기준으로 베타 버전입니다.

https://oneoneone.kr/content/8af49b91

08. 유저 1억명의 스레드 개발 스택은? #shorts

✅ 2023년 1월에 출시된 메탈 스레드는 6개월 만에 1억명의 사용자를 감당할 수 있는 서비스로 개발되었으며, 인스타그램과의 많은 공유로 인해 스레드 가입은 인스타그램 계정으로만 가능하다. 안드로이드 버전은 잡아 포틀린 재팩 컴포즈로, iOS 버전은 스위프트로 개발되었고, 백엔드는 신도와 장구로 개발되었다. 스레드의 신규가입자와 트위터와의 싸움은 흥미진진하며, 자세한 정보를 알고 싶으면 댓글에 링크 클릭하면 된다.

https://oneoneone.kr/content/67a9494d

09. Android 앱에서 결제 주문서 만드는 방법

✅ 토스페이먼츠 안드로이드 SDK를 사용하여 액티비티(Activity)를 만들고, UI를 XML 파일에서 구성하는 방법과 액티비티와 XML 파일을 연결하는 방법을 설명하고 있습니다. 또한, View Binding을 사용하여 XML 파일에서 뷰를 참조하고 클래스 코드에서 상호 작용하는 방법과 결제위젯 SDK를 사용하여 결제 액티비티를 만드는 방법을 설명하고 있습니다. 마지막으로, 결제위젯을 렌더링하고 결제를 요청하는 코드를 추가하는 방법을 설명하고 있습니다.

https://oneoneone.kr/content/1807bc50