dev-redo/language-explorer

프로그래머스 2022 상반기 프론트엔드 Dev-Matching 과제 테스트 : 프로그래밍 언어 검색

language-explorer

Vanilla JS만을 이용해 프로그래밍 언어를 검색하는 서비스를 구현하기

• Demo
• Requirements
• Additional implementation

API 문서

• Base URL

• 프로그래밍 언어 조회

  • /languages
  • Method : GET
  • Query Parameter : keyword
  • 검색하고자 하는 키워드를 query parameter로 넘기면 조건에 맞는 데이터를 조회하여 응답

• response body

  // 'java'라는 키워드로 조회
  /languages?keyword=java
  
  // response 결과
  [
    "Java",
    "JavaFX Script",
    "JavaScript",
    "Join Java"
  ]

디렉토리 구조

src
├─ components
│  └─ Serach
│     └─ Search.css
│     └─ Search.js
│     └─ SearchInput.js
│     └─ SelectedLanguages.js
│     └─ Suggestion.js
├─ styles
│  └─ global.css
├─ utils
│  └─ constants.js
│  └─ path.js
│  └─ req.js
├─ main.js
└─ style.css