Git Product home page Git Product logo

weather-web's Introduction

부산광역시 종합 날씨 예보

개발계기

어느날 군대에서 이리저리 살고있는 저에게 한가지 소식이 왔다.
그건 바로 어느 선배가 사이트를 만들었다는 거다!
그래서 나도 군대에 있으면서 개인정비시간이나 연등을 이용해서 만들기로 했다. ->그리고 휴가 나와서도 계속 이프로젝트를 실시합니다.

이 프로젝트의 장점

이프로젝트는 부산 전용으로 만들었지만 지역을 추가하면 다른 지역의 예보도 확인 할수 있습니다.
모바일에서도 사용이 가능하고 다른 기기에서도 응용을 할수 있게 반응형으로 디자인 했습니다.

모바일 다른기기
image image

TRY ME?

이프로젝트를 한번 시험적으로 가동을 할려면 아래와 같은 과정이 필요합니다.

1. 노드 모듈 설치

커맨드 창에 아래와 같은 커맨드를 입력을 해서 모듈을 다운로드 받습니다.

npm i

2. ApiKey 입력

저희는 공공데이털포털에서 기상청_단기예보 ((구)_동네예보) 조회서비스를 활용신청을 해서 키를 받고
assets > api_key.json.example에 키를 넣어줌니다.
키를 넣으면 뒤에 example를 제거하고 json파일 형식을 유지합니다

{
    "zc": ""
}

3. Vue run

위에 같은 준비과정이 끝나면 아래에 커맨드를 입력해서 사용해주시기 바람니다

npm run serve

개발 프레임워크

Bootstrap: https://getbootstrap.com/
chakra UI(Vue): https://vue.chakra-ui.com/
Ionic icon : https://github.com/ionic-team/ionicons

라이센스

이 사이트는 공공의 이익의 목적으로 제작된 사이트 입니다.
그래서 코드를 보고 수정을 하거나 디자인만 수정해서 배포를 하셔됨니다.
하지만 배포를 하거나 수정사항이 있으면 기재해 주시고 원작자가 누구인지 적어주셔야 합니다.(일부 코드를 가져와서 사용한거에 대한 것은 원작자 표시 안해도 됨니다.)

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.