일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- Promise Chaining
- 참조자료형
- 화살표함수 기본 개념
- probs
- 조건문
- 상속 (inheritance)
- Promise all
- 캡슐화 (encapsulation)
- justfiy-content
- Instanc
- 객체지향 프로그래밍 특징
- Math.floor()
- display
- 첫번째 미니 프로잭트
- align-content
- align-iitems
- 재귀함수 탬플릿
- 추상화 (abstraction)
- probs.children
- string
- flex-direction
- 문자열을 객체로 만드는법
- 클래스 문법 구조
- class
- css 정리
- 재귀적으로 생각하기
- 얕은복사와 깊은 복사
- async/await
- 다형성 (polymorphism)
- props비구조화 할당
Archives
- Today
- Total
목록jsx 문법 (1)
희락코딩
React_JSX 규칙
# JSX JSX는 자바스크립트의 확장 문법입니다. 얼핏보면 HTML과 유사하게 생겼지만 실제로는 JavaScript입니다. 리엑트 컴포넌트 파일에서 XML형태로 코드를 작성하면 바벨이 번들링 되는 과정에서 일반 자카스크립트 형태의 코드로 변환 합니다. JSX의 장점 1. 보기 좋고 가독성이 좋다. 위에 바벨로 작성한 코드를 비교 해보면 누가봐도 JSX가 쉽고 가독성이 더 좋다는 것을 알 수 있습니다. 또한 HTML과 매우 유사해서 금방 익숙해집니다. 2. 높은 활용도 HTML 태그를 사용할 수 있을 뿐만 아니라 컴포넌트를 HTML 태그 쓰듯이 JSX 안에서 작성 할 수 있습니다. JSX가 자바스크립트로 제대로 변환이 되려면 지켜줘야 하는 몇가직 규칙이 있습니다! 예시를 통해 하나하나 알아봅시다!! #1..
프로그래밍/React
2021. 5. 1. 00:36