⚛️ React & 🧩 기타 개발 노트

---

⚛️ React 관련 정리

항목	내용
부트스트랩 사용 시 주의	React에서는 일반 HTML 방식과 다르게 className 속성을 사용해야 함
컴포넌트 분리	return 값이 길어질 경우, UI 구조를 나누어 별도 컴포넌트로 분리하는 것이 가독성과 유지보수에 유리
Axios 요청 실패 처리	비동기 요청(axios)에서 오류 발생 시 try-catch 블록을 사용하여 안전하게 예외 처리

📘 예시 코드

try {
  const response = await axios.get('/api/data');
  console.log(response.data);
} catch (error) {
  console.error('요청 실패:', error);
}

⚠️ 단순히 오류를 처리하는 것보다, 예외 상황에 따른 사용자 메시지 처리나 재시도 로직도 고민하는 것이 중요함.

---

🧩 기타 실무 팁

📄 자격증 및 프로젝트 관리

• 자신의 자격증, 프로젝트, 포트폴리오 기록을 한 파일로 정리해두기
  → 면접/이력서/멘토링 시 즉시 활용 가능

---

🔧 리팩토링 가이드

목표	설명
1️⃣ 수행시간 감소	불필요한 연산 및 중복 호출 제거로 코드 최적화
2️⃣ 고급 문법 적용	이미 존재하는 기능이라도 직접 구현하면서 학습과 효율성 강화
3️⃣ 중복 코드 제거	자주 사용되는 로직은 함수나 컴포넌트로 분리
4️⃣ 유지보수성 향상	구조적 코드 설계를 통해 수정 및 기능 추가 용이
5️⃣ DB 접근 최소화	캐싱, 비동기 처리 등을 통해 서버 과부하 방지

---

⚠️ 트러블슈팅 시 주의사항

• 단순한 기본 문법 오류를 트러블슈팅 주제로 삼지 않는다.
• 기능, 성능, 구조적 문제 해결 중심으로 접근해야 함.
  • 예: 성능 저하, 비효율적 로직, API 응답 구조 개선 등

💡 “문법 해결”이 아니라, “문제 원인 분석 및 개선 경험”을 중심으로 정리하자!