반응형 전체 글14 [React] 아직도 컴포넌트 하나에 다 넣으세요? (Presentational & Container 패턴) React로 개발하다 보면 컴포넌트 하나에 데이터를 가져오는 로직(Fetch)과 화면을 그리는 코드(UI)가 뒤섞여 300~500줄이 넘어가는 경험, 다들 있으시죠?이렇게 코드가 섞이면 수정하기도 어렵고, 다른 곳에서 재사용하기도 힘듭니다. 이 문제를 해결하기 위한 가장 클래식하고 강력한 해결책, 바로 Presentational & Container 패턴입니다. 오늘은 이 패턴을 통해 '똑똑한 녀석'과 '보여주는 녀석'을 나누는 방법을 7살 눈높이 설명과 함께 알아봅니다.목차Container 컴포넌트란? (똑똑한 녀석)Presentational 컴포넌트란? (보여주는 녀석)7살도 이해하는 설명: 쉐프와 웨이터실무 코드 예시 (Before & After)# 0. 패턴의 핵심 개념 (The Concept).. 2026. 1. 24. [기술면접] CSR, SSR, SSG 완벽 정리 & 왜 아직도 RDBMS를 쓸까? 웹 서비스를 설계할 때 가장 먼저 마주치는 두 가지 큰 고민이 있습니다."화면은 어떻게 그릴 것인가?(Rendering)"그리고"데이터는 어디에 저장할 것인가?(Database)"입니다. 오늘은 기술 면접 단골 질문이기도 한 웹 렌더링 방식(CSR, SSR, SSG)의 차이점과,NoSQL 시대에도 여전히 관계형 데이터베이스(RDBMS)가 사랑받는 이유를 핵심만 짚어 정리해 드립니다.PART 1. 웹 렌더링 3대장 (CSR vs SSR vs SSG)각 방식은 'HTML을 어디서 만드느냐'와 '언제 만드느냐'에 따라 나뉩니다.1. CSR (Client Side Rendering)"HTML은 빈 껍데기, 브라우저가 자바스크립트로 그린다."특징: 서버는 텅 빈 HTML과 JS 파일만 보냅니다. 브라우저가 JS를.. 2026. 1. 18. 왜 카카오와 네이버는 RDBMS를 쓸까? 관계형 DB의 핵심 완벽 정리 요즘 NoSQL(MongoDB 등)이 핫하다고 하지만,여전히 전 세계 시스템의 70% 이상은 관계형 데이터베이스(RDBMS)를 사용합니다.은행, 쇼핑몰, 회사 ERP까지 중요한 데이터는 왜 꼭 RDBMS에 저장할까요? 오늘은 백엔드 개발자 면접 단골 질문인"관계형 데이터베이스를 사용하는 이유"를 7살도 이해하는 쉬운 비유와 실무 SQL 예시로 완벽하게 정리해 드립니다.목차관계형 데이터베이스(RDBMS)란?왜 사용할까? (핵심 장점 3가지)7살도 이해하는 설명: 레고 정리함실무 SQL 코드 예시 (JOIN의 마법)1. 관계형 데이터베이스(RDBMS)란?데이터를 표(Table) 형태로 정리하고, 이 표들 사이의 관계(Relationship)를 정의하여 저장하는 방식입니다. 대표적으로 MySQL, Postgr.. 2026. 1. 18. 이전 1 2 3 4 5 다음 반응형