inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js + TypeScript 완벽 가이드

강의 내용과는 조금 다른데 궁금한 게 있어요.

180

owen

작성한 질문수 5

1

안녕하세요 판교님! 판교님 강의는 거의 모두 다 본 수강생입니다. 강의와 별개로 여쭤보고 싶은 게 있는데요!
혹시 실무하면서 API Response에 가공이 필요한 경우에는 따로 파일을 두고 관리하시나요?? 가공 폴더&파일명을 어떤식으로 두는지 궁금해서요..
구글링해도 답을 못 찾아서... 여쭤봅니다 ㅠ ㅠ


api typescript 가공 vuejs

답변 1

1

캡틴판교

안녕하세요 owen님 :) 이전 강의들에서도 질문 주셨던 것 같은데 왠지 닉네임이 친숙하네요 ㅋㅋ API 함수를 컴포넌트에서 사용하기 전에 중간에 데이터 가공하는 부분 말씀하시는거죠? 전 보통 컴포넌트와 API 함수 사이에 레이어를 두는 걸 선호하지 않아서 별도의 파일을 분리하진 않습니다. 커뮤니티 보시면 대개 앵귤러 개발할 때 쓰던 서비스(Service) 레이어를 사용하시는 것 같기도 해요. 이 서비스 레이어에 보통 API 함수에서 컴포넌트로 넘기기 전 사전 작업 로직들을 넣기도 합니다.

컴포넌트와 API 함수 사이에 거쳐야 하는 파일이 많아질수록 파일을 넘나들면서 사고해야 하는 피로도가 높아질 수 있으니 유의하시구요. 자바스크립트 최신 문법들 사용하면 컴포넌트 <-> API 함수 사이에 충분히 데이터를 간결하게 가공하실 수 있을 겁니다 :)

composition API에서의 ref

1

248

2

Vue3 + Typescript + Vite + Pinia 참조

3

1861

2

mutation 함수 이름을 enum으로 관리하는 이유

1

351

2

this.todoItem 타입이 any 라고 나옵니다

1

402

1

프로젝트 실행 시 오류가 발생합니다.

1

589

2

두번째 프로젝트 권한 요청 드립니다.

1

374

2

강의자료 ? 노트?

1

359

2

vuex 사용시 mapper 보다는 그냥 쓰는 것이 낫다고 하셨는데요..

1

289

2

권한 허가 부탁드립니다!

1

413

2

Chart.js(3.9.1버전) 안되시는분들 이렇게 해보세요

1

874

2

두번째 프로젝트 권한 요청 드립니다.

1

379

2

두번째 프로젝트 권한 요청드립니다.

1

456

3

두번째 프로젝트 권한 요청 합니다.

1

342

1

두번째 프로젝트 npm i && npm run serve에러 납니다..

1

498

2

두번째 프로젝트 권한 요청 드립니다

1

467

1

두번째 프로젝트 권한 요청 드립니다

1

422

2

두번쨰 프로젝트 권한요청

1

417

3

두번째 프로젝트 권한 요청

1

367

2

두번째 프로젝트 권한부탁드립니다.

1

336

1

권한요청 드립니다.

1

334

1

두번째 프로젝트 권한 요청 드립니다.

1

345

1

project.d.ts 파일관련 문의사항

2

407

2

권한요청입니다.

1

372

2

두번째 프로젝트 권한요청

1

204

2