GithubHelp home page GithubHelp logo

jang-ahyoung / door-lock-app Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 46 KB

๐Ÿ‘€ ๋ฌธ ์•ž์˜ ๋ˆˆ์ด ๋˜์–ด์ค„ ๋„์–ด๋ฝ ์‹œ์Šคํ…œ - 'ํ˜ธ๋ฃจ Lock ์ด'

HTML 3.79% CSS 34.05% JavaScript 62.16%
react pwa

door-lock-app's Introduction

๐Ÿ‘ฎโ€ ๋“ ๋“ ํ•œ ์šฐ๋ฆฌ์ง‘ ๊ฒฝ๋น„์› _ ํ˜ธ๋ฃจ Lock ์ด

issue bedge issue bedge

  • React & PWA(Progressive Web App)๋ฅผ ํ™œ์šฉํ•œ ํŽธ๋ฆฌํ•จ๊ณผ ๋ณด์•ˆ์„ฑ์„ ๋†’์ธ ์Šค๋งˆํŠธ DoorLock ์„œ๋น„์Šค๋ฅผ ์œ„ํ•œ ํ”„๋กœํ† ํƒ€์ž…
  • URL โžฅ Look at the page

๐Ÿ“œ Developer

์žฅ์•„์˜ ( Jang-Ahyoung )

์ œ์ž‘ ๋ฐฐ๊ฒฝ

  • ์ƒํ™ฉ์ธ์‹ 1 (ํ†ต๊ณ„์ฒญ - ์ง€์—ญ๋ณ„ ๊ณ ์šฉ์กฐ์‚ฌ ํ†ต๊ณ„ ์ž๋ฃŒ)
    ๋งž๋ฒŒ์ด ๊ฐ€๊ตฌ ๋น„์œจ์€ 46%๋กœ ์ ˆ๋ฐ˜์— ๊ฐ€๊นŒ์šด ์ˆ˜์น˜๋ฅผ ์œ ์ง€ํ•˜๊ณ  ์žˆ์œผ๋ฉฐ ์•„์ด๋“ค์€ ๊ทธ๋™์•ˆ ๋ถ€๋ชจ๋‹˜์ด ์—†๋Š” ์ง‘์—์„œ ์œ ์น˜์›, ํ•™๊ต, ํ•™์›์„ ํ†ตํ•™ํ•˜๊ฒŒ ๋œ๋‹ค. ๋ถ€๋ชจ๋‹˜์€ ์ง์žฅ์—์„œ ๋ถˆํŽธํ•จ์—†์ด ์•„์ด๋“ค์˜ ์ถœ์ž…์—ฌ๋ถ€๋ฅผ ๊ธฐ๋ก๊ณผ ํ•จ๊ป˜ ์นด๋ฉ”๋ผ๋ฅผ ํ†ตํ•ด์„œ ์‹œ๊ฐ์ ์œผ๋กœ๋„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ํ•„์š”ํ•˜๋‹ค.

  • ์ƒํ™ฉ์ธ์‹2
    2020๋…„ 12์›” 29์ผ ๋Œ€๊ฒ€์ฐฐ์ฒญ ๋ฐœํ‘œ ๊ฒฐ๊ณผ์— ๋”ฐ๋ฅด๋ฉด ๊ฐ•๋„๋ฒ”์ฃ„์—์„œ 37.3%, ์ ˆ๋„๋ฒ”์ฃ„์—์„œ 12.5%์˜ ๋น„์œจ๋กœ ์นจ์ž… ๊ฐ•๋„ ๋ฒ”์ฃ„๊ฐ€ ๋ฐœ์ƒํ–ˆ์œผ๋ฉฐ ๋ฒ”์ฃ„ ๋น„์œจ์€ ๋ฌธ๋‹จ์†์˜ ๋ถ€์žฌ๋กœ ์ธํ•˜์—ฌ ๊ฐ€์žฅ ๋งŽ์€ ์นจ์ž…์ด ๋ฐœ์ƒํ•˜์˜€๋‹ค. ๋‘ ๋ฒˆ์งธ๋กœ๋Š” ์‹œ์ •์žฅ์น˜๋ฅผ ์—ด๊ณ  ์นจ์ž…, ๋‹ค์Œ์œผ๋กœ ์‹œ์ •์žฅ์น˜๋ฅผ ๋ถ€์ˆ˜๊ณ  ์นจ์ž…ํ•œ ๊ฒฝ์šฐ๋กœ ๋ฐํ˜€์กŒ๋‹ค.

  • ์ƒํ™ฉ์ธ์‹3
    ๋ฏธ๊ตญ๊ณผ ๊ฐ™์€ ๊ตญ์™ธ์—์„  ๊ฑฐ์ฃผ ํ˜•ํƒœ๊ฐ€ ์ฃผํƒ์ธ ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์œผ๋ฉฐ, ์žฌ์‚ฐ ๋ฒ”์ฃ„์˜ ํ–ฅ์ƒ๋„ ๋งค์šฐ ํฌ๊ฒŒ ๋‚˜ํƒ€๋‚ฌ๋‹ค. ์ ์ฐจ 1์ธ ๊ฐ€๊ตฌ ๋น„์ค‘์€ ์ฆ๊ฐ€ํ•˜๊ณ , ๋ฒ”์ฃ„ํ”ผํ•ด ๋‘๋ ค์›€์˜ ์›์ธ ์ค‘ ์ฃผ๊ฑฐ์นจ์ž…์— ๊ด€ํ•œ ๋‘๋ ค์›€์ด ํฌ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ ์ˆ˜ ์žˆ๋‹ค. ์ด์— ๋”ฐ๋ฅธ ์ฃผ๊ฑฐ ๋ณด์•ˆ์˜ ๊ด€์‹ฌ์ด ์ค‘์š”ํ•ด์ง„๋‹ค

