Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 프론트앤드
- 옷
- 지속 가능한 개발
- 후드티
- 개발자
- react
- clean code
- frontend
- jeremy
- 후드
- 타입스크립트
- 생각정리
- 개발자패션
- 개발자후드
- 맨투맨
- 브랜드
- typescript
- 개발자옷
- 제레미윈체스터
- HTML
- 북 토크
- 티셔츠디자인
- 개발 책 리뷰
- Jeremy Winchester
- 프론트엔드
- JavaScript
- 티셔츠
- 책 후기
- Winchester
- brand
Archives
- Today
- Total
목록프론트앤드 (1)
Electronic Jeremy Record
[HTML] input의 자동완성 기능 datalist
Input 의 자동 완성 기능은 이런 걸 말한다. 특정 키워드를 입력하였을 때 해당 키워드가 포함되어 있는 키워드를 제공해주는 것을 말한다. 예전 카카오 코딩 테스트 시에도 해당 기능을 구현하라 는 문제가 나온 적이 있다. 많은 Front-End 개발자들은 대부분 Javascript를 통해 onChange event를 통해 키워드를 받고 해당 키워드를 API 등으로 DB에 비교해서 List Tag를 띄워주는 식 이었을 것이다. 나도 그랬다. 그런데 이번에 새로운걸 발견하면서 놀라움을 금치 못했다. 그것이 바로 DataList다 바로 코드로 보겠다 Naver 검색창 select 구문을 사용해본 사람이라면 저 옵션이 무엇을 뜻하는지 알 것이다. 여기서 필요한 것은 검색 입력을 받을 input과 검색 결과를 ..
기술의기록
2022. 1. 19. 14:57