> For the complete documentation index, see [llms.txt](https://bugtype-kr.gitbook.io/react-deep-dive/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bugtype-kr.gitbook.io/react-deep-dive/master.md).

# 서론

[Gitbook 링크 ](https://bugtype-kr.gitbook.io/react-deep-dive/)

누가 읽어야 하는가?

* 리액트 기본 경험이 있는자
* 리액트가 어떻게 작동하는지 알고 싶은 자
  * [얕은비교](/react-deep-dive/core/shallowequal.md), [재조정](/react-deep-dive/core/reconciliation.md) ...
* Typescript 기본지식이 있는자

리액트에 대한 기본 지식이 있는 사람을 대상으로 작성되었습니다. :)

이 문서에서는 **class 컴포넌트**에 대해서 다루지 않습니다. 왜냐하면, 개인적으로 프론트엔드에서 객체지향 관점에서 코딩해야하는 경우가 크게 없다고 봅니다. (**typeescript 제외**) 프론트엔드에는 비즈니스 로직이 거의 없습니다. 많다면, 그거는 잘못된 설계입니다. 비즈니스로직 관련은 백엔드 도메인 계층에서 구현되어야 합니다. 그러므로 프론트엔드에서는 변경되는 요소가 UI 로직이 주로 있을 것입니다. 

typescript의 발전으로 class에 private 같은 접근제어자 생겼으며, 계속해서 좋아지고 있습니다.

*앗... gitbook이 한글인식을 제대로 못해서 작성하기 너무 힘들다..*

{% content-ref url="/pages/-Mdtn5HgpR\_j0wpBZDl5" %}
[1. React Typescript](/react-deep-dive/react-typescript-1/jsx.element-vs-reactnode-vs-reactelement.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MdlcItA9yB3LO294Oan" %}
[2. React Hooks](/react-deep-dive/hooks/react-hooks.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MdlchQExm5vyViuuQon" %}
[3. React Core](/react-deep-dive/core/shallowequal.md)
{% endcontent-ref %}

{% content-ref url="/pages/-McgSV\_5nx\_aXONSzOg8" %}
[6. 앞으로 미래의 기능](/react-deep-dive/future/undefined.md)
{% endcontent-ref %}