미현 개발 TIL 미현 개발 TIL

🚀 Projects

• JavaScript - 미니 챗봇 🤖

  🚀 Projects 2020. 9. 3. 23:04

  Chat-Bot 😀 Hi, Nice to meet you. xianeml.github.io 단방향 소통만 가능한 미니 챗봇 페이지를 만들었다. 앞으로 멋진 쌍방향 챗봇이 될 것이다. 사용언어 HTML, CSS, JavaScript 화면 구성 1. 질문 Change Character 버튼을 누르면 이모지의 캐릭터를 랜덤으로 변경할 수 있다. 2. 입력창 텍스트를 입력하고 Send 버튼을 누르면 입력창이 리셋되고 새로운 질문을 가져온다. 리뷰 1. 이제 버튼을 누르면 랜덤으로 리스트에서 값을 가져오는 방법에 너무 익숙해졌기 때문에 다음 단계를 생각해봐야 한다. Send 버튼을 누르면 input 값을 저장해서 화면에 띄워주도록 만들어봐야겠다. 새로운 페이지에 대화창을 만들어서 채팅처럼 핑퐁대화가 될 수 있는 ..

  Read More
• HTML/CSS - 미니 포트폴리오 페이지

  🚀 Projects 2020. 9. 2. 23:54

  Mini-Portfolio 새로운 것을 배우고, 만들고, 공유하기를 좋아합니다. 많은 사람들과 연결되어 멋진 프로젝트에 기여하고 싶습니다. xianeml.github.io 일주일간 만든 프로젝트들을 한 눈에 모아서 볼 수 있는 간단한 포트폴리오 페이지를 만들었다. 사용언어 HTML, CSS 화면 구성 1. 타이틀 텍스트 애니메이션 라이브러리(ztext.js)를 타이틀에 사용해봤다. 마우스를 올리면 약간 움직이는 효과를 볼 수 있다. 2. 프로필 프로필 사진과 간단한 소개글을 넣었다. 3. 기술 숙련도와 취미 공부하고 있는 언어와 프레임워크를 나열하고, 프로그레스 바로 숙련도를 나타냈다. 4. 프로젝트 프로젝트 완성 후 박스에 캡쳐 이미지를 넣어서 링크할 예정이다. 리뷰 1. 프로필 이미지 테두리 색상에도..

  Read More
• JavaScript - 카페 알바 게임 ☕

  🚀 Projects 2020. 9. 1. 18:27

  카페알바 게임 주문받기 메뉴 : coffee Espresso 에스프레소 : 2샷 Americano 에스프레소 : 2샷 물 : 1컵 Caffe Latte 에스프레소 : 2샷 우유 : 1컵 0 샷 에스프레소 0 컵 물 0 컵 우유 제조완료 다시하기 xianeml.github.io 자기전에 갑자기 생각나서 일어나자마자 하루종일 재밌게 만들어본 커피 만들기 게임이다. 사용언어 HTML, CSS, JavaScript 계획 간단한 기능과 디자인만 생각해봤다. 생각한 대로 거의 다 만들어내긴 했다. 1. 주문받기 버튼을 눌러 3가지 메뉴 중 하나를 랜덤으로 받는다. 2. 커피 만들기 제시된 레시피를 참고하여 재료 버튼을 클릭해서 커피를 만든다. 3. 제조완료 제조완료 버튼을 누르면 주문받은 커피와 비교해서 레시피 내..

  Read More