Frog Chatbot
Frog Chatbot
개굴! 시키기
joseph-106.github.io
네이버 카페 '코뮤니티'에서 진행한 한 입 웹개발(JS) 5월 모각코 과정으로, 15일간 JavaScript를 활용해 챗봇을 구현해보는 프로젝트형 스터디. 문장 학습이 가능하지만 서버가 없어서 새로고침하면 초기화된다.
주요 기능 및 구현 수단은 다음과 같다.
- 간단한 반응형 레이아웃 구현
- CDN을 활용한 타이핑 애니메이션
- 문장 학습(사용자의 텍스트를 값으로 입력받아 JSON 데이터로 추가)
- style 태그 제어(표정 바꾸기, '불꺼줘/불켜줘'에 따른 background 색상 변경)
- 변수를 활용한 상황 제어('불꺼줘'여러번 말해야 말 듣기, '따라해봐/그만해'에 따른 사용자 말 따라하기)
- GitHub Pages를 활용한 웹사이트 호스팅
에디터: Visual Studio Code / 브라우저: Chrome
코드보기🔽
joseph-106/Frog_Chatbot
JavaScript로 챗봇을 구현하는 프로젝트. Contribute to joseph-106/Frog_Chatbot development by creating an account on GitHub.
github.com
'Languages > JavaScript' 카테고리의 다른 글
| [코드라이언] #2 서비스 고도화하기 (0) | 2021.10.01 |
|---|---|
| [코드라이언] #1 성격테스트 제작하기 (0) | 2021.09.27 |
| [코뮤니티/한 입 웹개발(JS)] #15일차 - JSON 활용하기 (0) | 2021.05.20 |
| [코뮤니티/한 입 웹개발(JS)] #14일차 - CDN 사용법 (0) | 2021.05.18 |
| [코뮤니티/한 입 웹개발(JS)] #13일차 - 태그 제어 ➔ 값 변경 및 버튼 이벤트 (0) | 2021.05.17 |