Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- useRef 지역 변수
- 개발자 특강
- react 프로젝트 리팩토링
- 프로그래머스 K_Digital Training
- 머쓱이
- frontend roadmap study
- 모던 자바스크립트 Deep Dive
- 프로그래머스 데브코스
- 투포인터알고리즘 js
- react customHook 예시
- 프로그래머스 데브코스 프론트엔드
- 프로그래머스 K_Digital Training 프론트엔드
- 우테캠 회고록
- 프로그래머스 데브코스 프론트엔드 TIL
- Vue3 Router
- 모던 자바스크립트 Deep Dive TIL
- 백준 js
- 모던 자바스크립트 딥다이브
- KDT 프로그래머스
- 모던 자바스크립트 TIL
- 리팩토링 회고
- 모던 javascript Deep Dive
- Vue3
- K_Digital Training
- 백준 node.js
- TypeScript 문법 소개
- 인프런 자바스크립트 알고리즘 문제풀이
- useEffect return
- KDT 프로그래머스 데브코스 프론트엔드
- Frontend Roadmap
Archives
- Today
- Total
목록react api 모듈화 방법 (1)
프론트엔드 개발자의 기록 공간

✅ API 폴더 구조 첫 번째로 계획한 API 모듈 분리화를 위해 실제 서비스에서는 어떤 식으로 코드를 작성하는지 멘토님께 여쭤보았다. apis폴더 > api폴더 (api를 요청하고 응답만 받는 용도) > user.js (user관련 api 요청 함수들) > services (응답결과를 데이터를 정제 해주는 함수들) > post.js (post응답 값을 정제해줌 ) > utils (공통적인 함수) > config or constants (baseurl과 같은 설정) > store (ducks를 사용한다면 api 보관 용도) 멘토님은 위와 같은 형식으로 사용한다고 알려주셨다. 위의 방법을 토대로 간략하게 프로젝트에 적용해 봤다. ✅ utils 폴더 - axios 인스턴스 생성 이후, 공통적으로 사용하는 b..
일기장
2021. 11. 17. 02:56