Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
public:computer:react.js [2023/01/02 16:46] – [References] alex | public:computer:react.js [2023/01/10 14:34] (current) – alex | ||
---|---|---|---|
Line 13: | Line 13: | ||
{{page> | {{page> | ||
+ | |||
+ | |||
+ | ===== Getting Started ===== | ||
+ | ==== Hello, World ==== | ||
+ | <sxh html> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <meta charset=" | ||
+ | |||
+ | < | ||
+ | |||
+ | <script src=" | ||
+ | <script src=" | ||
+ | <script src=" | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | <div id=" | ||
+ | |||
+ | <script type=" | ||
+ | class App extends React.Component { | ||
+ | render() { | ||
+ | return < | ||
+ | } | ||
+ | } | ||
+ | |||
+ | ReactDOM.render(< | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | ==== Concepts ==== | ||
+ | * react | ||
+ | * jsx(JavaScript XML) | ||
+ | * props; | ||
+ | * defaultProps | ||
+ | * props.children | ||
+ | *isSpecial | ||
+ | * useState (@React Hooks), state | ||
+ | * 함수형 업데이트 | ||
+ | * useRef (@React Hooks) | ||
+ | * useEffect (@React Hooks) | ||
+ | * useMemo (@React Hooks) | ||
+ | * useCallback (@React Hooks) | ||
+ | * useReducer | ||
+ | * cutom hooks | ||
+ | * LifeCycle | ||
+ | * Mount; constructor, | ||
+ | * Update; getDerivedStateFromProps, | ||
+ | * Unmount; componentWillUnmount | ||
+ | | ||
===== References ===== | ===== References ===== | ||
* [[https:// | * [[https:// | ||
+ | * [[https:// | ||
* [[https:// | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
* [[https:// | * [[https:// | ||