โœ”๏ธ ํ†ต๊ณ„๋ฅผ ํ†ตํ•ด ์ฃผ๊ฑฐ์นจ์ž…์— ์žˆ์–ด์„œ ์‹œ์ •์žฅ์น˜์˜ ์ค‘์š”์„ฑ์ด ๋Œ€๋‘๋˜์—ˆ์œผ๋ฉฐ, ๋ฐœ์ƒํ•œ ๋ฒ”์ฃ„ ์ƒํ™ฉ์€ ๋งŒ์•ฝ ๊ฑฐ์ฃผ์ง€ ๋ณด์•ˆ์ด ์ž˜ ๋˜์—ˆ๋‹ค๋ฉด ์ถฉ๋ถ„ํžˆ ๋ง‰์„ ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ œ์˜€์„ ๊ฒƒ์ด๋‹ค.

โœ”๏ธ ๋‹ค์ค‘ ๋ณด์•ˆ์˜ ์ค‘์š”์„ฑ์„ ์ธ์ง€ํ•˜์˜€์œผ๋ฉฐ ํ•˜๋‚˜์˜ ๋ณด์•ˆ์œผ๋กœ๋Š” ๋”์ด์ƒ ์ด์šฉ์ž๋“ค์—๊ฒŒ ํ™•์‹คํ•œ ์‹ ๋ขฐ๋ฅผ ์ฃผ๊ธฐ ์–ด๋ ต๋‹ค๋Š” ๊ฒฐ๊ณผ๋กœ ๋„์ถœ๋˜์—ˆ๋‹ค. 'ํ˜ธ๋ฃจ Lock ์ด'์€ ๋„์–ด๋ฝ์— ์žˆ์–ด์„œ ๋ณด์•ˆ๊ณผ ํ•จ๊ป˜ ์‹œ๊ฐ, ์ธ์ฆ ๋ฐ ์œ„๊ธฐ ๋Œ€์‘์  ์ธก๋ฉด์—์„œ ๋” ์•ˆ์ „ํ•œ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•ด ์ œ์ž‘๋˜์—ˆ๋‹ค.

ํ”„๋กœ์ ํŠธ ๊ธฐ๋Šฅ

