김코드의 웹디자인 세상

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의 애니메이션 효과를 적용하여 보다 조금은 밋밋함을 ..

안녕하세요! 이번 포트폴리오를 만들면서 공공데이터를 활용하게 되었는데 공공데이터포털에서 공공데이터를 신청하는 방법에 대해서 포스팅해 보겠습니다! ๑╹ワ╹๑ ✏공공데이터 포털 접속방법과 검색방법 먼저 검색창에 공공데이터 포털을 검색합니다! 첫 번째 위에 있는 공공데이터포털을 눌러주세요! 공공데이터 포털에 접속해 주세요! https://www.data.go.kr/index.do 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr 먼저 해당 서비스를 이용하기 위해서는 회원가입이 필요하니 회원가입을 진행해 주시길 바랍니다! 회원..

👇👇👇 이전글 바로가기👇👇👇 『 2023.03.16』- 미세먼지 마지막 영역과 로딩화면 만들기! 👇👇👇 이전글 👇👇👇 『2023.03.15 』- css 전면 수정?! (module.css) 👇👇👇 이전글 👇👇👇 『2023.03.14』 - 가이드라인 제작 및 css다듬기 👇👇👇 이전글 👇👇👇 https://y-seon97.tistory.com/78 안 y-seon97.tistory.com 드디어 모든 영역을 만들었습니다. 이제는 데이터를 연결해 주기 전 전처리의 작업을 진행해야 합니다. 지도 부분에서의 지역데이터를 읽고 옆에 상태창에 뜨게 만들어야 하는데요! 그럼 먼저 일단 지도 부분에 지역 data값을 입력해 주도록 하겠습니다. (*ˊᵕˋ*) ﾉ 일단 Koreamap.js파일을 불러왔습니다. 해당 파일은..