『 2023.03.16』- 미세먼지 마지막 영역과 로딩화면 만들기!

 

 

👇👇👇 이전글 👇👇👇

 

『2023.03.15 』- css 전면 수정?! (module.css)

 

오늘은 로딩화면과 기상예보 게시판 영역을 채워주었답니다.

 

원래는 그래프를 작성해서 넣는 영역으로 만들려고 했으나 정보를 주는 게시판을 넣는 것도 좋을 것 같다는 생각이...

 

그래서 그래프영역이 아닌 게시판 영역을 넣어주었답니다!

 

그렇게 해서 모든 화면을 채울 수 있었습니다!

---

 

원래 로딩화면은 생각하지 않았었는데 저는 공공데이터(API)를 활용해서 제작하고 있습니다.

 

아무래도 API를 호출하는 경우에는 로딩이 생길 거라고 예상하기 때문에 로딩화면을 넣어주려고 합니다.

 

---

 

저는 저의 프로젝트의 아이콘인 구름을 로딩화면에도 넣고 싶었습니다.

 

그렇기에 폰트어썸 프로그램이 필요하기에 확장프로그램을 설치했습니다.

 

//React에서 폰트어썸 사용하기!

npm i --save @fortawesome/fontawesome-svg-core
npm install --save @fortawesome/free-solid-svg-icons // 솔리드 스타일
npm install --save @fortawesome/free-regular-svg-icons // 레귤러 스타일
npm install --save @fortawesome/react-fontawesome

설치 완료!

그리고 상단에도 import 시켜줍니다!

 

여하튼 여차저자 해서 로딩 화면을 만들었습니다!

 

 

---

정말 이제는 마지막으로 디자인적인 부분을 다듬고

연결하는 일만 남은 것 같습니다!!

끝까지 힘내야지요!

정신 차리고요ㅠ

 

 

오늘도 끝!

◝(・▿・)◜