버거범

프론트엔드를 위한 UI Flow Specification 작성법(제안)

들어가며 이번달 15일에 SQLD 자격증 시험을 위해 교보문고에 갔다가 우연히 Alistair Cockburn의 “Writing Effective Use Cases”를 발견했습니다. 20년이 넘은 책이지만, 몇 페이지를 넘겨보는 순간 이것이 현재 나에게 필요하다고 느꼈습니다. AI의 도움으로 관련 내용을 공부하는 중이며, 저자가 Use Case 3....

📚 Frontend 개발자의 Pagination 생각 확장하기

웹/앱 개발에서 필수적인 페이지네이션(Pagination) 은 대량의 데이터를 효율적으로 관리하기 위한 핵심 기술입니다. Frontend 개발자인 저는, Offset 방식과 Cursor 방식의 내부 동작 방식 차이를 깊이 고민하며 개발해 본 경험은 없었습니다. 최근 GraphQL과 Apollo Client 프로젝트에서 Cursor 방식 페이지네이션...

JavaScript 배열 평탄화 완전 정복: 재귀와 reduce로 flatten 함수 직접 만들기 (feat. Currying 함수로 변환)

배열은 JavaScript에서 가장 많이 사용되는 자료 구조 중 하나입니다. 때로는 배열 내에 또 다른 배열이 중첩된 복잡한 구조를 다뤄야 할 때가 있습니다. 이러한 중첩 배열을 평탄화(flatten) 하여 단일 레벨 배열로 만드는 것은 데이터 처리 효율성을 높이고 코드 가독성을 개선하는 데 매우 중요합니다. JavaScript는 ES2019부터 A...

NestJS 테스트 첫걸음: 백엔드 초보를 위한 백엔드 초보의 테스트 가이드

🚀 단위 테스트 작성부터 JWT 인증 검증까지 한방에 끝내기 🚀 안녕하세요! 오늘은 백엔드 개발의 핵심! 테스트에 대해 이야기해보려 합니다. 특히, 많은 개발자분들이 어려워하시는 백엔드 테스트 아키텍처를 중심으로, 실제 NestJS 코드 예시와 함께 백엔드 초보인 제가 어떻게 테스트를 설계하고 작성하는지 알려드릴게요. 👩‍💻👨‍💻 잘 짜여진 테스트...

MSW와 GraphQL을 활용한 프론트엔드 선행 개발: 경험과 회고

제가 최근 프로젝트에서 경험한 Mock Service Worker(MSW)와 GraphQL을 활용한 프론트엔드 선행 개발에 대해 이야기해보려고 합니다. 특히 제가 겪은 실제 어려움과 깨달은 점들을 공유하고자 합니다. 목차 프로젝트 배경 MSW와 GraphQL 소개 및 선택 이유 개발 과정에서의 겪은 어려움 실제 서버로의 마이그레이션...