위코딩
반응형
article thumbnail
[React] JSX(JavaScript XML) 소개와 사용법
Framework/React 2023. 7. 21. 14:42

JSX는 JavaScript의 확장 문법으로, React에서 사용되는 UI 요소를 작성할 때 사용됩니다. JSX는 JavaScript 코드에서 HTML과 유사한 문법으로 UI를 작성할 수 있도록 도와주며, 가독성이 좋고 작성하기 쉬워 React 컴포넌트 개발에서 널리 사용됩니다. 아래에서 JSX의 소개와 사용법에 대해 알아보겠습니다. JSX란? JSX는 React의 핵심 요소 중 하나로, JavaScript의 확장 문법입니다. React 컴포넌트의 UI를 작성할 때 HTML과 유사한 구조를 사용하여 작성할 수 있으며, 이를 통해 코드의 가독성을 높이고 개발자들이 쉽게 이해하고 작성할 수 있도록 도와줍니다. JSX는 React 엘리먼트를 생성하고, 속성(props), 이벤트 핸들러, 자식 요소 등을 정의하..

article thumbnail
[CSS] CSS 선택자 (요소 선택자, 클래스 선택자, ID 선택자 등)
Style sheet/CSS 2023. 7. 19. 03:01

CSS 선택자는 HTML 문서 내에서 스타일을 적용할 대상을 선택하는 역할을 합니다. 다양한 선택자를 사용하여 원하는 HTML 요소에 스타일을 적용할 수 있습니다. 주요한 CSS 선택자에 대해 설명하겠습니다. 1. 요소 선택자(Element Selector) 가장 기본적인 선택자로, HTML 요소의 이름을 사용하여 스타일을 적용합니다. 요소 선택자는 해당 HTML 요소 전체에 스타일을 적용합니다. /* 모든 태그에 적용되는 스타일 */ h1 { color: blue; } 2. 클래스 선택자(Class Selector) HTML 요소에 class 속성을 추가하고, 그 클래스 이름을 사용하여 스타일을 적용합니다. 클래스 선택자는 여러 개의 HTML 요소에 같은 스타일을 적용하고 싶을 때 유용하게 사용됩니다...

반응형
loading loading