본문 바로가기

프론트엔드 개발

검색하기
프론트엔드 개발
프로필사진 태나미

  • 전체보기 (92)
    • CS (6)
      • Network (2)
      • Algorithm (2)
    • Browser (7)
      • Browser (5)
      • 성능 최적화 (2)
    • Front-End (69)
      • Javascript (17)
      • Typescript (6)
      • React (1)
      • NextJs (11)
      • Vue.js (8)
      • Webpack (3)
      • TDD (5)
      • Error 해결 (7)
      • 기타 (7)
      • git (4)
    • 후기 (9)
      • 코어 자바스크립트 (7)
      • Teck Talk (2)
    • Care (0)
Guestbook
Notice
  • 처음이라면?
Recent Posts
Link
  • 제과제빵
  • 헬창코딩
  • 프로그래머 - 성우
  • 정보
«   2025/07   »
일 월 화 수 목 금 토
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 31
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록네트워크 병렬 (1)

프론트엔드 개발

NextJs - getServerSideProps async await, Promise.all

아래 예제에는 NextJs 안에서 getServerSideProps 안에서 one, two, three까지 3개에 api에 요청하여 데이터를 가져오고 있습니다. 가져오는 데이터의 크기가 크지 않다면 이렇게 사용할 수 있지만, 가져오는 데이터의 크기가 크거나, 3개의 api요청이 아닌 1000개의 api요청 같을 때는 느려질 수 있습니다. 어떻게 고칠 수 있을까요? example) export const getServerSideProps = async function (ctx) { const one = await fetchJson(`${process.env.NEXT_PUBLIC_ENV_VARIABLE}/api/~`, { method: 'GET', }); const two = await fetchJson(`..

Front-End/NextJs 2021. 12. 10. 17:53
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바