인프런 커뮤니티 질문&답변

작성한 질문수

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

채널 만드는 모달

Menu에 style 질문있습니다 !

작성

183

현재 Menu components에 inline style을 주셨는데

이렇게되면, index.tsx에서 style 의 값을 받아서

<div> 태그안에 들어가게되는건가요 ?

만일 그렇다면 div 태그 안에는 어떠한 스타일도 정의되어 있지 않은데

top : 95, left:80 값을 주면 어떤 변화가 생기는 건가요 ?

이 값들은 position : absolute 시 정의해주는 속성들 아닌가요 ?!

퀴즈

71%나 틀려요. 한번 도전해보세요!

재사용성, 가독성 향상, 복잡성 관리를 위해 UI 요소를 분리하여 컴포넌트로 만드는 주된 이유는 무엇일까요?

각 컴포넌트의 스타일을 다르게 적용하기 위해

디버깅 시 오류 추적을 쉽게 하기 위해

불필요한 props 전달을 피하기 위해

코드 재사용성을 높이고 관리 복잡성을 줄이기 위해

답변 1

질문자

혹시

CretaeMenu style안에 있는 & > div 에서 position : absolute 속성으로 인해 정의가 가능한걸까요 ?

& > div {

지식공유자

Menu컴포넌트에 해당하는 태그에 인라인 스타일이 들어갑니다. 정확히 어디에 들어가는지는 내부 구현에 따라 다릅니다.

네 top left는 position: absolute와 합쳐집니다.

작성한 질문수