김코드의 웹디자인 세상

Hidust.mia 프로젝트 계획이유 우리는 어느 순간부터 미세먼지에 대한 정보를 확인하고 생활하고 있습니다. 외출을 할 때도 중요한 계획을 세울 때도 심지어 실내에서 생활을 할 때도 말이죠. 그렇기에 Hi Dust도 누군가의 일상생활에 도움과 정보를 주고자 하는 바람에서 출발하게 되었습니다. Hi Dust는 미세먼지의 측정값(미세먼지, 초미세먼지)을 각각 Open API로 가져와 지역별로 확인할 수 있습니다. 미세먼지와 초미세먼지는 각 시도별 지정된 측정소에서 측정값을 가지고 옵니다. (이에 대한 오차값에 대한 설명은 하단에 명시하였습니다.) 미세먼지 측정값의 등급에 따라 화면이 다르게 구현하였습니다. 미세먼지의 측정값 뿐만 아닌 대기정보 (이산화질소, 일산화질소, 오존, 아황산가스)에 대한 정보를 얻..

👇👇👇 이전 글 바로가기! 👇👇👇 『 2023.03.23』- Open API 공식문서 확인 및 컴포넌트 수정 👇👇👇 지난 글👇👇👇 『 2023.03.22』- 영역추가와 API 신청! 👇👇👇 지난 글 보기👇👇👇 『2023.03.21 』- 상태연결과 영역추가 👇👇👇 이전글 바로가기👇👇👇 『 2023.03.16』- 미세먼지 y-seon97.tistory.com 드디어 짝꿍님의 도움으로 공공 API를 연결했다...! 시도별 선택 시 뜨는 측정값과 실제 에어코리아 홈페이지와 같은 측정값을 얻는지도 확인했다! 이제는 정말 막바지 작업을 진행하는 것으로 오늘 기록을 남겨야겠다! 연결에 도움을 준 우리 짝꿍님 짱짱!! ✏ 상단 nav 애니메이션 효과 적용 상단 nav의 애니메이션 효과를 적용하여 보다 조금은 밋밋함을 ..

👇👇👇 지난 글👇👇👇 『 2023.03.22』- 영역추가와 API 신청! 👇👇👇 지난 글 보기👇👇👇 『2023.03.21 』- 상태연결과 영역추가 👇👇👇 이전글 바로가기👇👇👇 『 2023.03.16』- 미세먼지 마지막 영역과 로딩화면 만들기! 👇👇👇 이전글 👇👇👇 『20 y-seon97.tistory.com 안녕하세요! 오늘도 하루씩 밀려서 작성하는 저만의 개발일지입니다...! ㅎㅎㅎㅎ 그래도 매일매일 꾸준하게 작성하려고 노력하고 있으니 봐주시면 감사하겠습니다! (ʃƪ ˘ ³˘) 오늘도 힘차게 달려 봅시다!! 저는 지난 시간에 이어서 공공데이터 중 2가지를 다운로드하였습니다! 하나는 에어코리아에서 제공하는 대기오염정보 조회 서비스 Open API이며, 나머지 하나는 에어코리아에서 제공하는 미세먼지 경보 ..

👇👇👇 지난 글 보기👇👇👇 『2023.03.21 』- 상태연결과 영역추가 👇👇👇 이전글 바로가기👇👇👇 『 2023.03.16』- 미세먼지 마지막 영역과 로딩화면 만들기! 👇👇👇 이전글 👇👇👇 『2023.03.15 』- css 전면 수정?! (module.css) 👇👇👇 이전글 👇👇👇 『2023. y-seon97.tistory.com 지난 시간에 이어서 오늘도 힘차게 시작해 봅니다! 오늘은 지난 시간에 다 못한 새로운 영역을 작성해 주고 마무리해 주었습니다. 이렇게 내용이 한가득 있고 정리되지 않아 가독성이 떨어져 정보가 눈에 안 들어오더라고요.. 그래서 단 설정을 해서 가독성을 높이기로 했답니다. .sub1{ column-count: 2; width: 90%; margin: 0 auto; } 확실히 단 ..