[TOP 10] 개발자들이 많이 읽은 아티클 모음 - 7월 2주차

🚀 일일일, IT 제품 팀을 위한 감도 높은 정보 큐레이션

>> 프리미엄 멤버십 더보기 (30일 무료 체험 이벤트 진행중)
>> 개발 추천 콘텐츠 공유방 (대화X, 참여코드:oneone1)

---

01. 크몽 프론트엔드 빌드개선 과정 Part 2

🙋 추천 이유

• 미디엄에서 300회 이상의 박수를 기록한 글입니다.
• 공통 모듈 빌드를 없애는 방법에 대해 고민 중인 분께 추천합니다.
• 실무에서는 공통 모듈의 수정 후 빌드 없이 즉시 반영 및 실행이 가능하도록 설정할 수 있습니다.

✅ 간단 요약

• Packages 모듈 수정 후 빌드 없이 즉시 반영되어 빌드 시간을 단축하고 개발 시간을 절약할 수 있음.
• Node.js와 Yarn 버전 업그레이드를 통해 라이브러리 import 시 발생하는 오류를 해결하고 새로운 라이브러리 사용이 가능해짐.
• 작업 중 발생한 다양한 어려움을 팀원들과 함께 극복하며 협업의 중요성을 깨닫는 과정을 통해 성장함.

https://oneoneone.kr/content/8223aee3?utm_source=velog_weekly

---

02. 포그 오브 워(Fog of War) - Remix

🙋 추천 이유

• Remix를 사용하여 성능 최적화를 원하는 사람에게 추천합니다.
• Remix를 사용하여 라우트 트리를 미리 알고 데이터를 미리 가져와 네트워크 워터폴을 제거하고 링크 프리페치 등의 최적화를 구현할 수 있습니다.

✅ 간단 요약

• Remix는 렌더링과 데이터 가져오기를 분리하여 'fetch then render' 방식을 채택하여 성능을 향상시킵니다.
• Route Manifest를 클라이언트에 제공하여 라우트 정의를 미리 알 수 있게 하고, route.lazy를 통해 라우트 구현을 다운로드합니다.
• Remix v2.10에서 future.unstable_fogOfWar 플래그를 통해 네트워크 워터폴을 제거하고 링크 프리페치 최적화를 유지하는 방법을 소개합니다.

https://oneoneone.kr/content/b865e2fa?utm_source=velog_weekly

03. 여기 QA팀 어때?

🙋 추천 이유

• 새로운 환경에 적응하는 과정을 겪는 분들에게 추천합니다.
• 온보딩 과정에서의 프로세스와 팀원들의 지원을 통해 빠르게 적응하고 업무를 수행할 수 있습니다.

✅ 간단 요약

• 잘 짜여진 프로세스를 통해 업무 준비를 효율적으로 진행하며 새로운 환경에 빠르게 적응합니다.
• 짝꿍의 도움으로 적응이 수월해지고, 팀 동료들의 관심과 배려가 적응을 돕습니다.
• 프로세스를 개선하며 서비스 품질 향상을 위해 노력하는 경험을 통해 성장하고 발전하는 과정을 경험합니다.

https://oneoneone.kr/content/bd45fc61?utm_source=velog_weekly

---

04. 신규 서비스 "꿀템"을 만들기 위한 여정(네? 다음달까지요?) -1편

🙋 추천 이유

• 신규 서비스를 개발하려는 분들에게 추천합니다.
• 테이블 설계 및 데이터베이스 구조를 구상할 때 참고하여 실무에 적용할 수 있습니다.

✅ 간단 요약

• 지속 가능한 설계를 위해 확장성을 고려한 테이블 설계 방법을 소개합니다.
• 각 테이블의 명칭과 속성을 축약하여 명확하게 정의하는 방법을 설명합니다.
• 데이터 정규화를 통해 중복을 제거하고 데이터베이스 구조를 최적화하는 방법을 안내합니다.

https://oneoneone.kr/content/7fe674af?utm_source=velog_weekly

---

05. es-toolkit: 토스가 개발한 고성능 유틸리티 라이브러리

🙋 추천 이유

• JavaScript 유틸리티 라이브러리를 필요로 하는 사람에게 추천합니다.
• 실무에서 해당 라이브러리를 사용하여 JavaScript 개발 시 런타임 성능을 향상시키고 코드 크기를 최적화할 수 있습니다.

✅ 간단 요약

• 다른 라이브러리와 비교하여 2-3배 빠른 런타임 성능 제공
• 최대 97% 작은 JavaScript 크기
• 최신 JavaScript API를 활용한 직관적이고 간단한 구현
• 간단하지만 견고한 타입 제공
• 넓은 JavaScript 환경(Node.js, Deno, Bun, 브라우저) 지원

https://oneoneone.kr/content/00c70ead?utm_source=velog_weekly

---

06. Bytes #306 - React Native 공식 발표

🙋 추천 이유

