[FE Dev] 프로그래머스 2022 Dev-Matching 코딩테스트 복기

광탈의 흔적

과제의 주요 내용
인풋에 키워드 검색 -> API 호출 -> 검색 리스트 표출(li)(API는 1차원 Array로 제공) -> 화살표로 검색 리스트 중 아이템 선택 -> 엔터 입력 시, 특정 이벤트 발생(Alert) -> 선택한 아이템 리스트 항목 표출(li)

내가 구현 못한 부분 => 어떻게 해결할까

검색 리스트 표출
- 매끄럽게 표출이 안되고 li tag 내용을 순차적으로 삭제하고 다시 표출하는 방식으로 하니 어색하게 표현됨- 기존 생성된 li 노드는 살려서 내용만 바꾸고, 혹시 기존 li 보다 길거나 짧아지면 처리하는 코드를 작성하면 덜 어색해지지 않을까 추측

- 유저 입력 값을 적정히 기다렸다가 API 서버에 데이터 요청하기(어떻게 해야할 지 전혀 감이 안왔음)

선택한 아이템 리스트 항목 표출 부분
- 중복 아이템 선택 시, 맨 뒤로 보내기
- 5개 이상 선택 시, 맨 앞 아이템 삭제하고 맨 뒤에 새롭게 선택한 아이템 추가하기
(데이터 구조를 고려해서 설계해야했던 것 같다. 큐를 써보려고했는데, 중복 내용 확인을 위해서 적합하지 않았던 것 같고... 해쉬테이블을 만들어서, 선택한 아이템을 키로하고, 순서를 값으로 해서 처리하는 방식도 가능할 것 같은데... 문제 풀이할 때는 생각을 테스트하고 적용할 시간이 너무 부족했다... 준비 하면서 해당 문제도 다시 풀어볼 계획)