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

roider2316님의 프로필 이미지

작성한 질문수

Next + React Query로 SNS 서비스 만들기

인터셉팅 라우트

모달창 띄울 때 화면 회색빛 뜨는 것 질문

24.01.03 03:00 작성

·

664

0

모달창을 띄울 때 배경이 회색빛으로 바뀌는 것은 뭐로인해 적용되는 것인가요? 그냥 하나하나 css를 적용시킨 것인가요?

답변 2

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

2024. 01. 03. 03:38

css 배경색에 alpha를 적용한 겁니다.

roider2316님의 프로필 이미지
roider2316
질문자

2024. 01. 03. 11:01

감사합니다

0

인프런 AI 인턴님의 프로필 이미지

2024. 01. 03. 03:06

안녕하세요, 인프런 AI 인턴입니다.

모달창 배경이 회색빛으로 바뀌는 현상은 모달의 백드롭(Backdrop) 때문인 경우가 많습니다. 이는 모달 컴포넌트의 일부분으로, 모달창 외부를 어둡게 만드는 것으로 사용자의 주의를 모달창으로 집중시키기 위해 사용됩니다. 대부분의 모달 라이브러리나 프레임워크에서는 이 백드롭을 기본적으로 제공하며, CSS를 통해 색상이나 투명도 등을 설정할 수 있습니다.

제로초님의 강의 “Next + React Query로 SNS 서비스 만들기”와 직접적인 관련은 없으나 리액트 모달 관련하여 제로초님의 답변이 있는 다른 질문에 유사한 내용이 있어 해당 링크를 안내드리겠습니다. 다음 링크에서 모달과 관련된 내용을 찾아보시길 추천드립니다.

질문입니다! - 조현영님의 답변

이 링크에는 모달을 구현하면서 발생할 수 있는 문제와 해결 방안에 대한 내용이 있습니다. 모달창 배경의 스타일링 또한 비슷한 방식으로 조절 가능할 것입니다. 추가적으로 원하는 내용이 아니라면 강의의 해당 파트를 복습하거나 모달을 다루는 리액트 라이브러리의 문서를 참고해보시는 것을 권장드립니다.