Hengxi's 개발 블로그

현재 진행하는 프로젝트에서 이메일 자동완성 기능을 필요로 하여 기능 구현을 해보았다. 처음에는 구글링을 하면 간단하게 구현할 수 있을 것이라고 생각했지만, 이메일 자동 완성 기능을 구현해 놓은 코드는 없었다... 그래서 HTML에 datalist 태그를 이용하여 간단하게 구현을 했는데, 안타깝게도 스타일을 줄 수 없어 빠꾸 먹고... javascript로 열심히 기능을 구현했다. 아래는 쿠팡의 로그인 화면으로 이메일 자동완성 기능을 쿠팡처럼 구현하고자 했다. 자주 사용하는 이메일 리스트와 기능 구현에 필요한 state 선언 const FrequencyEmails = [ '@naver.com', '@gmail.com', '@daum.net', '@hanmail.net', '@yahoo.com', '@out..