| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- 리액트쿼리
- JavaScript
- styled-component
- react server component
- Concurrent Mode
- 동기
- 목킹
- SWC
- 리액트네이티브
- 개발자
- 컴포넌트
- mockoon
- react-query
- async
- amplify
- React
- Cache
- link
- next.js
- 쓰레드
- CSS-in-JS
- MSW
- mock service worker
- 캐쉬
- sprinkles
- Critical Rendering Path
- 최적화
- thread
- 아키텍처
- 리액트
- Babel
- Basic
- 기초
- 기본
- vanilla-extract
- react-native
- 자바스크립트
- next hydration
- front-end mocking
- 비동기
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