codestates / codestates/FilmStorage

[DevLog] 정다인 / 2022-04-04

Open
#239 0 comments 0 reactions 1 assignee Claimed by @jeongdxxn View on GitHub
DevLog
Dominant language
JavaScript
Stars
5
Forks
5
PR merge metrics
No merged PRs in 30d

Description

### 오늘은 어떻게 프로젝트에 기여했나요?

- 필름스팟/ 오늘의 필름 페이지 와이어프레임 수정 및 추가하고, 레이아웃 구현
- 오늘의 필름 페이지 오늘/주말, 지역 `React Select`로 Select 구현하고 지역 선택 시 날씨 받아오기 기능 구현

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?

- React Select 에 CSS 커스텀을 적용하는 것
- 현재위치를 받아서 날씨 정보를 요청하는거나 특정 지역 위도/경도 정보로 날씨 정보를 요청하는 코드 구현할 때 조건문을 적절하게 사용해서 셀렉트 정보가 잘 적용되게 하는 것
```js
let url;
if(cityOption === "현재 위치"){
const lat = position.coords.latitude;
const log = position.coords.longitude;
url = `https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${log}&units=metric&lang=kr&appid=${apiKey}`;
} else {
// 현재 위치가 아닐 때
url = `https://api.openweathermap.org/data/2.5/weather?lat=${selectLat}&lon=${selectLng}&units=metric&lang=kr&appid=${apiKey}`;
}
```

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

- [ ] 오늘의 필름 페이지 주말의 날씨 기능 구현
- [ ] 날씨 정보에 따라 출력할 필름 정보 데이터 생성하고 연결

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.