일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- State
- 제곱함수
- 각자리수
- stack
- 함수표현식
- Til
- 자료구조
- react
- CLONE
- 수도코드
- 함수선언식
- pair
- math.pow
- falsy
- 스택
- render
- while
- jsx
- pseudocode
- 객체지향프로그래밍
- JavaScript
- github
- props
- SUPER
- ReactDOM
- 페어프로그래밍
- reduce
- ES6
- 깃헙
- javascirpt
Archives
- Today
- Total
목록jsx (1)
강백호같은개발자
React JSX
const element = Hello, world!; JSX는 HTML도 아니고, 문자열도 아닌 형태로 사용합니다. 아주 희안합니다. 그러니까, JavaScript안에서 태그 모양을 그대로 불러와서 사용하는 문법이라고 생각하면 좋겠습니다. 1. 먼저 하나의 엘리먼트가 모든 엘리먼트를 감싸고 있어야합니다. 2. 자바스크립트 코드를 적용할 땐 중괄호 {} 안에서 이용해야한다. 3. JSX 내부에서는 if문을 사용할 수 없기 때문에 3항 연산자로 표시해야합니다. 조건부랜더링 할 땐 () ? a : b 4. 엘리먼트의 클래스 이름은 class 대신 className이라고 사용한다. JSX도 표현식이기 대문에 컴파일이 끝나면 JavaScript객체로 인식됩니다. 즉, JSX를 if 구문이나 for loop 안에..
- 배움은 개발을 거들뿐(TIL)
2020. 7. 8. 14:25