멘토 Pick! 25년 11월 둘째 주 아티클 모음

안녕하세요 여러분!
카카오 출신 멘토님께서 이번 주에 직접 선정한 아티클을 공유드립니다!

멘토's Pick에서 트렌디한 인사이트를 놓치지 마세요! 🚀

🤔 들어가기 전에 알아두면 좋습니다!

• 대부분 아티클은 영문으로 제공됩니다. 영문 글을 읽을 때 크롬 번역 플러그인을 쓰면 읽기가 불편하나, 크롬 플러그인 하나를 설치하면 한국어를 읽듯이 좀 더 쉽게 영어 아티클을 읽을 수 있습니다. Trancy Chrome 플러그인을 설치 후 더 쉽게 읽을 수 있습니다.
• 아티클을 읽고 어떤 점을 더 고민해 보고, 생각해 보면 좋을지 제시해 주시는 멘토님의 Comment도 잘 활용해 보시면 좋습니다!

💡Your URL Is Your State

• 웹 프론트엔드 레벨에서 URL로 상태관리를 해야하는 이유를 설명합니다.
• 새로고침시 모든 컨텍스트가 초기화되어 기존 뷰가 아닌 메인뷰로 이동되는 방식을 비판합니다.

💌 멘토님의 Comment
: URL은 단순히 페이지의 주소가 아니라, 사용자의 상태를 표현하는 언어입니다. 필터, 페이지네이션, 보기 모드 같은 값이 URL에 담기면 그 상태는 공유 가능하고 복구 가능해야 합니다. 그런데도 FE를 SPA로 개발시 전역 스토어나 쿠키로 상태를 숨겨버립니다. 결국 새로고침하면 사라지는 상태를 만들고 있는 셈이죠.  

 

사용자의 UX를 개선하고 웹 어플리케이션의 안정성을 높이기 위해서 새로고침시 어떤 상태를 유지해야 하는지, URL에 어떤 상태를 저장할 것인지 확인해보시길 바랍니다.

💡페이징 성능 개선하기 - No Offset 사용하기

• OFFSET 기반 페이징이 데이터가 많아질수록 느려지는 이유를 설명합니다.
• 마지막 조회 ID를 기준으로 다음 데이터를 가져오는 No Offset 방식으로 성능을 개선하는 방법을 다룬 글입니다

💌 멘토님의 Comment
: LIMIT A, B 방식의 쿼리 페이지네이션은 데이터베이스의 부하가 꽤 크고 데이터가 많아질수록 느려질 수 있습니다. 페이징이 느리거나 검색시 결과가 느리다면 페이지네이션의 쿼리 이슈가 아닌지 살펴보시고 커서방식의 페이지네이션 기법 도입을 검토홰보시는건 어떠실까요?

💡Why NaN !== NaN in JavaScript

• 자바스크립트에서 NaN은 숫자형이지만, 자기 자신과도 같지 않은 특이한 값으로 인정됨을 설명합니다.
• NaN 이 자기신과 같지 않은 이 현상이 언어의 버그가 아니라 IEEE 754 부동소수점 표준에서 비롯된 의도적인 설계라는 점을 설명합니다.

💌 멘토님의 Comment
:NaN !== NaN 은 설계된 결과입니다. “결과가 정의되지 않은 계산은 어떤 값과도 같지 않다”고 규정했고, 0을 0으로 나누는 순간 그 규칙이 적용됩니다.  

 

이걸 이해하면 부동소수점 연산의 한계뿐 아니라, 언어가 하드웨어 위에서 얼마나 얇은 추상 위에 서 있는지도 보입니다.

깊이 있는 인사이트와 현실적인 조언이 담긴 멘토님들의 인터뷰와 커리어 성장 콘텐츠가 데브클럽에서 정기적으로 업데이트되고 있습니다.

실력 있는 현직 개발자 멘토들과 직접 소통하고, 생생한 실무 노하우와 커리어 성장 전략을 배워보세요!

👉 멘토링 신청하고 데브클럽 참여하기