프로그래밍 언어 검색 과제

Kim Hyewon·2022년 5월 10일
0

컴포넌트 구조

App

  • 가장 상위의 컴포넌트
  • 상태 관리는 App 컴포넌트에서 하기
  • index.js에서 import되어 인스턴스 생성

SearchInput

  • input 기능을 하는 컴포넌트
  • input event listen하여 입력받은 value에 따라 api요청

Suggestion

  • 검색 결과 list rendering 컴포넌트
  • list 키보드 조작, 커서조작 event listen하여 강조할 li 변경

SelectedLanguage

  • user가 검색한 data 보여주는 컴포넌트
  • 검색 결과 list click event listen하여 클릭된 value ul에 추가
  • li 개수 5개까지 보여주기
profile
볼일 없는 상태에서 별볼일 있는 블로그로 키우는 중입니다.

0개의 댓글

관련 채용 정보