『 2023.03.22』- 영역추가와 API 신청!

👇👇👇 지난 글 보기👇👇👇 

『2023.03.21 』- 상태연결과 영역추가

 

---

지난 시간에 이어서 오늘도 힘차게 시작해 봅니다!

 

오늘은 지난 시간에 다 못한 새로운 영역을 작성해 주고 마무리해 주었습니다.

 

이렇게 내용이 한가득 있고 정리되지 않아 가독성이 떨어져 정보가 눈에 안 들어오더라고요..

 

그래서 단 설정을 해서 가독성을 높이기로 했답니다.

 

.sub1{

    column-count: 2;

    width: 90%;

    margin: 0 auto;

}

확실히 단 설정으로 정보가 한눈에 들어와 개선된 것을 볼 수 있었네요!

 

---

상단의 메뉴바도 약간의 효과를 주기로 했습니다

 

일반적인 css가 아니라 이번에는 scss를 사용하기 때문에 아래와 같이 속성을 지정해 주었답니다.

 

a{
    &:hover{
        color:#ff7700;
    }
    &:focus{
        color: #353535;
    }
}

이렇게 hover시 색이 변경되는 걸 구현했습니다!

---

마지막으로 이제 예보 기준 페이지를 만들어 주었습니다.

 

테이블표는 이미지로 처리하여 단으로 설정해 주었습니다!

---

마지막으로 이제 공공데이터를 받아야 하기 때문에 미리 신청을 진행했습니다!

 

 

해당 API 신청하는 방법은 따로 포스팅을 해보도록 하겠습니다!

 

짝꿍님과 이야기를 해보니 공공데이터 설명의 공식문서를 읽어보는 게 좋을 것 같다고 해서

 

내일은 공공문서를 읽어봐야겠네요!!

 

---

( ´╹ᗜ╹`*)