일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- router replace
- 중첩 라우트
- 함수형 컴포넌트
- 정처기
- Vue.js 시작하기
- defaultProps
- 2021 정처기
- 2021 정처기 실기
- router go
- propsTypes
- vue.js 로그인
- 백준 1110 시간 초과
- React
- vue.js
- vuex 새로고침
- 클래스형 컴포넌트
- router push
- vue 히스토리 모드
- vue 로그인
- 2021 정보처리기사 실기
- 정보처리기사
- React 시작하기
- Props
- 컴포넌트
- State
- router 네비게이션
- 라이프사이클
- 2021 정보처리기사
- Vue.js 입문
- vuex
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