# React

## React

- [리액트 강의](https://ljh86029926.gitbook.io/coding-apple-react/master.md): 안녕하세요 :)
- [\* 강의 수강 전 준비 (중요)](https://ljh86029926.gitbook.io/coding-apple-react/before-start-class.md): 리액트 개발을 위해 필요한 사전 준비물
- [기본 개념](https://ljh86029926.gitbook.io/coding-apple-react/undefined.md): 자바스크립트, Node.js 기본개념
- [Node.js & npm](https://ljh86029926.gitbook.io/coding-apple-react/undefined/node.js-npm.md): nodejs와 npm에 대해서 알아보겠습니다.
- [npm과 npx의 차이에 대해서](https://ljh86029926.gitbook.io/coding-apple-react/undefined/npm-npx.md): 글로벌 모듈을 설치하지 않기 위한 몸부림
- [Babel](https://ljh86029926.gitbook.io/coding-apple-react/undefined/babel.md): Javascript의 문법 확장
- [Bundler](https://ljh86029926.gitbook.io/coding-apple-react/undefined/bundler.md): 브라우저 단에서 import와 export를 하기 위한 움직임
- [Class](https://ljh86029926.gitbook.io/coding-apple-react/undefined/class.md): 자바스크립트의 Class문법에 관한 내용입니다. 강의 시작 전 보시면 정말 좋습니다.
- [this](https://ljh86029926.gitbook.io/coding-apple-react/undefined/this.md): 자바스크립트의 트릭인 this키워드의 사용 방법에 대해서 알아보겠습니다.
- [import, export에 관해서](https://ljh86029926.gitbook.io/coding-apple-react/undefined/import-export.md): 자바스크립트의 import, export 개념을 탄탄히 다지고 싶으신 분들께
- [Arrow function](https://ljh86029926.gitbook.io/coding-apple-react/undefined/arrow-function.md): '화살표 함수' 에 관해서
- [Map](https://ljh86029926.gitbook.io/coding-apple-react/undefined/map.md): for -> forEach -> map !
- [1강](https://ljh86029926.gitbook.io/coding-apple-react/1.md)
- [React가 뭐야?](https://ljh86029926.gitbook.io/coding-apple-react/1/what-is-react.md): React.js 라이브러리에 관한 간단한 설명
- [리액트를 왜 배우니 ?](https://ljh86029926.gitbook.io/coding-apple-react/1/why-learn-react.md): 왜 리액트를 배우는지 알아봅시다.
- [CRA를 활용한 리액트 앱 만들기](https://ljh86029926.gitbook.io/coding-apple-react/1/create-reactapp-using-cra-5min.md): 리액트 어플리케이션 만들기
- [태초에 DOM이 있었다.](https://ljh86029926.gitbook.io/coding-apple-react/1/dom-..md): 가상 돔에 관한 간단한 동영상
- [React에는 HTML이 없나요 ?](https://ljh86029926.gitbook.io/coding-apple-react/1/where-is-html.md): JS, CSS 코딩만으로 어떻게 HTML을 생성해 내는지
- [Component Of React](https://ljh86029926.gitbook.io/coding-apple-react/1/component-of-react.md): 리액트의 컴포넌트
- [영화 소개 프로젝트: 프로젝트 생성](https://ljh86029926.gitbook.io/coding-apple-react/1/undefined.md): Component of React 강의 복습 + 영화 소개 프로젝트 컴포넌트 생성
- [JSX](https://ljh86029926.gitbook.io/coding-apple-react/1/1-jsx.md): JSX 문법에 대해
- [props & state](https://ljh86029926.gitbook.io/coding-apple-react/1/props-and-state.md): Data handling in reactjs
- [영화 소개 프로젝트: 컴포넌트 작성](https://ljh86029926.gitbook.io/coding-apple-react/1/undefined-2.md): JSX, Props, State를 배운 것을 바탕으로 컴포넌트를 작성합니다.
- [2강](https://ljh86029926.gitbook.io/coding-apple-react/2.md)
- [라이프사이클](https://ljh86029926.gitbook.io/coding-apple-react/2/undefined-1.md): 리액트 컴포넌트의 생명주기에 관해 알아봅시다.
- [라이프 사이클이 뭔데?](https://ljh86029926.gitbook.io/coding-apple-react/2/undefined-1/what-is-life-cycle.md): 리액트에서 컴포넌트를 다루는 중요한 개념
- [render](https://ljh86029926.gitbook.io/coding-apple-react/2/undefined-1/render.md): JSX를 작성하는 부분, 실제 렌더링이 이루어 집니다.
- [componentDidMount](https://ljh86029926.gitbook.io/coding-apple-react/2/undefined-1/componentdidmount.md): 컴포넌트가 첫 로딩을 끝냈을 때 한 번만 실행되는 라이프사이클 함수
- [componentDidUpdate](https://ljh86029926.gitbook.io/coding-apple-react/2/undefined-1/componentdidupdate.md): State나 Props가 업데이트 될 때마다 실행되는 함수
- [componentWillUnmount](https://ljh86029926.gitbook.io/coding-apple-react/2/undefined-1/componentwillunmount.md): 컴포넌트가 사라질 때
- [라이프 사이클의 동작](https://ljh86029926.gitbook.io/coding-apple-react/2/undefined-1/undefined.md): 여러 개의 컴포넌트의 라이프 사이클의 동작 방식
- [리액트의 스타일링](https://ljh86029926.gitbook.io/coding-apple-react/2/undefined.md)
- [Pure css](https://ljh86029926.gitbook.io/coding-apple-react/2/undefined/pure-css.md): CSS로 리액트 스타일링 하기
- [SCSS](https://ljh86029926.gitbook.io/coding-apple-react/2/undefined/scss.md): node-sass를 이용한 리액트에서의 SCSS작성방법
- [Styled-components](https://ljh86029926.gitbook.io/coding-apple-react/2/undefined/styled-components.md): CSS-IN-JS
- [영화 소개 프로젝트: SCSS, Styled-component](https://ljh86029926.gitbook.io/coding-apple-react/2/scss-styled-component.md): 영화 소개 프로젝트에 SCSS와 Styled-component를 넣어 봅니다.
- [영화 소개 프로젝트: 외부 라이브러리 사용해보기](https://ljh86029926.gitbook.io/coding-apple-react/2/undefined-2.md): DOM Confetti 사용해 페이지 꾸며보기
- [LifeCycle Of React component - Deprecated](https://ljh86029926.gitbook.io/coding-apple-react/2/lifecycle-of-react-component.md): 리액트 컴포넌트의 라이프사이클
- [Optimizing of component - Deprecated](https://ljh86029926.gitbook.io/coding-apple-react/2/optimizing-of-component.md): 컴포넌트 최적화, ShouldComponentUpdate & PureComponent
- [scss note - Deprecated](https://ljh86029926.gitbook.io/coding-apple-react/2/scss-note.md): 리액트를 이용한 노트를 한 개 제작해 보려고 합니다.
- [3강](https://ljh86029926.gitbook.io/coding-apple-react/3.md): 라우팅의 개념을 배우고, 영화 프로젝트에도 라우팅 개념 집어넣어 보기
- [props 에러 관리](https://ljh86029926.gitbook.io/coding-apple-react/3/props.md): Prop-types, defaultProps를 통해서 에러 방지를 해 봅시다.
- [defaultProps](https://ljh86029926.gitbook.io/coding-apple-react/3/props/defaultprops.md): props를 주고받을 때 에러 방지를 위한 또 하나의 방법
- [prop-types](https://ljh86029926.gitbook.io/coding-apple-react/3/props/prop-types.md): 라이브러리를 활용한 props관리
- [그냥 타입스크립트 쓰세요](https://ljh86029926.gitbook.io/coding-apple-react/3/props/undefined.md): 개발자의 경험 향상
- [Routing (준비)](https://ljh86029926.gitbook.io/coding-apple-react/3/route-prepare.md): 기본적인 라우팅 실습 1
- [Routing (실전)](https://ljh86029926.gitbook.io/coding-apple-react/3/route-actual.md): 기본적인 라우팅에 관한 실습 2
- [history를 이용한 뒤로 가기 버튼 구현](https://ljh86029926.gitbook.io/coding-apple-react/3/history-go-and-goback.md): '단순한 링크 이동이 아닌 뒤로 가기 버튼'
- [영화 소개 프로젝트: 라우팅](https://ljh86029926.gitbook.io/coding-apple-react/3/movie-route.md): 배웠던 것을 바탕으로 리액트 라우터 연결해보기
- [한국 전통 음식 소개 페이지 만들기 - Deprecated](https://ljh86029926.gitbook.io/coding-apple-react/3/korea-food.md): Routing 실습 토이 프로젝트
- [4강](https://ljh86029926.gitbook.io/coding-apple-react/4.md): Ajax 요청하기
- [Ajax In React](https://ljh86029926.gitbook.io/coding-apple-react/4/ajax-in-react.md): API 요청을 실습해보는 수업
- [Form in react](https://ljh86029926.gitbook.io/coding-apple-react/4/4-form-in-react.md): 리액트에서 form 태그 사용하기
- [Unsplash API를 이용한 사진첩 만들기](https://ljh86029926.gitbook.io/coding-apple-react/4/4-unsplash-api.md): Unsplash API를 이용한 토이프로젝트
- [Redux - 데이터를 관리하는 또 다른 방법 - Deprecated](https://ljh86029926.gitbook.io/coding-apple-react/4/4-redux.md): 필요할 때 사용하면 좋습니다.
- [부록](https://ljh86029926.gitbook.io/coding-apple-react/undefined-1.md): 리액트 부록
- [CRA 프록시 서버 설정하는 방법](https://ljh86029926.gitbook.io/coding-apple-react/undefined-1/cra.md): 불편하게 하드코딩 할 필요 없잖아요?


---

# 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, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on a page URL with the `ask` query parameter:
```
GET https://ljh86029926.gitbook.io/coding-apple-react/master.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.