| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
- module.css
- react
- JavaScript
- position
- 메뉴바만들기
- 제이쿼리
- 자바스크립트 내장객체
- 아코디언카드만들기
- 20231221
- 자바스크립트
- 미세먼지
- HTML
- 개발일지
- FOR문
- css속성
- 바닐라자바스크립트
- 일러스트 입체글자
- 퍼블리싱
- 공공데이터 활용
- JS
- Js 내장객체
- 리액트
- 미세먼지알림사이트만들기
- CSS
- useState
- jQuery
- open api
- css 속성
- Illustrator2022
- 공공데이터
- Today
- Total
김코드의 웹디자인 세상
『2023.03.14』 - 가이드라인 제작 및 css다듬기 본문
👇👇👇 이전글 👇👇👇
2023.03.09 - [⊹⠀𝙿𝚛𝚘𝚓𝚎𝚌𝚝/⊹⠀𝟐𝟎𝟐𝟑] - 『2023.03.09』- 조건부 렌더링으로 대기질영역 구현.
『2023.03.09』- 조건부 렌더링으로 대기질영역 구현.
👇👇👇 이전글 👇👇👇 『 2023.03.08』 - 오류 수정 및 지도 영역 수정 👇👇👇 이전 글 👇👇👇 『2023.03.06』 - Hi Dust의 시간설정과 여러가지 2023.03.03 - [⊹⠀𝙿𝚛𝚘𝚓𝚎𝚌𝚝/⊹⠀𝟐𝟎
y-seon97.tistory.com
안녕하세용
오늘은 이 부분을 채워보려 합니다.
똑같이 객체로 처리하여 부분 렌더링 처리를 할 거랍니다.
행동지침은 초미세먼지나 미세먼지는 동일하기 때문에 비교적 빨리 끝날 것이라고 예상되는군요!
자 그럼 미세먼지와 초미세먼지의 행동지침을 확인해 보고 컴포넌트를 만들어 봅시다!
또한 조건부 렌더링을 사용하였고 각각을 오브젝트로 처리하여 값을 가져오게 만들었답니다.
대기질 기준인 좋음, 보통, 나쁨, 매우 나쁨으로 각각의 컴포넌트를 만들어줍니다.
그래서 각각 보이는 화면은 아래와 같답니다.
그래서 보이는 전체 화면은...
이렇게 보인다요!
대기정보와 함께 행동요령도 같이 불러오게 되는 거죠!
그럼 더 사용자가 알기 쉽지 않을까 싶습니다. ㅎㅎㅎ
요즘 들어 티스토리 버그가 장난 아니네요ㅠㅠㅠ
위에도 플러그인으로 이전글을 원래 가져오는데 안되더라고요ㅠㅠㅠ
뭐 어쩔 수 없이 그냥 링크만 남기렵니다ㅠ
내일은 마지막으로 그래프 부분을 완성해 보도록 하겠습니다!
좋은 밤 보내세요!!
ヽ(°ᴥ°)ﾉ
'⊹⠀𝙿𝚛𝚘𝚓𝚎𝚌𝚝 > ⊹⠀𝟐𝟎𝟐𝟑' 카테고리의 다른 글
| 『 2023.03.16』- 미세먼지 마지막 영역과 로딩화면 만들기! (0) | 2023.03.16 |
|---|---|
| 『2023.03.15 』- css 전면 수정?! (module.css) (0) | 2023.03.16 |
| 『2023.03.09』- 조건부 렌더링으로 대기질영역 구현. (0) | 2023.03.09 |
| 『 2023.03.08』 - 오류 수정 및 지도 영역 수정 (0) | 2023.03.08 |
| 『2023.03.06』 - Hi Dust의 시간설정과 여러가지 (0) | 2023.03.06 |
