일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- React
- Vue.js 입문
- vue.js
- 중첩 라우트
- vue.js 로그인
- propsTypes
- Vue.js 시작하기
- Props
- vuex
- router replace
- vue 히스토리 모드
- 백준 1110 시간 초과
- router 네비게이션
- State
- router push
- 2021 정보처리기사 실기
- 함수형 컴포넌트
- 2021 정처기
- defaultProps
- vuex 새로고침
- 클래스형 컴포넌트
- 2021 정처기 실기
- 컴포넌트
- router go
- 라이프사이클
- vue 로그인
- 정보처리기사
- React 시작하기
- 정처기
- 2021 정보처리기사
Archives
- Today
- Total
목록jsx (1)
개발 일기
[React 시작하기] JSX
JSX란 자바스크립트의 확장 문법이며 XML과 매우 비슷하게 생겼다. 이는 코드가 브라우저에서 실행되기 전에 코드 번들링 되는 과정(묶이는 과정)에서 바벨 컴파일러로 일반 자바스크립트 형태의 코드로 변환된다. 다음은 JSX 코드가 일반 Jascript 코드로 변환되는 과정이다. function App() { return ( Hello react ) } function App() { return React.createElement("div", null, "Hello ", React.createElement("b", null, "react")); } 문법 - 반드시 요소 여러 개가 부모 요소 하나에 의해 감싸져 있어야 한다. 로 감싸기싫은 경우 나 로 감싸줘도 된다. 이는 가상돔에서 컴포넌트 변화를 감지해 ..
React
2021. 6. 17. 14:59