[React] 8. 블로그 만들기 (2) - 회원가입

Aug 24, 2025

Contents

스타일 컴포넌트로 만든거니까 충돌나게 쓰면 안되겟져

내가 관리할 상태 = username, password,email

→ object로 관리한다.

클라이언트가 글자를 적을때 이벤트 발생할거임

= onChanged

왜 보통 onChaged에 걸어두냐면 적어둘때 서버와 통신해서 유효성 검사 하려고 하는데

그냥 제출할때 한번에 전송해도 됨

debouncing도 적용해야됨

적을때마다 아이디 중복검사 되어야 하는데 시간 2초 정도 잡아두고 적을때마다 바로 서버와 통신하는게 아니라 2초뒤에 보내지도록 즉 키보드에서 손 떼면 서버와 통신하도록 코딩

debouncing 같은애들이 잘 적용되는 거 = 시리?

지금은 debouncing 안할거임

e = 이벤트

js에서 모든 콜백 메서드는 내부적으로 브라우저가 이벤트를 전달해줌

지금 onChanged 이벤트가 발생함

이벤트 객체를 전달해줌.

target

flutter도 map 타입을 쓰면 이렇게 사용 가능하다.

리렌더링 후에 확인 가능하므로 return 되는 코드에서 확인 가능함.

submitJoin 걸었고 preventDefault 걸었으니까 axios 실행

await 걸고 도망갈 수 있게 해야됨