| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- Babel
- front-end mocking
- 쓰레드
- Critical Rendering Path
- 컴포넌트
- 자바스크립트
- 아키텍처
- 기초
- 기본
- thread
- mock service worker
- styled-component
- Cache
- vanilla-extract
- next.js
- SWC
- React
- 캐쉬
- JavaScript
- 리액트
- 최적화
- amplify
- 개발자
- react-native
- react-query
- async
- react server component
- 리액트쿼리
- 동기
- next hydration
- link
- MSW
- Concurrent Mode
- Basic
- 리액트네이티브
- CSS-in-JS
- 비동기
- sprinkles
- 목킹
- mockoon
Archives
- Today
- Total
목록관심사분리 (1)
Don’t worry about failures
React DOCS Reading study(1 - JSX)
About JSX 개념 HTML, 문자열이 아닌, JavaScript Extention 자바스크립트의 확장 문법이다. 즉, 리액트에서는 Javascript를 통해 HTML을 표현하며 view를 구성할 수 있게 도와주는 자바스크립트의 문법 채택하여 리액트의 개발에 큰 도움을 주고 있다. JSX의 표현 JSX는 자바스크립트로 읽어드리지만, 코드상 보이는 형태는 HTML 더 가깝다. 이 때문에 view를 표현하는 데에 있어 더 자유롭다. HTML과 같은 형태의 코드를 변수에 담고 함수에 return값으로 반환하며, view의 렌더링을 구성한다. 이러한 구성과 virtual DOM 때문에 리액트는 더 view를 위한 javascript 라이브러리, 사용자 인터페이스를 만들기 위한 javascript 라이브러리라..
React
2021. 6. 16. 22:49