API2 API 에러 처리: 사용자 경험 향상을 위해서. 안녕하세요, 웹 YB 신지수입니다 ! 이번 과제에서 React와 TypeScript를 활용한 로그인/회원가입 기능을 구현하면서, API 통신 과정에서 발생하는 다양한 에러를 어떻게 효과적으로 처리할 수 있을지 고민했습니다. 에러는 불가피하게 발생하지만, 이를 어떻게 처리하느냐에 따라 사용자 경험이 크게 달라질 수 있다고 생각합니다. 이번 글에서는 제가 프로젝트에 적용한 API 에러 처리 전략과 그 과정에서 배운 점들을 공유하려고 합니다 ☺️ 🚨 API 에러, 왜 신경 써야 할까 ?API를 사용하다 보면 에러 상황은 피할 수 없습니다. 하지만 이때 단순히 "오류가 발생했습니다."라는 메시지를 보여주는 것과, 구체적인 원인과 해결 방법을 안내하는 것은 사용자 경험 측면에서 큰 차이를 만들어낸다고 생각합니다.. 2025. 5. 15. API 모듈화 - axios Instance 활용하기 안녕하세요 YB 박소이입니다.세미나 때 API 요청을 다뤘는데, axios 인스턴스를 활용해 API를 모듈화할 수 있는 방법이 있다고 해서 알아 보았습니다!보통은??useEffect(() => { const fetchUsers = async () => { try { const res = await axios.get(''); setUsers(res.data); } catch (err) { console.error(err); } }; fetchUsers();}, []); API 요청 다들 어떻게 하고 계신가요..??저는 보통 이런 식으로 컴포넌트 안에서 직접 요청하는 방법을 사용했습니다. 하지만 이렇게 하다 보니 컴포넌트마다 axios를 반복적으로 작성해야 하.. 2025. 5. 12. 이전 1 다음
