Giter VIP home page Giter VIP logo

opnc's Introduction

README logo

Development of access management system for major facilities using smart phone and beacon sensor (BLE)

๐Ÿ“… Development Period

2022.08.08. ~ 2022.10.27. (About 3 month)

๐Ÿ‘‰ Contributor


 Copyright 2022. Hannam University, SMART BeaconTeam(HCS-Beacon Contributor) All of source cannot be copied without permission.

๐Ÿ‘‰ How to use

FE

  1. $ cd .\FE\my-app (my-appํด๋”๊นŒ์ง€ ์ด๋™)

  2. $ npm i (ํ•„์š”ํ•œ ํŒŒ์ผ ์„ค์น˜)

  3. make ".env" file (my-appํด๋”์— .envํŒŒ์ผ ์ƒ์„ฑ& ํ™˜๊ฒฝ ๋ณ€์ˆ˜ ์‚ฝ์ž…)

  4. $ npm next build (๋ฐฐํฌ ๋ฐ ์„ค์น˜)

  5. $ npm start (์‹คํ–‰)


HW

  1. ๋ผ์ฆˆ๋ฒ ๋ฆฌํŒŒ์ด์— node.js ์„ค์น˜

    • Install node.js on Raspberry Pi
  2. ๋ผ์ฆˆ๋ฒ ๋ฆฌํŒŒ์ด์—๋Š” HW ํด๋”๋งŒ ๋‹ค์šด๋กœ๋“œ ํ•ฉ๋‹ˆ๋‹ค.

    • Download only HW folder to Raspberry Pi
  3. ๋‹ค์šด๋กœ๋“œํ•œ ํด๋” ๊ฒฝ๋กœ(/'๋‹ค์šด๋กœ๋“œํ•œ ๊ฒฝ๋กœ'/HW)์—์„œ ํ„ฐ๋ฏธ๋„์„ ์—ฝ๋‹ˆ๋‹ค.

    • Open terminal in downloaded folder path
  4. npm i ๋ช…๋ น์–ด๋ฅผ ์ž…๋ ฅํ•˜๋ฉด ํ•„์š”ํ•œ ํŒจํ‚ค์ง€๋ฅผ ์ž๋™์œผ๋กœ ์„ค์น˜ํ•ฉ๋‹ˆ๋‹ค.

    • Input $ npm i command line in terminal
  5. client.js ํŒŒ์ผ ์•ž๋ถ€๋ถ„ ์ฃผ์„์„ ํ™•์ธํ•˜์—ฌ .env ํŒŒ์ผ์„ ์ƒ์„ฑํ•˜์—ฌ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค.

    • Check comment Client.js file ์•ž๋ถ€๋ถ„์„ and Make .env file edit
  6. ์„œ๋ฒ„๊ฐ€ ์ž‘๋™๋˜์–ด์žˆ๋Š” ์ƒํƒœ์—์„œ ๋‹ค์šด๋กœ๋“œํ•œ ํด๋” ๊ฒฝ๋กœ(/'๋‹ค์šด๋กœ๋“œํ•œ ๊ฒฝ๋กœ'/HW)์—์„œ sudo node client.js ๋ช…๋ น์–ด๋ฅผ ์ž…๋ ฅํ•˜๋ฉด ํ”„๋กœ๊ทธ๋žจ์ด ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค.

    • When the server is executing, type the commend sudo node client.js into the terminal.

BE

  1. $ cd BE (BE ํด๋”๊นŒ์ง€ ์ด๋™)

  2. $ npm i (ํ•„์š”ํ•œ ํŒŒ์ผ ์„ค์น˜)

  3. make ".env" file (BEํด๋”์— .envํŒŒ์ผ ์ƒ์„ฑ& ํ™˜๊ฒฝ ๋ณ€์ˆ˜ ์‚ฝ์ž…)

  4. Start mariaDB (mariaDB ์‹คํ–‰)

  5. $ npm run start (์„œ๋ฒ„ ์‹คํ–‰)

Please Check

  • Please Turn on mariaDB before server start!

opnc's People

Contributors

hs980924 avatar dejong1706 avatar minsungkimdev avatar ash-hun avatar

Watchers

 avatar

Forkers

dejong1706

opnc's Issues

flutter App - ์ƒ‰์ƒ ์ฝ”๋“œ

  • ์–ดํ”Œ์— ์ƒ‰์ƒ ์ ์šฉ์„ ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” Color(0xff81a4ff) ํ•ด๋‹น Hex๊ฐ’์„ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
  • ๊ทธ ์ „์— ์‚ฌ์šฉํ–ˆ๋˜ Hex๊ฐ’์€ 0xff ํ•ด๋‹น ๋ถ€๋ถ„์— ์ž˜๋ชป๋œ ๊ฐ’์ด ๋“ค์–ด๊ฐ€์„œ ์ ์šฉ์ด ์ œ๋Œ€๋กœ ์•ˆ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
  • @ash-hun @MinsungKimDev

