| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
| 31 |
- 메뉴바만들기
- Js 내장객체
- 퍼블리싱
- 공공데이터 활용
- 개발일지
- react
- 리액트
- JavaScript
- module.css
- position
- 미세먼지
- 바닐라자바스크립트
- FOR문
- css 속성
- open api
- 자바스크립트 내장객체
- jQuery
- Illustrator2022
- HTML
- 아코디언카드만들기
- 미세먼지알림사이트만들기
- useState
- 제이쿼리
- 공공데이터
- JS
- 일러스트 입체글자
- CSS
- 20231221
- css속성
- 자바스크립트
- Today
- Total
김코드의 웹디자인 세상
『2023.03.15 』- css 전면 수정?! (module.css) 본문
👇👇👇 이전글 👇👇👇
『2023.03.14』 - 가이드라인 제작 및 css다듬기
👇👇👇 이전글 👇👇👇 https://y-seon97.tistory.com/78 안녕하세용 오늘은 이 부분을 채워보려 합니다. 똑같이 객체로 처리하여 부분 렌더링 처리를 할 거랍니다. 행동지침은 초미세먼지나 미세먼
y-seon97.tistory.com
흑흑
css를 전면 수정했습니다...
reacet의 컴포넌트의 같은 class명을 주어서 css가 겹쳐 보이게 되는 거죠...
그래도 빠르게 해결방법을 알게 되어서 해결은 했습니다.
진짜 알면 알수록 정말 이 쪽 세계는 깊고 깊으며 새롭고 다양한 것들이 많다고 느꼈고,
이렇게 'n차 수정'으로 배우는 거라고 다시 한번 생각을 했었습니다.
(╯✧▽✧)╯
❏ React - 리액트(react) css 겹침현상??? (module.css)
안녕하세요! 오늘은 리액트 사용 중 css가 겹치거나 적용이 되지 않는 경우에 해결하는 방법에 대해서 알아보겠습니다. 때는 어젯밤... 컴포넌트를 수정 중 계속해서 css가 중첩돼서 적용이 되는
y-seon97.tistory.com
이렇게 하나의 컴포넌트인데도 한 번에 여러 개의 css를 가져와서 읽어버리니
css가 이상하게 보이고 그랬던 것이죠ㅠㅠㅠ
그래서 하나하나 전면수정하고 class명을 부여하기 시작했습니다!
module.css를 사용하니 확실히 충돌하지 않고 컴포넌트에 연결된 css만 뜨는 것을 볼 수 있었습니다!
이렇게 '보통'의 컴포넌트여도 css가 충돌하여 SoBad.css를 읽고 있다ㅜ
그래서 전면적으로 수정을 해주었답니다!
이제 진짜 얼마 남지 않았네요!!
❛ ᗜ❛ ฅ
'⊹⠀𝙿𝚛𝚘𝚓𝚎𝚌𝚝 > ⊹⠀𝟐𝟎𝟐𝟑' 카테고리의 다른 글
| 『2023.03.21 』- 상태연결과 영역추가 (0) | 2023.03.20 |
|---|---|
| 『 2023.03.16』- 미세먼지 마지막 영역과 로딩화면 만들기! (0) | 2023.03.16 |
| 『2023.03.14』 - 가이드라인 제작 및 css다듬기 (0) | 2023.03.14 |
| 『2023.03.09』- 조건부 렌더링으로 대기질영역 구현. (0) | 2023.03.09 |
| 『 2023.03.08』 - 오류 수정 및 지도 영역 수정 (0) | 2023.03.08 |
