목록react (19)

김코드의 웹디자인 세상

『 2023.04』- HiDust 최종완성 및 배포

Hidust.mia 프로젝트 계획이유 우리는 어느 순간부터 미세먼지에 대한 정보를 확인하고 생활하고 있습니다. 외출을 할 때도 중요한 계획을 세울 때도 심지어 실내에서 생활을 할 때도 말이죠. 그렇기에 Hi Dust도 누군가의 일상생활에 도움과 정보를 주고자 하는 바람에서 출발하게 되었습니다. Hi Dust는 미세먼지의 측정값(미세먼지, 초미세먼지)을 각각 Open API로 가져와 지역별로 확인할 수 있습니다. 미세먼지와 초미세먼지는 각 시도별 지정된 측정소에서 측정값을 가지고 옵니다. (이에 대한 오차값에 대한 설명은 하단에 명시하였습니다.) 미세먼지 측정값의 등급에 따라 화면이 다르게 구현하였습니다. 미세먼지의 측정값 뿐만 아닌 대기정보 (이산화질소, 일산화질소, 오존, 아황산가스)에 대한 정보를 얻..
⊹⠀𝙿𝚛𝚘𝚓𝚎𝚌𝚝/⊹⠀𝟐𝟎𝟐𝟑 2023. 4. 6. 21:53
❏ React - <a>태그 사용시 나타나는 오류 해결하기 (href 오류)

이번에 홈페이지 제작을 하면서 게시판 부분에 태그를 사용해야 하는 부분이 있었는데 이동하는 링크가 따로 없어서 href를 공란으로 두었더리 오류파티가 났었다...! 오류의 내용은 태그 사용 시 href 속성의 유효한 값이 필요하다라고 한다... 이런 태그는 에서 걸리게 되는데 href 속성이 없어도 안되고 유효하지 않아도 문제가 된다. 그래서 보통은 이런 식으로 많이 사용한다고 구글링을 통해 알 수 있었는데... ✏ 오류를 막기위한 여러 가지 방법들 방법1 방법2 방법3 그러나 이러한 방법들도... 또 뜬다... 그래서 알게 된 방법 아래와 같다...! ✏ 해결할 수 있는 여러가지 방법들 방법1 방법2 그래서 사용해보았더니...! 문제없이 잘 사용되는 것을 볼 수 있었다! 특히 방법1은 또한 무반응처리가..
⊹ ⠀𝚁𝚎𝚊𝚌𝚝 2023. 3. 30. 22:51
❏ React - FontAwesome 사용방법!

안녕하세요! 오늘은 React에서의 FontAwesome 사용방법에 대해서 알아보겠습니다! 이모저모 많이 사용하는 FontAwesome이니 활용해 보시면 좋을 것 같네요! d=(´▽｀) ✎ React에서 FontAwesome 설치법! 먼저 터미널에 하나씩 아래와 같이 작성해주세요! 설치 후 Package.json 파일에서 설치가 잘 되었는지 확인해 주세요! //FontAwesome 설치방법! npm i --save @fortawesome/fontawesome-svg-core npm install --save @fortawesome/free-solid-svg-icons // 솔리드 스타일 npm install --save @fortawesome/free-regular-svg-icons // 레귤러 스타일 ..
⊹ ⠀𝚁𝚎𝚊𝚌𝚝 2023. 3. 24. 00:40
『 2023.03.16』- 미세먼지 마지막 영역과 로딩화면 만들기!

👇👇👇 이전글 👇👇👇 『2023.03.15 』- css 전면 수정?! (module.css) 👇👇👇 이전글 👇👇👇 『2023.03.14』 - 가이드라인 제작 및 css다듬기 👇👇👇 이전글 👇👇👇 https://y-seon97.tistory.com/78 안녕하세용 오늘은 이 부분을 채워보려 합니다. 똑같이 객체로 처리하 y-seon97.tistory.com 오늘은 로딩화면과 기상예보 게시판 영역을 채워주었답니다. 원래는 그래프를 작성해서 넣는 영역으로 만들려고 했으나 정보를 주는 게시판을 넣는 것도 좋을 것 같다는 생각이... 그래서 그래프영역이 아닌 게시판 영역을 넣어주었답니다! 그렇게 해서 모든 화면을 채울 수 있었습니다! 원래 로딩화면은 생각하지 않았었는데 저는 공공데이터(API)를 활용해서 제작하고..
⊹⠀𝙿𝚛𝚘𝚓𝚎𝚌𝚝/⊹⠀𝟐𝟎𝟐𝟑 2023. 3. 16. 23:43
이전 Prev 1 2 3 4 5 Next 다음