์ถœ์ž…์ž ๊ด€๋ฆฌ ํŽ˜์ด์ง€ - ์š”์ฒญ ์‚ฌํ•ญ

image

  1. ํ•ด๋‹น ํŽ˜์ด์ง€๋ฅผ ๋ณด๋ฉด ์ƒ์‹œ ์ถœ์ž…์ž ๊ฒฝ์šฐ ํ—ˆ์šฉ๋œ ๊ฑด๋ฌผ ๋ฐ ์ถœ์ž…๋ฌธ์ด ๋งŽ์€๋ฐ ํ•ด๋‹น ๋ฐ์ดํ„ฐ๋“ค์„ ๋ณด์—ฌ์ฃผ๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋ชจ๋‹ฌ์ฐฝ์ด๋“ , detail List๋“  ๋ณ‘๊ทผ๋‹˜์ด ํŽธํ•˜์‹  ๋ฐฉ์‹์œผ๋กœ ์ž‘์—…์„ ํ•˜์…”์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด์—ฌ์ค˜์•ผ ๋  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.
  2. ๊ฑด๋ฌผ ๋ช… ๋ฐ ์ถœ์ž…๋ฌธ ๋ช…์„ Array ๋ฐ์ดํ„ฐ๋กœ ์ „์†กํ•˜๋Š” ๊ฑธ๋กœ ๋ฐ”๊ฟ”์•ผ ํ•  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค(ํ•ด๋‹น API๋ฌธ์„œ๋Š” ๊ณ ์ณ ๋†“๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.)
  3. ๋ฐฉ๋ฌธ ํ—ˆ๊ฐ€ ์š”์†Œ๋ฅผ ๋นผ๋„ ๋  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค(์ด๋ฏธ ๋ณด์—ฌ์ฃผ๋Š” ์ถœ์ž…์ž๋“ค์€ ๋ฐฉ๋ฌธ ํ—ˆ์šฉ์ด ๋œ ์‚ฌ๋žŒ๋“ค๋งŒ ๋ณด์—ฌ์ฃผ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.)

Smart Beacon System "Mobile Application Development"

Smart Beacon System "Mobile Application Development"

Hi, guys~
Smart Beacon_Customer application.pdf

I will be back to develop for mobile application parts :)
At the time of writing this issue, We're probably having a Chuseok ๐Ÿ‘๐Ÿป
So, I hope the happy holiday our memebers :)

Anyway, we have meeting at Sep 8th.
I'll give you a summary of the meeting.

  • Next Meeting is Sep 13th, lunchtime. we have lunch together.
  • we divide the work.
    • @HS980924 has Splash View, Login View, Guest Login View
    • @MinsungKimDev has Account Finding View, Additional views in the field about that parts.
    • @ash-hun has main View, Additional views in the field about that parts.
  • Especially like Guest Login View, Each of us decided to review the necessary additional Data Property.
  • And then, Deadline to work about mobile development is Sep 15th.

flutter - AppBar Code

appBar: AppBar(
        iconTheme: const IconThemeData(
          color: Color(0xff81a4ff), //์ƒ‰๋ณ€๊ฒฝ
        ),
        backgroundColor: Colors.white,
        elevation: 0.0,
      ),
      extendBodyBehindAppBar: true,

BE - ๊ฒฝ๋ณด ์ด๋ ฅ ๋ฐ์ดํ„ฐ

  1. ๊ฒฝ๋ณด ์ด๋ ฅ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฝ‘์•„๋‚ด๋Š” ๊ณผ์ •์—์„œ endtime๊ฐ’์ด null๊ฐ’์ด๋ฉด getUTCHour()๊ฐ’์„ ์‚ฌ์šฉํ•˜์ง€ ๋ชปํ•ด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.
    • ํ•ด๋‹น ์˜ค๋ฅ˜๋Š” ์˜ˆ์™ธ์ฒ˜๋ฆฌ๋กœ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค.
    • endtime์ด null๊ฐ’์ผ ๊ฒฝ์šฐ ๋นˆ ๋ฌธ์ž์—ด('')์„ ๋„ฃ์–ด ์ถœ๋ ฅ์„ ํ•ด์ฃผ๊ณ , ๊ฐ’์ด ์žˆ์„ ๊ฒฝ์šฐ ํ•ด๋‹น ๊ฐ’์„ ๋„ฃ์–ด์ค๋‹ˆ๋‹ค.
  • ํ•ด๊ฒฐ ๋ฐฉ์•ˆ
    image

Smart Beacon System Database ERD

Hi guys,

I uploaded the database ERD that we talked about last meeting at sep 13th.

Please feel free to contact me if you need any corrections during development.

