Vanilla Language Name Search🍦 - 프로그래밍 언어 검색 사이트

주요 기능 및 구현 사항

프로그래머스 과제 테스트 내용을 바탕으로 구현하였습니다.

• 기능

  • 검색어 입력을 통한 언어 검색
  • 입력된 키워드를 포함하고 있는 모든 언어 이름 확인 가능
  • 화살표(위,아래) 키로 검색어 탐색 구현
  • 언어 이름 저장 가능

• JavaScript

  • 바닐라 자바스크립트로 컴포넌트 구현
  • 디바운스를 활용한 API 호출 지연 구현
  • localStorage를 이용한 데이터 저장
  • 정규표현식을 활용하여 매칭 키워드 구별하여 렌더링

• HTML

  • 시맨틱 마크업

URL 바로가기

• 배포사이트 : https://vanilla-language-search.vercel.app/
• 블로그 회고 : https://yalef.tistory.com/127

활용한 기술

• JavaScript
• HTML
• CSS