| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- Element
- scope
- DoM
- html
- Node.js
- map
- 키다리 개발자
- web
- Rendering
- 시맨틱
- includes
- wep
- 회고록
- closure
- React.js
- CSS
- 키다리의 개발일지
- vue.js
- tag
- 볶음밥
- 키다리 개발 일지
- 노드
- React calculator
- jsx
- component
- ecma
- javascript
- react
- ES6
- props
- Today
- Total
목록component (2)
키다리 개발자
React 클래스 컴포넌트와 함수형 컴포넌트의 차이점
React에서 모든 컴포넌트에 state가 있어야 하는 것은 아니다. 어떤 컴포넌트는 state정보가 없는 stateless 컴포넌트도 있을 수 있다. state가 없을때에도 class형 컴포넌트를 사용해도 된다. 하지만 React에서 함수형 컴포넌트에 hooks 기술이 도입된 이후에는 class형 컴포넌트에서만 사용된 state를 더욱 간결하게 작성할 수 있게 되었다. class형 컴포넌트 위 사진상, class형 컴포넌트를 사용하였지만 class컴포넌트에서만 사용할 수 있는 state와 LifeCycle을 사용하지 않고 오로지 화면에 보여지는 return을 위해서만 존재한다. function 컴포넌트 따라서, 이와 같이 화면에 보이기만 할 때에는 return만 존재하는 함수형 컴포넌트가 코드상 가독성..
React 리액트란?
React는 JavaScript 라이브러리이며, 따라서 JavaScript 언어에 대한 기본적인 이해가 필요합니다. Facebook에서 개발한 컴포넌트(Components) 기반의 Javascript UI Library입니다. 싱글 페이지 애플리케이션(SPA)이나 모바일 애플리케이션을 개발할 때 사용할 수 있습니다. 하지만 React는 프론트엔드 라이브러리인 만큼 UI 이외의 라우트, 상태 관리 같은 기능들이 내장되어 있지 않습니다. Facebook에서 npm이 느려서 만든것. 굉장히 빠르다. 호환이 안 되는 모듈들이 있다. js, jsx 확장자를 많이 쓴다. jsx란? React용 Javascript js, jsx 파일 확장자를 가진 파일은 "무조건" (import React from 'react') ..