101624 til

mbti  프로젝트 

 

테스트 페이지 

 

화면이 안나오고 자꾸 에러가 나서 , 왜 그런가 했더니 import 가 안되서 

 

함수를 지정 해주고 나서 , 테스트 페이지가 보이기 시작했다 

 

 

 

 

 

 

 

middleware 

미들웨어(Middleware)란?

미들웨어는 두 시스템 사이에서 데이터나 요청을 처리하는 중간 다리 역할을 한다 . 

 

쉽게 말해, 사용자의 요청과 서버가 처리하는 작업 사이에 끼어들어서 뭔가를 추가로 처리해줌 

 

---

 게임을 할 때 로그인을 해야만 게임을 시작할 수 있음 

 

이때 로그인 검사를 미들웨어가 해준다 

로그인 상태를 확인한 후에만 게임 서버로 연결한다

React나 Express.js에서 미들웨어는 주로 요청을 가로채서 검사를 하거나 추가적인 작업을 수행한다
예를 들어, 서버로 데이터를 보내기 전에 로그인 확인, 데이터 포맷 검사 같은 걸 미들웨어가 처리할 수 있다

 

 

미들웨어는 요청-응답 사이에 끼어서 뭔가를 처리하는 친구다 

주로 로그인 확인, 데이터 검증, 로깅 같은 걸 담당한다 

 

react hook form 

React Hook Form은 리액트에서 폼을 쉽게 관리할 수 있도록 도와주는 라이브러리다 

 

이 라이브러리를 사용하면 폼의 상태를 간단하게 관리하고, 불필요한 리렌더링을 줄일 수 있다 . 

 

그래서 더 빠르고 효율적인 폼을 만들 수 있다 

 

React Hook Form의 주요 특징

간단한 API – 폼 관리가 쉽고 코드가 짧다 

빠른 성능 – 입력할 때마다 리렌더링이 줄어든다

유효성 검사 – 다양한 유효성 검사를 쉽게 적용할 수 있다

제어되지 않는 컴포넌트 사용 – 기본 HTML 폼 요소로 동작 

 

설치 방법 

 

yarn add react-hook-form

 

 

npm install react-hook-form