pokedex_api

• Component List

• App
• Info
• Input
• Main

• CSS styled-components

• 작업내역

• https://pokeapi.co/ 에서 포켓몬 정보 API 통신
• ID 숫자 입력 > '조회' 클릭시 해당 ID api 통신 후 값 리턴
• ID, 이름, 높이, 무게, 이미지 노출
• input 박스 입력 형태 유도 하도록 placeholder 노출
• 사용자가 입력한 숫자가 없는 ID일 경우 다른 숫자 입력하도록 alert 노출
• 유효성 검사
  • 0 입력 > '조회' 클릭시 다른 숫자 입력하도록 alert 노출
  • 미입력 > '조회' 클릭시 숫자 입력하도록 alert 노출
  • 정규식 사용하여 숫자 외 입력 > '조회' 클릭시 숫자만 입력하도록 alert 노출