์Šค๋งˆํŠธ๋น„์ฝ˜ ๋ฒ„์ „1

User ์ถœ์ž… ๊ธฐ๋ก ์ˆ˜์ • ์‚ฌํ•ญ ์ฒดํฌ

image

image

  • "ํ˜„์žฌ ๋ฌธ์ด ์—ด๋ ค์žˆ์Šต๋‹ˆ๋‹ค" ๋ฌธ๊ตฌ๊ฐ€ ๋ฐœ์ƒ ํ•  ๋•Œ ์ž…์ถœ ๊ธฐ๋ก์ด ๋“ฑ๋ก์ด ๋˜๋Š”๋ฐ ์ด ๋ถ€๋ถ„์€ ์ˆ˜์ •์„ ํ•ด์•ผ ํ• ๊นŒ์š”?
  • ์•„๋‹ˆ๋ฉด ๊ทธ๋Œ€๋กœ ์ž…์ถœ ๊ธฐ๋ก์ด ๋“ฑ๋ก ๋˜๊ฒŒ ๋‘˜๊นŒ์š”?

@ash-hun @MinsungKimDev @Bluewak

FE: ์—๋Ÿฌ ์ˆ˜์ • ๋ฐ ์ฝ”๋“œ ์ˆ˜์ • ์š”์ฒญ

  1. ํ”„๋กœ๊ทธ๋žจ ์‹คํ–‰ ์‹œ ๋ฐœ์ƒํ•˜๋Š” ์˜ค๋ฅ˜ ์ˆ˜์ • ์š”์ฒญ

    • Unhandled Runtime Error
      Error: Hydration failed because the initial UI does not match what was rendered on the server.
      See more info here: https://nextjs.org/docs/messages/react-hydration-error

    • Unhandled Runtime Error
      Error: There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch
      to client rendering.

  2. ์ฝ”๋“œ ์ˆ˜์ • ์š”์ฒญ

    • {item.opentime} => time์—์„œ t๋ฅผ ๋Œ€๋ฌธ์ž๋กœ ๋ฐ”๊ฟ”์ฃผ์„ธ์š” {item.closetime} => time์—์„œ t๋ฅผ ๋Œ€๋ฌธ์ž๋กœ ๋ฐ”๊ฟ”์ฃผ์„ธ์š”
    • serverData.map => Data๋กœ ์ˆ˜์ • ์š”์ฒญ

Front ํ˜„ ์ƒํ™ฉ ํ…Œ์ŠคํŠธ ๋ณด๊ณ 

  1. cookie ๊ฐ€์ ธ์˜ค๊ธฐ ( ํ•ด๊ฒฐ ๊ฐ€๋Šฅ ํ…Œ์ŠคํŠธ ํ•ด๋ด„ )
    -> https://velog.io/@bunny/react-cookie
    -> ์ถœ์ž… ๊ด€๋ฆฌ์ž ๊ตฌ๋ถ„

  2. ์ถœ์ž…์ž ๊ด€๋ฆฌ ํŽ˜์ด์ง€ ์ˆ˜์ • (์ตœ๊ณ ๊ด€๋ฆฌ์ž์˜ ๊ฒฝ์šฐ ์ž˜ ๋œจ๋Š”๋ฐ ์ค‘๊ฐ„ ๊ด€๋ฆฌ์ž ์ผ ๋•Œ ์˜ค๋ฅ˜๋‚จ )
    image

  3. ๋น„์ƒ๋„์–ด ๊ฐœ๋ฐฉ -> ๋ณ€์ˆ˜๋ช… ์ •๋ฆฌ ํ›„ ์‚ฌ์šฉ ( ํ…Œ์ŠคํŠธ ํ•ด๋ด„, ์˜ˆ์™ธ ์‚ฌํ•ญ๋„ ๋ณ€์ˆ˜๋ฅผ ์ž˜๋ชป ์จ์„œ ์ƒ๊น€, ๋ณ€์ˆ˜ ์ œ๋Œ€๋กœ ์‚ฌ์šฉํ•˜๋ฉด ๋ฌธ์ œ ๋  ๊ฑฐ ์—†์Œ)

    1. ์ „์ฒด๋„์–ด ๊ฐœ๋ฐฉ ํด๋ฆญ ์‹œ ํ•ด๋‹น ๋ฒ„ํŠผ ์ฒดํฌ ํ‘œ์‹œ
    2. ์ „์ฒด๋„์–ด ๊ฐœ๋ฐฉ ํด๋ฆญ ์‹œ ๋ฒ„ํŠผ ํ•ด์ œ => ์ „๋ถ€ ๋„์–ด close
  4. ๋ฌธ์ž ์ „์†ก ๋ฒ„ํŠผ -> ์•„์ด์ฝ˜์„ ๋„ฃ์–ด์•ผ ํ• ๋“ฏ(๋ฌด์Šจ ๊ธฐ๋Šฅ์ธ์ง€ ์‚ฌ์šฉ์ž๋Š” ๋ชจ๋ฅผ๋“ฏ)
    -> ๊ธฐ๋Šฅ์€ ์ •์ƒ์ ์œผ๋กœ ๋Œ์•„๊ฐ

