반응형 하위컴포넌트axios1 axios를 불러온 변수를 이용해 하위 컴포넌트에서 또 axios사용하기 검정 테두리를 상위 컴포넌트로 보고 파란 테두리를 하위 컴포넌트로 본다. 그리고 그 안에 또 빨간색으로 하위컴포넌트가 있다. 위 페이지는 현재 라면랭킹 데이터가 없지만, 상위 컴포넌트에서 라면 랭킹 1~4위의 id값을 불러온다. 그리고 불러온 id값을 기준으로 1위부터 4위까지의 이름과 제조사를 4번 불러오게된다. 즉 요약하면 1. 랭킹 1~4위의 ID값을 받음 2. 그리고 그 ID값을 이용해 이름,제조사를 4번 불러오는것이다. 근데 랭킹을 이런방식으로 구현하는건 절대 좋지않다고 생각하지만, 지금 백엔드 개발파트친구의 일정상 어쩔 수 없다고 생각한다. 예를들어 랭킹 100위까지 있다면? 사용자 한명당 한페이지에서 100번의 API요청이 필요한거다. 백엔드에서 1~4위의 아이디 + 이름,제조사 까지 한번에.. 2022. 4. 2. 이전 1 다음 반응형