Skip to content

Commit

Permalink
Merge branch 'master' of https://github.com/BadaHertz52/weather_react
Browse files Browse the repository at this point in the history
…into develop
  • Loading branch information
BadaHertz52 committed Sep 14, 2023
2 parents aebd2d7 + 1fd1fb4 commit 387b424
Show file tree
Hide file tree
Showing 5 changed files with 25 additions and 46 deletions.
71 changes: 25 additions & 46 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
## 1) weather 소개

weather 는 kakao local REST API와 공공 데이터 포털에서 제공받은 데이터를 통해 사용자에게 사용자의 현재 위치에 따른 국내의 날씨 정보를 알려주는 날씨 정보 사이트입니다.
사용자는 현재의 자신의 위치에 따른 현 시점의 날씨, 앞으로 3일 이내의 시간별 날씨, 일주일간의 전국 날씨, 일출 일몰 시각을 제공받을 수 있습니다.
사용자는 현재의 자신의 위치에 따른 현 시점의 날씨, 앞으로 3일 이내의 시간별 날씨, 일출 일몰 시각을 제공받을 수 있습니다.
웹프론트, 웹디자인으로 [네이버 날씨](https://weather.naver.com)를 참고해 만들었습니다.

### ✨프로젝트 목적
Expand Down Expand Up @@ -78,44 +78,25 @@ npm i

## <div id="view">4. Layout and Operate </div>

### 1) Layout and Responsive Web
### Loading and Main

<img
src="./readmeImg/layout.gif"
width="300px"
height="auto"
alt="weather site layout"
/>
#### web browser

### 2) View
<img src="./readmeImg/weather.gif" width="500px"
height="auto">

### a. Main
#### mobile browser

<img
src="./readmeImg/weather.gif"
width="300px"
height="auto"
alt="show how weather site work"
/>
<img src="./readmeImg/weather_mobile.gif" height="300px"
height="auto">

### b. Loading :
### Failure

Screen when fetching data

<img
src="./readmeImg/loading.gif"
width="300px"
height="auto"
alt="loading"
/>

### c. Failure :

Screen when fetching data failed
데이터 불러오는 것 실패시 사 나타나는 화면

<img
src="./readmeImg/failure.jpg"
width="300px"
width="500px"
height="auto"
alt="show how weather site work"
/>
Expand All @@ -138,20 +119,20 @@ server.js

```
src/modules
-position
-index
-reducer
-saga
-thunk
-toolkit
-types
-weather
-index
-reducer
-saga
-thunk
-toolkit
-types
- position
-index
-reducer
-saga
-thunk
-toolkit
-types
- weather
-index
-reducer
-saga
-thunk
-toolkit
-types
```

#### b. Components
Expand All @@ -161,7 +142,6 @@ server.js
| Hourly | 오늘로부터 3일간의 시간별 날씨 정보를 보여줌 |
| Location | 사용자의 위치정보를 찾고, 이를 보여줌 |
| Loading | 위치 정보와 날씨 정보를 불어올 때 화면에 나타나 현재 진행상황을 표시 |
| Nation | 오늘로부터 일주일간의 전국 날씨를 보여줌 |
| None | 날씨 정보가 없을 때 정보가 없음을 알려줌 |
| Now | 현재 사용자가 있는 장소의 실시간 날씨 정보를 알려줌 |
| ScrollBtn | 터치나 마우스로 스크롤이 가능한 요소를 왼쪽이나 오른쪽으로 넘겨주는 버튼 |
Expand Down Expand Up @@ -199,7 +179,6 @@ server.js
tomorrowWeather: TomorrowWeather | null;
threeDay: DailyWeather[] | null;
week: Day[] | null;
nation: NationType | null;
sunRiseAndSet: (SunRiseAndSet | Error)[] | null;
};
```
Expand Down
Binary file removed readmeImg/layout.gif
Binary file not shown.
Binary file removed readmeImg/loading.gif
Binary file not shown.
Binary file modified readmeImg/weather.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added readmeImg/weather_mobile.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 387b424

Please sign in to comment.