inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Slack 클론 코딩[실시간 채팅 with React]

리액트와 시맨틱태그에 관하여 질문이 있습니다.

해결된 질문

647

문수정

작성한 질문수 2

1

안녕하세요 선생님!
강의를 통하여 리액트와 타입스크립트를 공부하고 있습니다. 감사합니다

공부하다보니 리액트의 시맨틱 태그에 관해 궁금증이 생겨서 질문드려요.

리액트는 index.html의 div태그안에 내용이 꽂히게 되는거잖아요?

그러면 리액트의 컴포넌트 안에서 main이나 header와 같은 태그를 사용해도 될까요?

<div>

   <main>

      ...

   </main>

</div>   

이런식으로 마크업이 되는 건데 보통의 html들은 header,main등은 <body>의 최상위 태그로 마크업되는거 같아서요.. 리액트에서는 div로 통일하고 role로 의미를 나타내는게 더 좋을까요??

또 선생님은 리액트에서 시맨틱 마크업을 어떻게 구현하시는지도 궁금합니다.

웹팩 Socket.io typescript babel react 클론코딩

답변 1

0

제로초(조현영)

저는 시맨틱 마크업에 대해서는 잘 모릅니다. 다만 div 안에 main과 header가 있다는게 이상한 것인지는 잘 모르겠습니다.

0

문수정

넵, 답변 감사드려요~~!

기본 셋팅과 관련하여

0

109

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

110

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

167

2

useEffect 개수 관리

0

123

2

라이브러리 서치 방법

0

118

2

함수 정의 패턴

0

81

1

npm run dev 에러

0

157

3

npx webpack 후 에러

0

188

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

154

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

193

2

초기세팅중 packge.json 에러떠요

0

163

2

CORS - Access-Control-Allow-Origin 누락 문제

0

440

3

로그인 페이지 무한 새로고침 현상

0

610

2

Module not found: Error: Can't resolve './App' 에러

0

971

1

배포 방법

0

307

2

npm run dev 시 빌드가 매우 느려졌습니다

0

1016

2

alias 경로 설정 오류

0

463

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

284

1

제네릭 질문

0

227

2

ts-node 대신 tsx 사용여부

0

380

1

배포 관련 질문

0

249

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

396

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

343

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

255

2