#리액트 #코딩 #프로그래밍
본 글은 JSX 문법에 대해서 설명합니다. 웹 페이지의 요소들이 가운데에 나타나도록 App 컴포넌트의 CSS를 적용해줍니다. JSX에서 모든 태그는 닫혀야 하며, 단독으로 쓰이는 태그들도 반드시 닫아야합니다. 또한, JSX 요소들은 자바스크립트 객체로 변환되기 때문에 엄격한 문법 준수가 필요합니다.
JSX에서 '중괄호 표현식'은 간단히 말해 중괄호 사이에 어떤 값을 반환하는 코드 조각을 넣는 것입니다. 원시 자료형 중에 중괄호 표현식에서 렌더링 될 수 있는 것은 문자열과 숫자입니다.
또한, 객체와 배열을 중괄호 표현식에 사용할 수 있으며, 객체의 키를 이용하거나 배열의 인덱스를 통해 접근할 수 있습니다. 이러한 방식으로 원하는 내용을 웹 페이지에 렌더링할 수 있습니다.
함수 호출문이 사용되는 경우에도, 이 또한 중괄호 표현식 안에 위치해 문자열이나 숫자를 반환하는 함수들을 실행할 수 있습니다. 마지막으로, JSX 요소를 중괄호 표현식 안에 넣어서 렌더링할 수 있다는 것도 알 수 있습니다. 이를 활용하는 JSX 작성법에 대해서는 다음 강의에서 볼 예정입니다.
= = =
🏠 얄코사이트: https://www.yalco.kr
📖 얄코 도서: https://www.yalco.kr/book/
🧑🏫 얄코 강의: https://www.yalco.kr/#lectures
🎥 제대로 파는 Git & GitHub: • 제대로 파는 Git & GitHub (대학생 전체강의 반값할인)
🎥 제대로 파는 자바: • 제대로 파는 자바 - Java 끝장내기
🎥 제대로 파는 파이썬: • 제대로 파는 파이썬 - Python 끝장내기
🎥 제대로 파는 자바스크립트: • (구판) 제대로 파는 자바스크립트 - 고정댓글에 새 버전 링크
🎥 제대로 파는 HTML & CSS: • 제대로 파는 HTML & CSS
🎥 갖고 노는 MySQL 강좌: • 왕초보용! 갖고 노는 MySQL 데이터베이스 강좌
🎥 반응형 프로그래밍 RxJS 강좌: • 반응형 프로그래밍이 뭔가요? (+ ReactiveX 강좌)
