vue3 API 호출 시점 의견이 듣고싶습니다 !

Question

안녕하세요. 이제 막 1년차 되어가는 초보 프론트개발자 입니다. 개발하는 과정에서 API 호출 시점에 대한 다른 프론트 개발자 분들의 이야기를 들어보고 싶은 사항이 생겨 질문 드립니다. 아래는 현재 vue 로 개발중인 UI 컴포넌트 를 간략화(그림을 잘 못그려서... 죄송합니다.) 하여 표현해보았습니다. 1번 상단 컴포넌트 그리드를 클릭하면 emit 하여 parent 컴포넌트로 전달, 핸들러 가 동작해 2번 컴포넌트로 provide 하고 있는 객체를 업데이트 시키고 있습니다. 2번 컴포넌트에서 inject 한 객체는 watch 를 사용해 변동사항이 있는 경우 API 를 호출하여 2-2 에 전달하여 2-2 는 해당 그리드의 데이터를 렌더링 해주고 있습니다. 궁금한 사항은 API 호출 시점으로 현재는 그리드에서 클릭 시 그리드 데이터를 전달하여 하단에서 전달받아 api 요청을 통해 2-2 에 렌더링 하고 있는데 이 부분이 적합한지?? 적절한지? 궁금합니다. 2-2 까지 데이터를 끌어와서 2-2 에서 호출 후 데이터를 렌더링 해야하는게 적합할지, 그리드 클릭 시 바로 api 호출 후 해당 데이터를 전달하는게 적합할지 등등 고민해보았는데 경험이 부족하여 어느 방법이 더 적합할지 판단이 잘 안되네욥.. store 는 사용을 하고있으나 해당 데이터 전달에는 사용하고 있지는 않습니다. 개발용어 사용이 어색한 점 이해해주시면 감사하겠습니다. 회원님들의 의견 부탁드립니다 ! 긴 글읽어주셔서 감사합니다 !

신도림산당 · Answer

eventbus나 store로 하는게 나을것 같은데요?

BGProgramming · Answer

질문이 다소 막연하여 구체적으로 답변드리기 어려운 부분이 있습니다. API 호출 시점과 관련된 설계에는 UI 동작과 API 호출 빈도 등을 함께 고려해야 할 수 있습니다. 지금 설명하신 상황을 기준으로 보면, 선택사항 이라고 할 수 있습니다.현재 방식도 필요한 경우에만 API를 호출한다는 장점이 있습니다.제 경우 이런 모듈 설계시 우선 가장 기본적인 MVC 패턴을 적용해보고 여기서 모델에 관련된 부분을 다시 추가해서 설계할 것 같습니다.

기검기검 · Answer

지금 보여주신 화면으로 봐선 구조가 단조로워서 말씀하신 방식으로 해도 무방하오나, 만약 이보다 더 복잡한 화면설계에서는 구현 또는 유지보수가 어려울것같다고 생각이 듭니다. 위 신도림산당님이 말씀하신 store에서 제공해주는 mutation과 action을 사용해서 위 문제를 해결해보는게 좋을 것 같다고 생각합니다 :>

vue3 API 호출 시점 의견이 듣고싶습니다 !

3개의 답변

Q&A 목록