inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

7.1) 라이프사이클이란?

inline css

해결된 질문

388

김학준

작성한 질문수 22

0

혹시 4번째 줄에서 inline css style을 적용할 때 {} 중괄호로 한번 더 감싸는 이유가 무엇인가요?

javascript react node.js

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요.

inline css를 적용할 때, {} 중괄호로 스타일 속성을 지정하는 것에 대한 의미적인 이유는 없습니다. 그러나 중괄호는 해당 스타일 속성을 그룹으로 묶어서 표현하기 때문에 가독성과 코드 관리 측면에서 유용합니다. 또한, 동일한 스타일 속성을 여러 개 사용하는 경우에도 중괄호를 사용하여 코드를 간략하고 효율적으로 작성할 수 있습니다.

따라서, 중괄호를 사용해 스타일 속성을 지정하면 코드를 관리하기 쉽고, 가독성도 높아져서 추후 유지보수가 용이하며, 코드의 크기를 줄여 성능 개선에도 도움이 됩니다.

감사합니다.

eslint.config.js 설정 질문입니다.

0

20

2

존재하지 않는 일기 url입력 시 alert이 두 번 떠요

0

44

1

교재(3쇄)와 강의 내용 문의

0

39

2

12.13) 하단 여백 스타일링 관련 질문 드립니다.

0

70

2

에러 질문드립니다

0

67

2

VSCode 설정 문의

0

78

2

PPT 코드 관련 질문

0

52

2

useEffect와 lifecycle문의

0

70

2

프론트엔드 학습 수준 문의

0

84

2

리액트 챕터별 코드에서 eslint 설정파일이 없어요

0

80

2

데이터 로딩중 화면만 계속 나와요!!

0

78

2

퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요

0

109

2

이후의 커리큘럼 문의

0

131

2

실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.

0

77

2

최적화 관련 질문있습니다 (useMemo 등)

0

106

3

프로바이더 컴포넌트의 위치는 어떤 기준인가요?

1

98

3

Date 객체에 관련하여 질문드립니다.

0

101

2

리액트 개정판 교재 질문

0

77

2

예제코드가 안나와요!

0

87

2

select a variant 선택에서 javascript와 javascript+react compiler 중 무엇을 선택해야하나요? com

0

134

2

onMouseEnter 관련 문의 드립니다

0

112

3

배열의 렌더링 관련 질문 드립니다.

0

87

2

2:40초 refObj를 콘솔로 출력시 오류가 발생합니다.

0

140

2

TS, 리액트 강의중에 뭘 먼저 수강하는게 좋을까요?

0

161

2