2일차 (5월 8일)

Resian 2024. 5. 8. 16:25

토끼굴 프로젝트 레이아웃 작성

5월 10일(금)까지 레이아웃 기초 작업 진행

App.js 에서 전체적인 1차 작업 후 분리 진행.

메뉴 버튼 그리기 (완)

레이아웃 너비 참조 블로그

QNA

리액트에서는 <body> 태그를 일반적으로 사용하지 않는가?
- 사용하지 않는다. 리액트는 주로 <div>나 다른 컨테이너 요소 내에서 작동하고, 이러한 요소는 HTML 문서의 <body> 태그 내에 위치한다.
- 다만 특정 상황에서 <body>태그를 조작할 필요가 있을 수 있다.
  - 1. 페이지의 스타일 변경: 어두운 모드와 밝은 모드 전환 기능 구현시 document.body에 직접 스타일 적용 가능
  - 2. 전체 배경 이미지 설정 :document.body.style.backgroundImage 사용하여 설정
  - 3. 클래스 추가 및 제거: 예를 들어 모달이 열렸을 때 <body>에 특정 클래스를 추가하여 스크롤 비활성화하는 경우
<section> vs <article>
- <section>
  - 문서의 한 구역을 나타내며 독립적인 의미를 가지지 않음.
  - 홈페이지의 여러 가지 구역이나 챕터를 구분할 때 사용.
- <article>
  - 독립적으로 재사용이 가능하거나 독립적인 배포 될 수 있는 구성 요소를 나타냄.
  - 블로그 글, 뉴스 기사, 사용자가 게시한 글 등이 해당함.