No. Dataset Typical Usage
1 ๐Ÿ“ธ ์นด๋ฉ”๋ผ ๊ธฐ๋Šฅ ๋„์–ด๋ฝ ์•ž์— ํ”ผ์‚ฌ์ฒด๊ฐ€ ์ธ์ง€ ๋  ๊ฒฝ์šฐ ์•ฑ ์•Œ๋ฆผ ๊ธฐ๋Šฅ์„ ํ†ตํ•ด ์ดฌ์˜๋œ ์‚ฌ์ง„ ์ „์†ก ๋ฐ ์นด๋ฉ”๋ผ์˜ 360๋„ ํšŒ์ „ ์กฐ์ž‘์œผ๋กœ ๋ฌธ์•ž์˜ ์ƒํ™ฉ ์ƒ์‹œ ํ™•์ธ ๊ฐ€๋Šฅ
2 ๐Ÿ”“ ๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ ์˜ค๋ฅ˜ ์ดˆ๊ณผ ์„ค์ •ํ•œ ์ž…๋ ฅ ํšŸ์ˆ˜ ์ดˆ๊ณผ๋œ ๊ฒฝ์šฐ ์นด๋ฉ”๋ผ ๋™์ž‘ ํ›„ ์•ฑ์„ ํ†ตํ•œ ์•Œ๋ฆผ ์ „์†ก, ์œ„๊ธ‰ ์ƒํ™ฉ์‹œ ์•ฑ์„ ํ†ตํ•ด ์‚ฌ์ง„๊ณผ ํ•จ๊ป˜ 112 ์‹ ๊ณ  ์ ‘์ˆ˜ ๊ธฐ๋Šฅ
3 ๐Ÿ”’ ์ฃผ๊ธฐ์ ์ธ ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณ€๊ฒฝ ์•ฑ์„ ํ†ตํ•ด ํŽธ๋ฆฌํ•œ ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณ€๊ฒฝ์œผ๋กœ ๋ณด์•ˆ์„ฑ ๊ฐ•ํ™”
4 ๐Ÿš๏ธ ๊ณต๋™ ์ฃผ๊ฑฐ ์ง€์—ญ์˜ ๊ฒฝ์šฐ ๊ฒŒ์ŠคํŠธ์šฉ ๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์„ค์ • & ํ˜ธ์ŠคํŠธ/๊ฒŒ์ŠคํŠธ ์ถœ์ž… ๊ธฐ๋ก๊ณผ ์‚ฌ์šฉ์ž๊ฐ€ ์„ค์ •ํ•œ ์ฃผ๊ธฐ๋ณ„๋กœ ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณ€๊ฒฝ
5 ๐Ÿšš ๋Œ€๋ฉด์œผ๋กœ ๋ฌผ๊ฑด์„ ๋ฐ›์•„์•ผํ•˜๋Š” ๊ฒฝ์šฐ(๋“ฑ๊ธฐ, ํ€ต ๋“ฑ) ๋ฐฉ๋ฌธ์ž ํ™•์ธ์„ ํ†ตํ•œ ๋ณด์•ˆ ๊ฐ•ํ™” ์šด์†ก์ž ์ธก์— ๋žœ๋ค ๋ฒˆํ˜ธ๋ฅผ ์ „๋‹ฌํ•˜์—ฌ, ๋‘ ์ž๋ฆฟ์ˆ˜ ๋ฒˆํ˜ธ๋ฅผ ๋„์–ด๋ฝ์— ์ž…๋ ฅ ํ›„ ์ˆ˜๋ น์ธ์ด ๋ฐ›์•„์•ผ ํ•˜๋Š” ํƒ๋ฐฐ๊ฐ€ ๋งž๋Š” ๊ฒฝ์šฐ โ€˜์ธ์ฆ๋˜์—ˆ์Šต๋‹ˆ๋‹คโ€™ ์Œ์„ฑ๊ณผ ํ•จ๊ป˜ ์ˆ˜๋ น์ธ์—๊ฒŒ ์•ฑ์„ ํ†ตํ•œ ์ธ์ฆ ์™„๋ฃŒ ์•Œ๋ฆผ ์ „์†ก
6 ๐Ÿคด ์‚ฌ์šฉ์ž ๊ถŒํ•œ์˜ ์„ ํƒ์„ฑ ์•ฑ์„ ํ†ตํ•ด ์นด๋ฉ”๋ผ์™€ ๊ฐ™์ด ์—ฐ๋™๋œ ๊ธฐ๋Šฅ์„ ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋‹ค. ์ดฌ์˜ ์•Œ๋ฆผ ์„ค์ • ๋“ฑ์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž๋Š” ์„ ํƒํ•  ๊ถŒ๋ฆฌ๋ฅผ ์–ป๋Š”๋‹ค.

