Skip to main content

29 docs tagged with "강좌"

View All Tags

Class Component

- 리액트는 훅이 나오기 전까지 상태관리는 클래스 컴포넌트로 만들어 구성하였다.

Composition

- create-react-app 으로 만든앱에서 components 디렉토리를 만든다.

Composition 심화 1

- React는 강력한 합성 모델을 가지고 있으며, 상속 대신 합성을 사용하여 컴포넌트 간에 코드를 재사용하는 것이 좋다.

ConditionalRendering

- 조건부 렌더링은 말 그대로 조건에 맞는 경우에 해당하는 컴포넌트를 보여주는 것이다.

Create React App

- html에 react를 cdn으로 받아서 사용하는 방법은 일반적이지 않다.

Event(SyntheticEvent)

- React Event 핸들러는 모든 브라우저에서 이벤트를 동일하게 처리하기 위한 이벤트 래퍼 SynthenticEvent 객체를 전달받는다.

Extraction(Components and Props)

- 컴포넌트를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조직을 개별적으로 관리할 수 있다.

Fetch API 사용하기

- Fetch API는 네트워크 통신을 포함한 리소스 취득을 위한 인터페이스가 정의되어 있는 내장 라이브러리이다.

Form 다루기 1

- React 에서 기존 html 소스를 그대로 가져와 사용할 수 있다

Form 다루기 1

- phoneNumber input 태그에 값이 0부터 시작되면 valid, 1부터 시작되면 invalid 하게 처리하는 로직을 구현한다.

Hook Flow 이해하기

- hook이 호출되는 타이밍을 확인하기 위해 간단한 예제를 구현한다.

Hook 심화 3

- 커스텀 훅은 여러 Hook들을 모아 놓은 함수이다.

상태 올리기(주입하기))

- 뷰모 뷰에서 하위 뷰의 상태 값을 사용해야 하는 경우 부모 뷰에서 상태를 선언하고 하위 뷰에 상태를 주입하여 사용할 수 있다.

커스텀 훅 만들기

- useState, useEffect이 여러번 사용되면, 문맥에 따라 hook들을 묶어서 커스텀 훅으로 만들 수 있다.