• React Native 앱을 개발하는데 Expo 프레임워크를 사용하는 것에 고민이 있는 경우 이 링크를 추천합니다.
• Expo가 제공하는 기능과 장점을 살펴보고, React Native 앱 개발 시 Expo의 활용 방안을 파악할 수 있습니다.

✅ 간단 요약

• Expo SDK는 RN에 70개 이상의 네이티브 라이브러리를 제공하며, Expo Modules API를 통해 추가 네이티브 모듈을 간단히 구축할 수 있습니다.
• Expo Router를 통해 파일 시스템 기반의 라우팅을 제공하여 안드로이드, iOS 및 웹용 앱을 단일 코드베이스로 구축할 수 있습니다.
• Expo의 Continuous Native Generation은 프로젝트의 네이티브 코드를 유지하는 데 훨씬 더 원활한 경험을 제공합니다.

https://oneoneone.kr/content/251141bb?utm_source=velog_weekly

---

07. 효율적인 Compose 애니메이션: Custom Switch에서 배우는 Recomposition 최적화

🙋 추천 이유

• Jetpack Compose에서 Custom Switch의 Recomposition 최적화에 관심이 있는 분에게 추천합니다.
• Custom Switch의 Recomposition 횟수를 줄이기 위해 Material3 Switch와의 차이점을 분석하고, Modifier.offset 함수의 내부 구현을 비교하여 최적화 방법을 이해할 수 있습니다.

✅ 간단 요약

• Material3 Switch와 Custom Switch의 Switch thumb 위치 변경에 따른 Recomposition 차이점을 분석합니다.
• Modifier.offset 함수의 내부 구현을 통해 Recomposition 회피와 GraphicLayer 추가에 대한 이해를 제공합니다.
• OffsetElement와 OffsetPxElement의 내부 구현을 비교하여 Placeable.place와 Placeable.placeWithLayer의 차이를 설명합니다.

https://oneoneone.kr/content/3809df35?utm_source=velog_weekly

---

08. 신규 서비스 "꿀템"을 만들기 위한 여정(네? 다음달까지요?) -2편

🙋 추천 이유

• 기술 스택 선택과 개발에 관심이 있는 분에게 추천합니다.
• 기술 스택 선택 시 참고하여 어떤 기술을 사용할지 결정하고, 개발 시에는 각 기술의 장단점을 고려하여 구현할 수 있습니다.

✅ 간단 요약

• 기술 스택 선택 시 fastify와 node.js를 사용한 프론트엔드 구조 소개
• Typescript, React 18.2 및 Tanstack query 사용 사례 설명
• Oracle DB의 순차적 pk 채번 방법과 SP 대신 JPA, QueryDSL 사용 사례 소개

https://oneoneone.kr/content/0f936b4b?utm_source=velog_weekly

---

09. (해외) 2024년 ReactJS로 개발할 때 준수해야 하는 7가지 모범 사례

🙋 추천 이유

• ReactJS 개발 시 최신 Best Practices를 알고 싶은 사람에게 추천합니다.
• 실무에서 ReactJS 애플리케이션을 개발할 때 2024년에 필요한 7가지 Best Practices를 적용하여 효율적인 코드를 작성할 수 있습니다.

✅ 간단 요약

• 컴포넌트 중심 개발, React Hooks 활용, 성능 최적화 기법 등을 소개합니다.
• 서버 사이드 렌더링 및 정적 사이트 생성, TypeScript 도입, 접근성 실천, CI/CD 적용 방법을 설명합니다.
• ReactJS 개발에서 혁신과 팀워크를 강조하는 2024년의 주요 트렌드를 강조합니다.

https://oneoneone.kr/content/86e0ef2e?utm_source=velog_weekly

---

10. 모닥불 | EP.2 함수형 프로그래밍, 프론트엔드 개발에 진짜 도움 될까?

🙋 추천 이유

• 함수형 프로그래밍과 객체 지향 프로그래밍을 비교하고 싶은 분께 추천합니다.
• 실제 프론트엔드 개발 시 함수형과 객체 지향의 장단점을 비교하여 적합한 접근 방식을 선택할 수 있습니다.

✅ 간단 요약

• 함수형과 객체 지향의 장단점을 비교하고 프론트엔드에서의 활용 방안을 살펴봅니다.
• 함수형과 객체 지향의 매력과 특징을 소개하며, 프론트엔드에서의 실제 적용을 다룹니다.
• 토스 개발자들의 경험을 토대로 함수형과 객체 지향에 대한 사실과 오해를 다루고 있습니다.

https://oneoneone.kr/content/5cdbc0bf?utm_source=velog_weekly

---

🚀 프로들을 위한 프리미엄 멤버십

✔ 업계 1% 스타트업 사람들의 비밀, 전 세계의 업계 트렌드를 놓치지 마세요.
✔ 우선 사용해 보고 결정하세요. 무료 체험 기간 동안 언제든 취소할 수 있어요.

>> 프리미엄 멤버십 더보기 (30일 무료 체험 이벤트 진행중)