본문 바로가기

JiSoo's Devlog

검색하기
JiSoo's Devlog
프로필사진 지숭숭숭

  • 분류 전체보기 (177)
    • 코테준비 (91)
    • Frontend (64)
      • JS (5)
      • React (37)
      • Typescript (14)
      • Redux (4)
      • Next.js (4)
    • Backend (5)
      • Node.js (5)
    • App (16)
      • Dart (4)
      • React Native (12)
    • GraphQL (0)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2025/06   »
일 월 화 수 목 금 토
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
  • router
  • HTML
  • Redux
  • VanilaJS
  • Python
  • 주소창해시
  • 스크롤구현
  • nextjs
  • CSS
  • JavaScript
  • dart
  • react
  • 파이썬
  • react native
  • 코테
  • TypeScript
  • Frontend
  • 백준
  • ContextAPI
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록2025/06/05 (1)

JiSoo's Devlog

[우아한 타입스크립트] 7장

📍 API 요청fetch로 API 요청하기useEffect(() => {fetch ("https://api.baemin.corn/cart").then((response) => response.json()).then(({ cartltem }) => {setCartCount(cartitem.length);});}, []);위 코드처럼 구현한 상태에서 새로운 API 요청 정책이 추가되면 계속해서 비동기 호출 코드를 수정해야 하는 번거로움이 발생한다. 서비스 레이어로 분리하기여러 API 요청 정책이 추가되어 코드가 변경될 수 있다면 비동기 호출 코드는 컴포넌트 영역에서 분리되어 다른 영역(서비스 레이어)에서 처리되어야 한다.위 코드 기준 fetch 함수 호출 부분은 서비스 레이어로 이동하고 컴포넌트는 서비스 ..

Frontend/Typescript 2025. 6. 5. 17:19
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바