코드의 의미를 모르겠어요 react요
639
7 asked
const Wrapper =styled.div 이게 무슨의미인지요?
또 문법이 괄호도 없고 빽틱으로만?
& >*{
:not(:last-child){
margin-bottom:16px; }
이건 또 무슨의미인지요
CommentList.jsx 의 일부 입니다
const Wrapper =styled.div`
display:flex;
flex-direction : column;
align-items:flex-start;
justify-content : center;
& >*{
:not(:last-child){
margin-bottom:16px;
}
}
`;
Answer 3
0
2번
:not(:last-child){
margin-bottom:16px;
이건 무슨 의미지요?
0
해당 부분은 CSS에서 특정 element에만 스타일을 적용하기 위한 selector입니다.
여기에서는 마지막이 아닌 element들에게만 하단에 margin을 16px주겠다는 뜻이 됩니다.
더 자세한 내용은 아래 링크를 참고하시면 좋을 것 같습니다!
https://developer.mozilla.org/en-US/docs/Web/CSS/:last-child
0
안녕하세요, 소플입니다.
exwhite님께서 먼저 답변을 잘 달아주셨네요~
해당 문법은 styled-components에서 사용하는 문법입니다.
https://styled-components.com/
강의 후반부 섹션 15에서 styled-components를 다룰 때 자세히 설명히 나오니 참고해주시면 좋을 것 같습니다!
0
1.아래에 return으로 출력될 Wrapper 컴포넌트에 백틱 안에 css 속성이 적용됩니다.
2.
https://inflearn.com/questions/548062 선생님 설명 있는 링크입니다.
강의가 삭제되었다고 합니다
0
106
1
이거 왜 존재하지 않는다고 뜨는건가요
0
133
1
존재하지 않는 수업이라고 떠요
0
182
1
안드로이드 에뮬레이터 오류
0
100
1
교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.
0
125
1
prevIsConfiromed 질문
1
141
2
chapter14 잘이해가 되지않습니다..
1
135
2
2025년 3월 리액트버전
1
201
2
npm 설치 오류
1
174
1
chapter_07 콘솔로그 질문드려요~!
1
127
2
안녕하세요 미니블로그 실습 질문드립니다.
1
178
3
에러가 떠요
1
218
3
Chapter6 질문 드립니다
1
209
2
실습 코드 있을까요?
1
205
2
상태가 업데이트될때 컴포넌트 최상단의 console.log 코드가 두번 실행되는 이유가 궁금합니다.
1
233
2
npx create-react-app my-app 명령어 입력이 잘못된 것 같습니다
0
308
3
이름과 코멘트 줄바꿈이 안 됩니다.
0
140
1
버튼이 안 뜹니다
0
303
2
npx create-react-app my-app
1
470
2
jsx 코드 작성해보기에서 index.js 수정 후 에러 뜹니다.
1
375
3
Chapter_05 터미널, 리액트 에러
0
193
2
npx create-react-app my-app 명령어 반응없음
1
432
3
import 코드 에러
1
214
1
백틱
1
121
1