리액트 간단정리

1. State 변수

• 컴포넌트 내부에서 관리되는 데이터
• useState와 setSteate를 사용하여 메서드 상태를 변경한다.

2. 컴포넌트

• 클래스형 컴포넌트 : 상태변수(state)와 라이프사이클 메서드를 기본으로 지원하는 컴포넌트
• 함수형 컴포넌트 : JS함수로 정의되며, React Hooks를 사용하여 상태관리, 라이프사이클 메서드를 구현함

2. props 변수

• 부모컴포넌트에서 자식컴포넌트로 전달되는 읽기 전용 데이터
• props값을 변경하면 컴포넌트 리렌더리가 발생함

3. 두 변수의 생명주기 메서드

• 호출시점 : 컴포넌트의 생성, 업데이트, 삭제등으로 구분
• 용도 : 컴포넌트 마운트 ,업데이트, 언마운트 등의 제어로직 처리

4. Context API

 

5. HTTP 요청/응답 헤더

• Content-Type : 요청 또는 응답의 본문 데이터가 어떤 타입인가를 구분
• Content-Length : 요청 또는 응답 본문의 바이트 단위의 길이가 얼마인지
• Authorization : 인증정보제공

6. 요청메서드

• GET
• POST
• PUT
• DELETE
• OPTIONS

7. 데이터베이스 정규화

• 정규화 : 무결성을 유지하려고 함
• 1정규화 : 모든 column값을 원자화(값이 하나인 상태)
• 2정규화 : 완전함수 종속성을 만족
• 3정규화 : 이행종속이 없어야함.
• bncf정규화 : 모든 결정자가 key여야함
• 4정규화 : 다치종속성이 없어야함
• 5정규화 :조인종속성이 없어야함

8. RESTful API

• Client-Server : 클라이언트와 서버로 분리되어야 하며, 서로 의존성이 없어야한다.
• Stateless(무상태성) : 상태정보를 따로 저장하지 않음
• Cache : http를 비롯한 네트워크 프로토콜에서 제공하는 캐싱 기능을 적용할 수 있어야 함
• Uniform Interface : 데이터가 표준형식으로 전송될 수 있도록 구성 요소 간 통합 인터페이스를 사용
• Layered System : API는 REST조건을 만족하면 필연적으로 오픈될 수 밖에 없음. 따라서 요청 정보를 검색하는 데 있어 계층구조로 분리해야함
• Self-descriptveness : API를 통해 전송되는 내용은 별도 문서 없이 쉽게 이해할 수 있도록 자체 표현 구조를 지녀야 함