GO WILD, SPEAK LOUD, THINK HARD

✔ 08주차. Open API 활용 React로 제작한 웹 사이트에서 Redux를 활용해 상태관리를 수행할 수 있습니다. Axios를 이용하여 Create, Read, Update, Delete 를 할 수 있습니다. OpenAPI를 활용하여 React로 제작한 웹 사이트에 사용할 수 있습니다. [01 OpenAPI란?] 1. API - API : Application Programming Interface, 다양한 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스 - OpenAPI : Open Application Programming Interface (공개 API), 누구나 사용할 수 있도록 공개되어 개발자에게 사유 응용 소프트웨어나 ..

✔ 08주차. Open API 활용 React로 제작한 웹 사이트에서 Redux를 활용해 상태관리를 수행할 수 있습니다. Axios를 이용하여 Create, Read, Update, Delete 를 할 수 있습니다. OpenAPI를 활용하여 React로 제작한 웹 사이트에 사용할 수 있습니다. [01 Redux로 비동기 처리] 1. Redux 미들웨어 - Redux 미들웨어 : 리덕스의 기능을 확장할 때 사용하는 기능. 여러 미들웨어를 사용해도 서로 영향X, 여러 개를 조합해서 사용 가능 ex. 액션 로그를 출력 미들웨어, 비동기 처리 미들웨어, 크래시 리포트를 전송 미들웨어, 라우팅 미들웨어 등 - Redux 미들웨어의 구조 : Redux흐름에서 액션이 디스패치되는 시점부터 reducer로 처리가 이동..

✔ 07주차. 웹 프론트엔드 II 클래스 컴포넌트와 함수 컴포넌트의 공통된 점과 차이점을 비교하여 상황에 맞게 사용할 수 있습니다. Hook을 사용해 함수 컴포넌트에서도 State의 값을 변경할 수 있습니다. State관리를 하는 방법과 구조를 이해하고 Redux를 사용하는 이유를 알 수 있습니다. [01 Redux란?] 1. Redux - Redux 등장배경 - 프로그램의 복잡성은 개발자와 코드를 관리하는 보안관리자의 사이를 멀어지게 하며 개발자들이 개발을 할 때 코드가 장황해지거나 애플리케이션 시스템을 제어하기가 매우 까다로워짐. Redux는 애플리케이션의 복잡성을 획기적으로 낮춰서 코드가 어떤 결과를 가져올지 예측가능하게 만들어주는 도구. - Redux 정의 : application 전체의 상태(s..

✔ 07주차. 웹 프론트엔드 II 클래스 컴포넌트와 함수 컴포넌트의 공통된 점과 차이점을 비교하여 상황에 맞게 사용할 수 있습니다. Hook을 사용해 함수 컴포넌트에서도 State의 값을 변경할 수 있습니다. State관리를 하는 방법과 구조를 이해하고 Redux를 사용하는 이유를 알 수 있습니다. [01 State Hook 사용하기] 1. Hook과 함수형 컴포넌트 - Hook은 React state를 함수 안에서 사용할 수 있게 함. (클래스 안에서 동작X) - Hook 사용하기 : 사용할 Hook을 import (ex. import React, { useState } from 'react'; ) // useState import import React, { useState } from 'react'..

✔ 07주차. 웹 프론트엔드 II 클래스 컴포넌트와 함수 컴포넌트의 공통된 점과 차이점을 비교하여 상황에 맞게 사용할 수 있습니다. Hook을 사용해 함수 컴포넌트에서도 State의 값을 변경할 수 있습니다. State관리를 하는 방법과 구조를 이해하고 Redux를 사용하는 이유를 알 수 있습니다. [01 Controlled Component 및 State 끌어올리기] 1. Forms - 폼(form) : 웹 페이지에서 사용자가 정보를 입력할 수 있도록 만든 HTML의 형태. (입력을 위한 양식) - Controlled Component(제어 컴포넌트) : 사용자가 state를 제어할 수 있는 컴포넌트. HTML에서 사용하는 폼 엘리먼트 , , 등을 Controlled Component를 통해 React..