flutter - ์ฝ”๋“œ ์ˆ˜์ • ๋…ผ์˜

image

  • main.dart ํŒŒ์ผ์—์„œ importํ•˜๋Š” ์—ฌ๋Ÿฌ dartํŒŒ์ผ๋“ค์ด ์ƒ์œ„ ํŒŒ์ผ ์ด๋ฆ„์— ์˜ํ–ฅ์„ ๋ฐ›๊ธฐ ๋•Œ๋ฌธ์— ์ฝ”๋“œ ์ˆ˜์ •์ด ํ•„์š”ํ•  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.
  • ๋ณ€๊ฒฝ ์‚ฌํ•ญ ์˜ˆ์‹œ)
    • import 'package:smart_beacon_customer_app/login_screen.dart โ†’ import 'package:App/login_screen.dart
      @ash-hun @MinsungKimDev

Help Unhandled Runtime Error

Front-End

  • Please make this request
    1. Fix the error
      • Error: Hydration failed because the initial UI does not match what was rendered on the server.
      • Error: There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will
        switch to client rendering.
    2. Create .env file
      • Create an .env file
      • Set crypto Key

์›นํŽ˜์ด์ง€ ํ…Œ์ŠคํŠธ ์˜ค๋ฅ˜

1. ์ถœ์ž… ๊ด€๋ฆฌ์ž ๋“ฑ๋ก

  1. ์ „ํ™”๋ฒˆํ˜ธ, ๋ฌธ์ž ์ˆ˜์‹  ์—ฌ๋ถ€, ๊ด€๋ฆฌ๋„์–ด ์„ ํƒ, ์ถœ์ž…๋ฌธ ๋ช… => ํƒํ•˜์ง€ ์•Š์•˜๋Š”๋ฐ ์„œ๋ฒ„๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ „์†กํ•จ
  1. ๊ฑด๋ฌผ์„ ํƒํ•œ ๋‹ค์Œ ๋‹ค์‹œ "์„ ํƒํ•˜์„ธ์š”"๋ฅผ ๋ˆ„๋ฅด๋ฉด ๋ฐ์ดํ„ฐ๊ฐ€ ๋ฆฌ์…‹์ด ์•ˆ๋จ
    image

2. ์ถœ์ž…์ž ๊ด€๋ฆฌ ํŽ˜์ด์ง€

  1. ์ƒ์„ธ ์ •๋ณด๊ฐ€ ์•ˆ๋ณด์ž„
    image

  2. ๋ชจ๋‹ฌ ์ฐฝ ๋ฐ์ดํ„ฐ ๋ฏธ ์ž…๋ ฅ ํ›„ ์ €์žฅ ๋ˆ„๋ฅผ ์‹œ ์—๋Ÿฌ ๋ฐœ์ƒ
    image

3. ์ถœ์ž…๋ฌธ ์ž…์ถœ ์ด๋ ฅ

  1. ์ถœ์ž…๋ฌธ ์ž…์ถœ ์ด๋ ฅ ํƒญ ๋ฉ”๋‰ด

    1. ๋‚ ์งœ ์„ ํƒ ๋งˆ์ง€๋ง‰ ๋‚ ์„ ์—ฌ๋Ÿฌ ๋ฒˆ ํด๋ฆญ ์‹œ ์•ž์— ๋‚ ์งœ๊ฐ€ ๋ณ€๊ฒฝ๋จ.
      image
      image
  2. ๋น„์ƒ๋„์–ด ๊ฐœ๋ฐฉ ํƒญ ๋ฉ”๋‰ด

    1. ์„œ๋ฒ„์—์„œ ๊ฐ€์ ธ์˜ฌ ๋•Œ ์ฒดํฌ๊ฐ€ ๋˜์–ด ์žˆ๋Š” ๊ฐ’์€ ํ•ด์ œ๊ฐ€ ์•ˆ๋จ(๋ฐ์ดํ„ฐ ๋ฐ˜์˜์ด ์•ˆ๋จ)
      image

4. ์ถœ์ž…๋ฌธ ๊ด€๋ฆฌ ์„ค์ • โ€“ ๋ชจ๋‹ฌ์ฐฝ

  1. ๋ฐ์ดํ„ฐ ์ž…๋ ฅ ์—†์ด ์ €์žฅ ๋ˆ„๋ฅด๋ฉด ์—๋Ÿฌ ๋ฐœ์ƒ
    image

5. ๋ Œ๋”๋ง ๋ฌธ์ œ

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.