์„œ๋น„์Šค ์ˆ˜์š”์ธต ๋ถ„์„ ๋ฐ ์ œ๊ณต ์„œ๋น„์Šค

No. Target Service
1 ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘ฆ ๋งž๋ฒŒ์ด ๊ฐ€์ • ์ง์žฅ์—์„œ ํŽธ๋ฆฌํ•˜๊ฒŒ ์•„์ด๋“ค์˜ ์ถœ์ž…์—ฌ๋ถ€์™€ ์นด๋ฉ”๋ผ๋ฅผ ํ†ตํ•ด์„œ ์•ˆ์ „ ๊ท€๊ฐ€๋ฅผ ์‹œ๊ฐ์ ์œผ๋กœ ํ™•์ธ ํ•  ์ˆ˜ ์žˆ๋‹ค.
2 ๐Ÿคต 30,40๋Œ€ ์ง์žฅ์ธ ํ•˜๋ฃจ ํ‰๊ท  ๊ทผ๋ฌด ์‹œ๊ฐ„์€ 8์‹œ๊ฐ„๋™์•ˆ ํšŒ์‚ฌ์— ์žˆ๋Š” ์‹œ๊ฐ„์ด ๋งŽ์€ ์ง์žฅ์ธ์—๊ฒŒ ์‹ค์‹œ๊ฐ„ ๊ฐ์‹œ ๊ธฐ๋Šฅ ๋“ฑ์„ ํ†ตํ•ด ์ฃผ๊ฑฐ ๋ณด์•ˆ์„ ์ฑ…์ž„์ ธ์ฃผ๋ฉฐ, ํƒ๋ฐฐ ์ˆ˜๋ น์„ ์šฉ์ดํ•˜๊ฒŒ ๋„์™€์ค€๋‹ค.
3 ๐Ÿ‘ฉ 2030 1์ธ ์ž์ทจ์ƒ ๋ฒ”์ฃ„์˜ ๋‘๋ ค์›€์„ ๊ฐ€์ง€๋Š” 1์ธ ์ž์ทจ์ƒ์—๊ฒŒ ์‹ค์‹œ๊ฐ„ ๋„์–ด๋ฝ ์นด๋ฉ”๋ผ๋ฅผ ํ†ตํ•ด ์™ธ๋ถ€์ธ ํ™•์ธ๊ณผ ํ•จ๊ป˜ ์œ„๊ธ‰ ์ƒํ™ฉ์‹œ ๋น ๋ฅธ ์‹ ๊ณ ๋ฅผ ๋•๋Š”๋‹ค.
4 ๐Ÿš๏ธ ์ˆ™๋ฐ•์—…์†Œ ์—์–ด๋น„์•ค๋น„ ๋“ฑ ์ˆ™๋ฐ•์—…์†Œ ํ˜ธ์ŠคํŠธ์˜ ํŽธ๋ฆฌํ•œ ๊ฒŒ์ŠคํŠธ ๊ด€๋ฆฌ๋ฅผ ๋•๊ณ , ๊ฒŒ์ŠคํŠธ ํ™•์ธ ๋ฐ ์ถœ์ž…๊ธฐ๋ก, ์ฃผ๊ธฐ๋ณ„ ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณ€๊ฒฝ๊ณผ ์ผํšŒ์„ฑ ๋น„๋ฐ€๋ฒˆํ˜ธ ์ƒ์„ฑ ๋“ฑ ์–ด๋ ค์šด ๋„์–ด๋ฝ ์‹œ์Šคํ…œ์„ ํŽธ๋ฆฌํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.
  • Splash ์Šคํฌ๋ฆฐ & ์•ฑ ์•„์ด์ฝ˜


  • ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ™”๋ฉด


๊ธฐ์ˆ  ์Šคํƒ (front-end)


Quick Start

    $ git clone https://github.com/Jang-Ahyoung/Door-Lock-App.git
    $ yarn
    $ yarn start

door-lock-app's People

Contributors

jang-ahyoung avatar

Watchers

 avatar

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.