[7월 2주차]개발자들이 많이 읽은 10개 아티클
일일일에서 한 주간 개발자들이 많이 읽은 상위 10개의 아티클들을 소개합니다.
✅ 일일일, IT 제품 팀을 위한 감도 높은 정보 큐레이션
>> 프리미엄 멤버십 더보기 (30일 무료 체험 이벤트 진행중)
>> 개발 추천 콘텐츠 공유방 (대화X, 참여코드:oneone1)
01. 크몽 프론트엔드 빌드개선 과정 Part 2
✅ 추천 이유
미디엄에서 300회 이상의 박수를 기록한 글입니다.
공통 모듈 빌드를 없애는 방법에 대해 고민 중인 분께 추천합니다.
실무에서는 공통 모듈의 수정 후 빌드 없이 즉시 반영 및 실행이 가능하도록 설정할 수 있습니다.
✅ 간단 요약
Packages 모듈 수정 후 빌드 없이 즉시 반영되어 빌드 시간을 단축하고 개발 시간을 절약할 수 있음.
Node.js와 Yarn 버전 업그레이드를 통해 라이브러리 import 시 발생하는 오류를 해결하고 새로운 라이브러리 사용이 가능해짐.
작업 중 발생한 다양한 어려움을 팀원들과 함께 극복하며 협업의 중요성을 깨닫는 과정을 통해 성장함.
https://oneoneone.kr/content/8223aee3?utm_source=brunch_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=brunch_weekly
03. 여기 QA팀 어때?
✅ 추천 이유
새로운 환경에 적응하는 과정을 겪는 분들에게 추천합니다.
온보딩 과정에서의 프로세스와 팀원들의 지원을 통해 빠르게 적응하고 업무를 수행할 수 있습니다.
✅ 간단 요약
잘 짜여진 프로세스를 통해 업무 준비를 효율적으로 진행하며 새로운 환경에 빠르게 적응합니다.
짝꿍의 도움으로 적응이 수월해지고, 팀 동료들의 관심과 배려가 적응을 돕습니다.
프로세스를 개선하며 서비스 품질 향상을 위해 노력하는 경험을 통해 성장하고 발전하는 과정을 경험합니다.
https://oneoneone.kr/content/bd45fc61?utm_source=brunch_weekly
04. 신규 서비스 "꿀템"을 만들기 위한 여정(네? 다음달까지요?) -1편
✅ 추천 이유
신규 서비스를 개발하려는 분들에게 추천합니다.
테이블 설계 및 데이터베이스 구조를 구상할 때 참고하여 실무에 적용할 수 있습니다.
✅ 간단 요약
지속 가능한 설계를 위해 확장성을 고려한 테이블 설계 방법을 소개합니다.
각 테이블의 명칭과 속성을 축약하여 명확하게 정의하는 방법을 설명합니다.
데이터 정규화를 통해 중복을 제거하고 데이터베이스 구조를 최적화하는 방법을 안내합니다.
https://oneoneone.kr/content/7fe674af?utm_source=brunch_weekly
05. es-toolkit: 토스가 개발한 고성능 유틸리티 라이브러리
✅ 추천 이유
JavaScript 유틸리티 라이브러리를 필요로 하는 사람에게 추천합니다.
실무에서 해당 라이브러리를 사용하여 JavaScript 개발 시 런타임 성능을 향상시키고 코드 크기를 최적화할 수 있습니다.
✅ 간단 요약
다른 라이브러리와 비교하여 2-3배 빠른 런타임 성능 제공
최대 97% 작은 JavaScript 크기
최신 JavaScript API를 활용한 직관적이고 간단한 구현
간단하지만 견고한 타입 제공
넓은 JavaScript 환경(Node.js, Deno, Bun, 브라우저) 지원
https://oneoneone.kr/content/00c70ead?utm_source=brunch_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=brunch_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=brunch_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=brunch_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=brunch_weekly
10. 모닥불 | EP.2 함수형 프로그래밍, 프론트엔드 개발에 진짜 도움 될까?
✅ 추천 이유
함수형 프로그래밍과 객체 지향 프로그래밍을 비교하고 싶은 분께 추천합니다.
실제 프론트엔드 개발 시 함수형과 객체 지향의 장단점을 비교하여 적합한 접근 방식을 선택할 수 있습니다.
✅ 간단 요약
함수형과 객체 지향의 장단점을 비교하고 프론트엔드에서의 활용 방안을 살펴봅니다.
함수형과 객체 지향의 매력과 특징을 소개하며, 프론트엔드에서의 실제 적용을 다룹니다.
토스 개발자들의 경험을 토대로 함수형과 객체 지향에 대한 사실과 오해를 다루고 있습니다.
https://oneoneone.kr/content/5cdbc0bf?utm_source=brunch_weekly
✅ 프로들을 위한 프리미엄 멤버십
✔ 업계 1% 스타트업 사람들의 비밀, 전 세계의 업계 트렌드를 놓치지 마세요.
✔ 우선 사용해 보고 결정하세요. 무료 체험 기간 동안 언제든 취소할 수 있어요.
>> 프리미엄 멤버십 더보기 (30일 무료 체험 이벤트 진행중)
