해결된 질문
작성
·
221
·
수정됨
0
안녕하세요! 회사에서 vue3 로 프로젝트를 진행중인데, api 및 크롤링 관리와 프로젝트 구조에 대해 질문이 있어 글을 남기게 되었습니다!
작업하고 있는 홈페이지에 open api 와 크롤링이 굉장히 다양하게 들어가 있고, 쓰임도 다양합니다.
도표, 차트, 그냥 단순 데이터 나열까지 거의 크롤링과 open api 범벅인 사이트인데요..!
속도와 사용자 중심의 개발이 중요한 상황이라서 먼저 불러온 것부터 띄운 뒤 아직 뜨지 않은 것들은 로딩바 처리를 해야 합니다.
서로 다른 영역에 있는 2-3개의 컴포넌트가 같은 api를 쓰기도 하는 경우가 있어서 관리와 구조를 어떻게 짜야할지 등이 고민입니다.
api 관리와 크롤링 관리는 어떤 것들을 이용해서 어떻게 진행해 주면 좋을지 궁금합니다. (찾아보고 궁리한 방법은 vuex(pinia)를 통한 관리, 라우터에서 한꺼번에 호출, 부모 컴포넌트에 몰아넣기 등이 있습니다..! 더 좋은 방법이나 추천해주실 방법이 있을지 궁금합니다.)
이러한 작업을 위해 프로젝트 구조는 어떻게 짜는 것이 좋을지 궁금합니다.
상태 관리에 vuex와 같은 것이 필요하다면, vuex 대신 pinia를 추천해 주셨는데 이런 상황에서도 추천해 주실지 궁금합니다.
질문이 너무 길어 죄송합니다. 조언 주시면 감사할 것 같습니다.. ! 긴 글 읽어주셔서 감사합니다!!!
답변 1
0
안녕하세요.
상태관리는 Pinia를 사용하세요. Vuex와 Pinia는 중앙 집중식 상태관리 라이브러리 입니다. 해당 라이브러리 도입 여부가 중요하고요. 이런 상황? Vuex 또는 Pinia를 선택하는 것은 아닙니다.
솔직히 질문에서 api 관리와 크롤링 관리는 어떤 것들을 이용해서 어떻게 진행해 주면 좋을지 궁금합니다.
이 부분이 정확히 어떤 질문인지 이해가 안됩니다.
진짜 API 관리하는 모듈을 말하는 것인지 (그렇다면 실전편, 활용편 강의를 참고하시면 됩니다.)
크롤링 관리가 실제 스크래핑 하는 모듈을 말하는 것인지 (그렇다면 이것은 별개의 문제입니다.)
그리고 이러한 것들은 팀 또는 실무자가 고민하고 의논하고 결정해야 할 문제상황 같아요. 자세한 내용을 모르는 제가 드릴수 있는 조언은 한계가 있습니다.
전반적인 제 생각이나 인사이트는 Vue3 활용편 (Vue & Firebase 커뮤니티 풀스택 강의)강의에서 다루고 있습니다.
전체적인 질문이 회사 프로젝트의 팀의 문제해결 과제 같아요. 그리고 해당 질문이 너무 난애합니다. 주변 동료 또는 지인 개발자와 함께 논의해 보는 것을 권장드립니다.
api의 경우에 네이버 등에서 제공하는 open API 등을 여러 개 사용하는 것이고, 크롤링 등도 다양한 사이트에서 해 오는데 한 페이지에 이렇게 불러오는 데이터가 많다 보니 어떤 구조로 처리해야 좋을지에 대해 질문드리고 싶었습니다! 사수나 동료 없이 저 혼자 단독으로 진행하는 프로젝트여서 갈팡질팡 하고 있던 터라 질문도 상당히 체계가 없었을 수 있겠다는 생각이 듭니다 죄송합니다 ㅠㅠ 우선 상태관리는 pinia를 이용하고, 답변 주신 부분 바탕으로 구성을 조금 더 고민해 보도록 하겠습니다. 감사합니다!