탭 메뉴 만들기

탭메뉴를 클릭하면 메뉴에 맞는 콘텐츠 보여주기

• useState를 활용하여 클릭 index를 체크
• styled-components 를 활용하여 Tab.js에 css 추가
• 탭 메뉴와 콘텐츠는 배열의 key-value로 넣어주고, map 함수를 이용하여 출력
  이벤트 호출시 함수의 인자를 받아올 경우 () => 를 넣어줘야 함!

// 인자가 없는 경우
onClick={changeTabMenu}
// 인자가 있는 경우
onClick={() => changeTabMenu(index)}

코드 참고 : 미라클 그라운드 - tab메뉴 만들기