앱 3: 인기 아기 이름 다시 만들기

좋아요! 인기 있는 아기 이름을 막대 그래프로 보여 주는 앱 만들기, 재미있으셨나요? 이번 장을 마무리하면서, 앞서 만든 앱에 상위 10개 아기 이름을 표로 보여 주는 탭을 추가해 개선해 보겠습니다. 최종 앱은 아래 스크린샷과 비슷한 형태가 되어야 합니다.

An app where the name selector and year slider appears in the left sidebar, while the graph and table appear as tabs on the right in the main panel

get_top_names() 함수를 제공해 드렸습니다. 이 함수는 주어진 year와 sex에 대한 상위 10개 이름을 추출합니다. 예를 들어 2000년도의 남성 이름 상위 10개는 get_top_names(2000, "M")으로 가져올 수 있습니다.

제공된 코드는 이전 연습 문제에서 만든 앱입니다. 이 코드를 수정해, 서버에 인기 이름을 표로 표시하는 출력을 추가하세요.
UI에서 그래프와 표 결과물을 탭으로 배치하세요.