Database2 - Lowdb

설치 - 웹브라우저

수업소개

웹브라우저에 lowdb를 설치하는 방법을 살펴봅시다

 

 

 

강의

 

 

소스코드

<!doctype html>
<html>
    <head>
            <script src="https://unpkg.com/lodash@4/lodash.min.js"></script>
            <script src="https://unpkg.com/lowdb@0.17/dist/low.min.js"></script>
            <script src="https://unpkg.com/lowdb@0.17/dist/LocalStorage.min.js"></script>
            <script>
              var adapter = new LocalStorage('db')
              var db = low(adapter)
            </script>
            
    </head>
</html>

 

댓글

댓글 본문
  1. 나연
    2022년 2월 28일 (월) 완료

    lowdb를 웹 브라우저에서 사용하면 로컬 스토리지라는 저장 공간에 데이터베이스를 쉽게 사용할 수 있음

    `"https://unpkg.com/lowdb@0.17/dist/low.min.js"` : lowdb의 파일
    `"https://unpkg.com/lodash@4/lodash.min.js"` : lowdb는 Lodash에 굉장히 많은 영향을 받았고 거기에 의존하고 있기 때문에 필요
    `"https://unpkg.com/lowdb@0.17/dist/LocalStorage.min.js"` : 로컬 스토리지라고 해서 웹 브라우저의 클라이언트 딴에 데이터를 저장할 수 있는 기술을 핸들링하는 파일

    `const adapter = new LocalStorage("db");` : 로컬 스토리지의 `db`라고 하는 곳에 데이터 저장
    `const db = low(adapter);` : `low()` : lowdb를 만드는 함수
    - 인자로 주면 로컬 스토리지의 `db`에다가 lowdb의 데이터를 저장하겠다, 그리고 `db`라는 변수를 통해 lowdb를 제어하겠다는 표시

    1. 웹 서버 키기
    - `$ python -m SimpleHTTPServer`
    -- 파이썬에 내장되어 있는 웹 서버에 의해서 현재 디렉토리가 웹 서버의 document 루트가 됨
    -- `$ python -m http.server`
    2. `http://localhost:8000/index.html`
    3. 크롬 개발자 도구 > `Application` > `Storage` > `Local Storage`
    - `"db" : "{}"`
    -- `const db = low(adapter);` : 이 코드가 실행되면 lowdb를 통해 로컬 스토리지에 `db`라는 이름의 키에다가 데이터를 앞으로 저장할 것이기 떄문에 생성됨
  2. labis98
    20210824 good!!!
  3. 김윤석
    21.04.27
  4. jeisyoon
    2021.03.27 웹 브라우저 설치 - OK
  5. chimhyangmoo
    21.03.09
  6. 생활둘기
    2021 2 15
  7. Yong Hyun Lee
    완료 200920
  8. 착한얼굴에그러치모탄태도
    수강완료. 감사합니다~
  9. 쑤우
    수강완료. 감사합니다~
  10. Amousk
    좋은 강의 감사합니다.
  11. 굼벵이
    완료
  12. supernet
    완료!!
  13. 쑤쑤
    감사합니다~ 뭐가 잘못됐나 고민할 시간 줄였네요:)
    대화보기
    • jo_onc
      신기하네요!
    • 삼고잉
      클라이언트단에 데이터를 저장할 수 있는 로컬스토리지에 lowdb를..
    • 그린이
      로컬 서버 테스트시 python이 2.xx면 이고잉님처럼하시고

      3.xx 라면 python -m http.server로 터미널에서 접속하세요~~
    graphittie 자세히 보기