[Frontend] useRef vs useState: 상태 관리의 두 주역 비교

들어가며 React에서 상태 관리는 마치 레스토랑 주방을 운영하는 것과 비슷합니다. useState는 주방의 전광판(메뉴판)이고, useRef는 주방장의 개인 메모장이라고 생각해볼 수 있습니다. 오늘은 이 두 가지 도구의 특징과 차이점, 그리고 각각 언제 사용하면 좋은지 자세히 알아보겠습니다. useState와 useRef의 핵심 차이 1. 작동...

2024/12/23 Web Development, React

[Frontend] Next.js 핵심 기능: App Router, Prerendering, Intercepting Routes 가이드

들어가며 Next.js는 React 기반의 풀스택 웹 프레임워크로, 버전 13부터 도입된 App Router와 다양한 렌더링 전략으로 웹 개발의 새로운 패러다임을 제시하고 있습니다. 이번 포스트에서는 Next.js의 핵심 기능인 App Router, Prerendering, 그리고 Intercepting Routes에 대해 상세히 알아보겠습니다. ...

2024/12/22 Web Development, Next.js

Different database deletion strategies illustration

[Backend] 소프트 딜리트 vs 캐스케이드 딜리트: 데이터 삭제 전략 비교

들어가며 데이터베이스 설계에서 가장 중요한 결정 중 하나는 데이터 삭제 전략을 선택하는 것입니다. 특히 사용자 데이터를 다룰 때는 더욱 신중한 접근이 필요합니다. 이번 포스트에서는 두 가지 주요 삭제 전략인 소프트 딜리트(Soft Delete)와 캐스케이드 딜리트(Cascade Delete)를 비교하고, 제가 최근 프로젝트에서 소프트 딜리트를 선택한...

2024/12/19 Database, Architecture

[Backend] SOLID 원칙 완벽 이해하기 - 개념부터 예시까지

들어가며 SOLID 원칙은 객체지향 프로그래밍(OOP)에서 유지보수성과 확장성을 높이기 위한 5가지 설계 원칙입니다. 이름은 각 원칙의 앞 글자를 따온 것이며, 주로 의존성 관리와 변경에 유연한 구조를 만드는 데 목적이 있습니다. 이번 글에서는 SOLID 각 원칙을 예시와 함께 이해하고, 현실적인 적용 방법까지 함께 정리해보겠습니다. 목차 ...

2024/02/20 Backend, Architecture

[Backend] 테스트 주도 개발이란 무엇인가요?

들어가며 테스트 주도 개발(TDD)은 “테스트 먼저” 작성하고, 그 테스트를 통과시키기 위한 코드를 작성하는 개발 방식입니다. 기능 구현 → 테스트 작성이 아니라, 테스트 작성 → 기능 구현 → 리팩토링 순으로 이루어지는 매우 짧고 반복적인 개발 사이클을 따릅니다. 목차 TDD란 무엇인가? TDD의 3단계 사이클 TDD의 장점 ...

2024/02/11 Backend, Testing