클라이밍하는 개발자

[문제해결] Recharts 에러 분석: "width(-1) 문제의 진짜 원인과 해결법"

Recharts를 쓰다 보면 이런 에러를 본 적 있을 겁니다:The width(-1) and height(-1) of chart should be greater than 0...처음엔 단순히 CSS 문제 같아 보이지만, 사실은 타이밍 이슈에서 비롯된 오류입니다. 이번 글에서는 이 문제의 원인과 해결 과정을 코드와 함께 정리해보겠습니다.1. 수정 전: 라이브러리 자동 측정 방식 (에러 발생)기존에는 Recharts에서 제공하는 ResponsiveContainer에 모든 걸 맡겼습니다.// ❌ 수정 전: 타이밍 이슈로 width/height가 -1이 됨 {/* 차트 내용 */} 문제점ResponsiveContainer는 렌더링되자마자 부모 의 크기..

🗣️ [1일 1CS] 프론트와 백엔드의 대화법: REST API란?

백엔드 개발자의 핵심 업무 중 하나는 API 설계입니다. 데이터베이스(DB)에 잘 저장된 정보를 프론트엔드가 활용할 수 있도록 꺼내주는 창구가 바로 API죠. 그런데 이때 "말하는 규칙"을 잘 정하지 않으면 서로 오해가 생깁니다.그 규칙이 바로 REST API입니다.1. REST의 핵심: 언어의 문법과 같다REST는 쉽게 말해 "자원(명사)과 행동(동사)을 명확하게 구분해서 말하자"는 약속입니다.자원(Resource): URI로 표현 (명사)행동(Verb): HTTP Method로 표현 (동사)❌ 잘못된 예시 (동사가 URL에 들어감)GET /getUsersPOST /createUserPOST /deleteUser⭕ 올바른 예시 (RESTful)GET /users → 유저 목록 조회POST /users ..