실시간 데이터가 중요하다면 react-query

react-query? react-query는 서버의 값을 클라이언트에 가져오거나, 캐싱, 값 업데이트, 에러 핸들링 등 비동기 과정을 더욱 편하게 하는데 사용된다. 여러가지 장점이 있지만 주로 아래와 같이 프론트 개발자가 구현하기 귀찮은 일들을 수행한다. 몇초마다 자동으로 데이터를 다시 가져온다. 요청 실패시 몇초 간격으로 재시도할 때 다음 페이지를 미리 가져올 수 있다 ajax 성공 / 실패 시 각각 다른 html을 보여준다. 직접 개발해도 되지만, react-query 라이브러리를 사용하면 편리하게 구현할 수 있다. SNS, 코인거래소 같은 실시간 데이터를 보여줘야 하는 사이트에서 유용하다. react-query 사용하기 1. 설치하기 npm install @tanstack/react-query 2..

2022.12.11

회원가입 - ajax

약관동의 > 회원가입 폼 > 가입완료의 순으로 진행되며 아이디, 닉네임 중복확인 시 새창을 사용하지 않고, 비동기 방식으로 바로 화면에 체크 여부가 보여진다. /member2/member.sql create table member ( id char(15) not null, pass char(41) not null, name char(10) not null, nick char(10) not null, hp char(20) not null, email char(80), regist_day char(20), level int, primary key(id) ); /member2/member_check2.php 각 약관의 동의(체크)여부를 따져 다음 단계로 넘어간다. checkbox의 name을 agree로 통일..

2022.02.16