Giter VIP home page Giter VIP logo

vanilla-js-mygroceries's Introduction

페이지: https://sujung-lim.github.io/Vanilla-JS-MyGroceries/

포트폴리오 - MyGroceries

NO Base 상태로 직접 부딪히며 만들어본 첫 포트폴리오 입니다!
오직 HTML, CSS, JavaScript만을 이용하여 바닐라 자바스크립트에 익숙해지고 직접 코드 작성을 통해 자바스크립트 언어를 배우고자 웹사이트를 만들기 시작하였습니다.

웹사이트 기능

주방에 어떤 식재료가 있는지 체크하고, 식재료의 유통기한과 재고를 관리할 수 있습니다. 선택된 재료들로 레시피를 추천해주기도 하고 자주 구매하는 제품 목록을 보여주며, 현재 재고 상황을 보면서 장보기 리스트도 작성할 수 있는 사이트입니다.

웹사이트 제작 동기

실제로 집에서 요리 하기를 좋아하기도 하고 식재료가 이미 있는데도 불구하고 재고 상황을 몰라서 여러번 구매하게 되면서 유통기한 문제로 버려지는 음식이 많아지게 되면서 유용한 어플들을 많이 사용해봤지만 원하는 모든 기능이 있었던 서비스는 없었기 때문에 직접 사용하기 편리한 웹사이트를 제작하고 싶었습니다.

vanilla-js-mygroceries's People

Contributors

sujung-lim avatar

Watchers

 avatar

vanilla-js-mygroceries's Issues

쇼핑리스트 항목 수정 시 추가 기능 구현

📑 구현할 기능의 개요

항목의 이름을 수정할 때 enter를 치지 않더라도 브라우저 내에 다른 곳을 클릭하면 수정 내용이 저장되게 기능 구현

📝 기능의 상세 내용

  • onBlur 이벤트를 사용하여 input 외부를 클릭할 때 항목 이름 업데이트
  • 상태변수 isUpdatingTitle 사용하여 이벤트 중첩 해결

📌참고 사항

기타 참고 사항을 적어주세요

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.