오늘 할 일
- 회원가입 에러 처리 파트
response.ok 는 상태코드 200번대를 말한다.
즉 !response.ok는 200번대가 아닌 경우 ex) 400,500번대
생각해보니 어제 문제였던 부분
회원가입페이지를 "벗어났을 때" 값을 초기화하면 될 듯 싶다
다시 고 (해결 완료)
마운트되다의 뜻
컴포넌트 생명주기(Lifecycle)
React 컴포넌트는 특정한 생명주기(Lifecycle)를 따르며, 그 과정은 크게 세 단계로 나눌 수 있습니다:
마운트(Mount): 컴포넌트가 생성되어 화면에 처음으로 렌더링되는 순간.
업데이트(Update): 컴포넌트가 상태(state)나 속성(props) 변경으로 인해 다시 렌더링되는 과정.
언마운트(Unmount): 컴포넌트가 더 이상 필요하지 않아 DOM에서 제거되는 순간.
API
이메일을 전송하는 api의 일부인데
프론트에서 백엔드로 이메일 값을 전달하는 함수를 api라고 부를 수 있음
약간 내가 인식한 api는 뭐랄까 수많은 영화값이 담긴 JSON 형식이라고 인지했는데 아니였다 !!!!!
api를 처음에 검색했을 때도 헷갈려서 정의가 잘못 정립된 거 같다.
다시 정리하자면,
Q. 영화 데이터값을 받아오는 함수가 api ? 아니면 영화 데이터(객체)가 api ?
라는 질문을 할 때,
나는 객체에 담긴 수많은 데이터 값이 api라고 생각했는데,
그건 그냥 데이터값이고
A. API는 영화 데이터를 받아오는 함수나 서비스를 의미하지, 실제 영화 데이터(객체) 자체를 가리키는 건 아니라고 합니다
API
- 영화 데이터를 요청하고 받아오는 과정을 처리하는 인터페이스 또는 규칙입니다.
- API는 데이터를 요청하고 응답받는 방식과 경로를 정의합니다.
- 예: fetch("https://api.example.com/movies")
이 코드는 API를 통해 영화 데이터를 요청하는 예입니다.
대관절 에러 처리할 때 보면 두 경우에서 null을 반환하니까
에러 처리에서 result === null인 경우로 다 처리가 되는 것이 아닌가
라는 생각이 들어서 내 가상의 친구한테 물어보니
좋은 질문이라고 하시네. 땡큐
그래서 서로 다른 null의 반환 원인을 가진다고. 그건 아는뎁쇼 ...
하지만 설명을 보자
1. ! response.ok인 경우
서버의 응답이 성공적이지 않을 때(예: 4xx, 5xx 상태 코드) 실행
이 경우 result에는 에러 메시지가 담겨 있고, null 반환
2. catch 블록의 경우
네트워크 오류나 JSON 파싱 오류와 같은 예외가 발생했을 때 실행
null 반환
오류 : form의 유효성 검사를 통과하지 않아도 중복 검사 버튼을 누를 수 있음
그래서 이렇게 중복됨
formState : { isValid }를 했는데도 해결이 안 됨.........
