> For the complete documentation index, see [llms.txt](https://yamoo9.gitbook.io/learning-react-app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://yamoo9.gitbook.io/learning-react-app/tip-and-references/js-frequently-used-in-react.md).

# JS Frequently Used in React

React는 다른 프레임워크와 달리 별도의 템플릿 문법에 의존하지 않고 JavaScript를 적극적으로 활용합니다. 물론 사용자 편의를 위해 JSX 문법을 지원하며 JSX 코드는 컴파일 과정에서 JavaScript 코드로 변환됩니다. 뿐만 아니라 [React Hook](https://reactjs.org/hooks)의 등장으로 컴포넌트는 이전 보다 이해하고 작성하고 사용하기 쉬워졌습니다.

그런 이유로 React를 애플리케이션 개발에서 효율적으로 활용하기 위해서는 모던 JavaScript(ES6+)의 새로운 기능을 배우고 적극적으로 활용해야 합니다. 여기에서 소개하는 새로운 기능들은 React를 최대한 효과적으로 활용하기 위해 반드시 알아두어야 할 JavaScript의 기능입니다.

![](/files/-MUgdZ4fOAJpWU3cpCeU)

{% content-ref url="/pages/-MUgbAdzzIw9EHrb\_\_IM" %}
[Arrow function](/learning-react-app/tip-and-references/js-frequently-used-in-react/arrow-function.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MUgbKEp3OUxU-MVTMV3" %}
[Template Liternals](/learning-react-app/tip-and-references/js-frequently-used-in-react/template-liternals.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MUgbRXdv0ZUv\_JI06Xd" %}
[Destructuring assignment](/learning-react-app/tip-and-references/js-frequently-used-in-react/destructuring-assignment.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MUgb\_eg4MqDB0WqpmzW" %}
[Default parameters](/learning-react-app/tip-and-references/js-frequently-used-in-react/default-parameters.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MUgbg8a8FjVywicJEBl" %}
[Rest paramenters](/learning-react-app/tip-and-references/js-frequently-used-in-react/rest-paramenters.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MUgboMzxcg91yJbIx6-" %}
[Shorthand property names](/learning-react-app/tip-and-references/js-frequently-used-in-react/shorthand-property-names.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MUgbv2FsN3M2nUbBWDc" %}
[Modules](/learning-react-app/tip-and-references/js-frequently-used-in-react/modules.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MUgc09E69FLAvLnPSn1" %}
[ternaries](/learning-react-app/tip-and-references/js-frequently-used-in-react/ternaries.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MUgc7duSBt0jTafIOiE" %}
[Nullish coalescing operator](/learning-react-app/tip-and-references/js-frequently-used-in-react/nullish-coalescing-operator.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MUgcFyRb1S\_mcDsK-uA" %}
[Optional chaning](/learning-react-app/tip-and-references/js-frequently-used-in-react/optional-chaning.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MUgcLhr7MtJ9X7dhT4X" %}
[Array methods](/learning-react-app/tip-and-references/js-frequently-used-in-react/array-methods.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MUgcT5Ef5ZHqG1NfhZS" %}
[Promises & Async function](/learning-react-app/tip-and-references/js-frequently-used-in-react/promises-and-async-function.md)
{% endcontent-ref %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://yamoo9.gitbook.io/learning-react-app/tip-and-references/js-frequently-used-in-react.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.