Git Product home page Git Product logo

vanilla-js-spa's Introduction

프로젝트 설명

markdown으로 독후감을 작성할 수 있습니다. markdown으로 작성된 독후감은 build.js 파일을 통해서 json 파일로 변환됩니다. 프론트엔드는 vanilla js를 활용하여 SPA 방식으로 구현하였고 json 파일로부터 독후감 데이터를 받아옵니다.

배포 환경에서 라우팅 문제 해결이 필요합니다. 아직 미완성 프로젝트 입니다.

독후감 작성하는 법

  1. public/books 폴더에 책 이름으로 폴더를 생성합니다.
  2. 독후감에 대한 정보를 아래 형식으로 삽입합니다. coverImage 속성은 필수로 입력해주어야 합니다.
    ---
    coverImage: imagePath
    ---
    
    이미지를 로컬에 저장할 경우 public 폴더 하에 위치해야 합니다.
  3. 독후감 내용은 위 영역 아래 자유롭게 작성하시면 됩니다.
  4. 독후감 내용은 public/data/book-data.json 파일로 변환됩니다.

vanilla-js-spa's People

Contributors

jinwook567 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.