Git Product home page Git Product logo

homework_web's Introduction

Homework_web

Front Url

https://homework-web.netlify.app

서버 Repository 입니다.
https://github.com/dbwpghks56/homework_server

※ 아직 서버가 배포 되어있지 않기 때문에 로컬 환경에서 서버를 8090 포트로 실행한 뒤 OEmbed 가 지원하는 url을 입력하시면 됩니다.

Technologies used:

• Flutter
• dart
• json_annotation
• retrofit
• riverpod
• dio

Overview

본 프로젝트는 백엔드 서버와 통신해 사용자가 입력한 Url 의 OEmbed 구성요소를 보기 쉽게 표시해주는 프로젝트입니다. iframe 등 html 적인 요소의 내용 및 표시도 되어있습니다.

Installation

$ git clone https://github.com/dbwpghks56/homework_web.git

Running the app

$ flutter pub get
$ flutter run -d web --web-renderer html

프로젝트를 실행하기 전에 반드시 flutter pub get을 실행해주세요

json_annotation

Request or Response 객체를 json으로 직렬화 혹은 역직렬화 하기 쉽게 만들기 위한 package 입니다.
어노테이션을 이용해 활용하고 toJson, fromJson 을 쉽게 생성할 수 있습니다.

retrofit

현재 동작중인 Api 서버와 연동하기 위해 사용된 package 입니다.
어노테이션을 이용해 쉽게 사용할 수 있고 Rest Api 에 대해서 쉽게 통신할 수 있습니다.

riverpod

객체 혹은 값에 대해서 상태관리를 하기 위해 사용된 package 입니다.
provider를 이용해 상태를 관리하게 되고 쉽게 접근 및 변경할 수 있습니다.

dio

Http 통신하기 위해 사용된 package 입니다.
interceptor 를 이용해 request, error, response 에 대해 쉽게 접근하고 가공할 수 있습니다.
현재 프로젝트에서는 Api 서버의 공통 response에서 data 및 Http Status 를 이용하기 위해 사용되었습니다.

homework_web's People

Contributors

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