강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

pjok1122님의 프로필 이미지
pjok1122

작성한 질문수

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

[실습] JobsView에 스토어 적용

API 응답 상태

작성

·

270

1

안녕하세요. 다음과 같은 API 응답 형태에 대해서는 어떻게 처리할 수 있을 지궁금합니다.

{
    "code": "0000",
    "message": "Success",
    "info": //실제 데이터가 담김.
}

 

위와 같은 API 응답 메시지가 있다고 했을 때, vue에서 code 값이 "0000"은 성공이므로 데이터를 뿌려주고,

1000은 alert('잘못된 파라미터입니다'),
2000은 alert('인증에 실패했습니다.')

처럼 동작해야 한다면 어떻게 해야 할까요?

컴포넌트에서 vuex의 actions에 요청하고, this.$store.news.code의 값에 따라서 alert을 띄워주면 될까요?

퀴즈

Vue.js 애플리케이션에서 Vuex를 사용하는 주된 목적은 무엇일까요?

컴포넌트의 스타일을 관리하기 위해

애플리케이션 전반의 상태를 효율적으로 관리하기 위해

라우터의 네비게이션 가드를 설정하기 위해

API 요청을 직접적으로 보내기 위해

답변 2

1

pjok1122님의 프로필 이미지
pjok1122
질문자

마찬가지로 에러가 발생해서 catch가 호출되는 경우, 화면 쪽에서 alert을 띄우려면 어떻게 해야 하나요?

0

캡틴판교님의 프로필 이미지
캡틴판교
지식공유자

안녕하세요 pjok님, 질문하신 내용은 특정 개념을 여쭤보시는게 아니라 해당 흐름으로 어떻게 코드를 짜야 하는가 여쭤보신 것 같은데.. 간단히 말씀 드리면 API 응답을 받아서 code 값에  따라 말씀하신 alert을 표시해 주시면 됩니다. 가급적 API 함수의 응답을 컴포넌트 레벨에서 처리할 수 있도록 구현하시면 될 것 같아요!

pjok1122님의 프로필 이미지
pjok1122

작성한 질문수

질문하기