[AI] 검색허브 만들기
AI를 활용한 디자이너 개발 기록 3
검색을 “그냥 한 곳에서 시작하면 안 될까?”라는 생각으로
아주 간단한 검색 허브를 만들어 보았습니다.
요즘 정보를 찾다 보면
포털, 유튜브, AI 서비스까지…
AI 활용도가 점점 높아지긴 했지만, 여전히 포털 검색도 필요하고 영상 검색도 필요하고 AI에게 묻고 싶은 순간도 있어서 주소창에 주소를 입력하거나 즐겨찾에서 찾아서 사이트에 이동후 찾고자 하는 언어를 또 입력하는 상황이 반복됩니다.
그래서
“그냥 한 곳에서 시작하면 안 될까?”라는 생각으로 아주 간단한 검색 허브를 만들어 보았습니다.
어떻게 만들었나
구조는 정말 단순합니다. 검색어를 한 번 입력하면포털, 영상, AI 서비스로 검색어가 입력된 상태로 바로 이동할 수 있는 형태입니다.
데이터를 직접 불러와 비교하는 방식이 아니라, 각 서비스로 연결해 주는 허브 역할만 하도록 구성했습니다.
원래는 “한 화면에서 결과를 비교해 보면 재미있겠다”라는 생각도 있었지만, 이건 HTML만으로는 쉽지 않더라고요. 서버 연동이나 API 작업이 필요해져서 이번에는 과감히 욕심을 내려놓았습니다. ㅎ
사용중이지 않을때(1분) 시계로 바뀌어서 대기화면으로도 사용할 수 있도록!
그래도 조금은 재미있게
기능만 있으면 너무 심심할 것 같아서 첫 화면에는 작은 디자인 요소를 추가했습니다.
처음 진입했을 때 텍스트 인터랙션, 텍스트 안에서 은근하게 움직이는 그러데이션 효과 아주 크지 않은 요소지만, ‘아, 그냥 검색창은 아니구나’ 정도의 인상을 주고 싶었습니다.
결론은
거창한 서비스라기보다는 제가 쓰려고 만든 도구에 가깝습니다.
그래도 이런 식으로 필요한 기능을 빠르게 만들고 바로 써볼 수 있다는 점에서 AI와 함께하는 작업 방식이 점점 익숙해지고 있다는 느낌은 들었습니다.
다음엔 또 어떤 불편함을 핑계로 뭔가 하나 더 만들어 보게 될지도 모르겠습니다.
검색 허브
검색 허브
검색 허브
검색 허브제미나이와 챗지피티와 함께 만들었습니다.
재미로 그냥 '아 이게 뭐야' 하며 사용해 보시길 바래봅니다 ㅎㅎㅎㅎ
.
.
.
혹시나 필요하신 분들을 위해서.
그리고 저도 시작페이지로 해야 잘 쓸 거 같아서
크롬시작페이지로 설정할 수 있도록 간단한 방법과 zip파일을 첨부합니다.
PC 크롬 설치 방법
PC크롬 시작페이지 설정사실 PC용으로 만들긴 했습니다만...
모바일 앱형태로 설치 방법
모바일 앱아이콘으로 만들기끝!
AI개발 시리즈
#midjourney #chatgpt #stablediffusion #comfyui #aiart #dalle #dalleart #prompt #AI #code #개발 #웹사이트 #검색 #허브 #search #AI동료 #AI팀원 #AI친구 #designerkang
INSTAGRAM@DESIGNER_KANG