⚛️ React & 🌿 Spring 정리

---

⚛️ React

🎨 CSS 적용 방법

적용방법	설명	예시
1. CSS 파일 생성하기	별도의 CSS 파일을 만든 후 import하여 적용	import './App.css';
2. 컴포넌트 내부에 직접 작성	style 속성에 객체 형식으로 작성 ( JS의 객체 표기법 사용)	style={{ fontSize: 10 }}

🧩 주의사항

• 중괄호는 두 번 사용해야 함 → style={{}}
• CSS 속성은 카멜 표기법으로 작성해야 함
  • 예: {font-size: 10px} → {fontSize: 10px}

🧱 MUI (Material UI)

• MUI 설치: npm install @mui/material @emotion/react @emotion/styled
• Box 컴포넌트: HTML의 <div>와 동일한 역할을 수행
• 다양한 스타일 및 레이아웃 요소를 빠르게 구현 가능

---

🌿 Spring

🧾 Log4j2

Spring에서 로그를 처리하는 어노테이션입니다.
@Log4j2를 사용하면 log.info(), log.error() 등 다양한 로그 출력을 간결하게 작성할 수 있습니다.

⚙️ 주요 로그 메서드

메서드	용도	사용 단계
log.debug()	디버깅용 (개발 및 테스트 단계)	개발
log.info()	일반 정보 출력	운영
log.warn()	경고 메시지 출력	유지보수
log.error()	예외나 오류 출력	운영 및 유지보수

⚙️ 로그 설정

설정 항목	설명	예시
로그 레벨	출력할 로그 수준 지정	logging.level.경로=debug
로그 우선순위	debug < info < warn < error
info 설정 시 출력 한계	info까지 출력 (warn, error 포함)
warn 설정 시 출력 한계	warn까지만 출력 (error 포함)