걍 css 만 열심히 공부하면 다른건 다 됨
그리고 css도 매번 업데이트가 되고 이ㅏㅣㅅ음
scss 가 변수? css 도됨
scss 가 Nested ? css 도됨
https://velog.io/@my_suwan/CSS-CSS-Nesting
[CSS] CSS Nesting
CSS 중첩규칙
velog.io
css 도 매번 업데이트가 되고 있음
물론 업데이트 된다고 실무에 사용하면 안되겠지만, 그래도 근본이다.
css 근본 공부를 열심히 해야한다.
난 최근에 next 프레임워크에 module.css 로 작업하는데 아무런 부족함 없다
---
css 업데이트 참고
https://hyoni-k.tistory.com/179
CSS의 새로운 기능 (2022 구글 I/O 주요 기능)
2022 구글 I/O 개발자 컨퍼런스에서 CSS(Cascading Style Sheets)의 새로운 기능을 발표했다. 새로운 CSS 기능 중에서도 주목할만한 Cascade layers, Viewport units, Container queries, acctent-color, acctent-contrast, color-mix, :
hyoni-k.tistory.com
https://ui.toast.com/weekly-pick/ko_20210721
새로운 CSS 기능적인 의사 클래스 :is()와 :where()
CSS 선택자 구문에 생긴 작은 추가 사항이 앞으로 큰 영향을 끼칠 것이다.
ui.toast.com
https://web.dev/blog/state-of-css-2022?hl=en
2022년 CSS 현황 | Articles | web.dev
Google IO 2022에서 확인할 수 있는 현재와 미래의 웹 스타일 지정 기능 및 몇 가지 추가 사항
web.dev
sticky 도
https://rgy0409.tistory.com/5191#google_vignette
CSS 부모 요소를 선택할 수 있는 :has() 선택자
최근 티스토리 댓글/방명록 태그 구조가 싹 다 물갈이 되면서 친효스킨도 그에 발 맞추어 업데이트를 해야만 했습니다. 신형 댓글/방명록 시스템에는 고정 기능이 있습니다. 즉 마음에 드는 댓
rgy0409.tistory.com
https://velog.io/@my_suwan/CSS-CSS-Nesting
[CSS] CSS Nesting
CSS 중첩규칙
velog.io
위 두개는 실제로 사용했음
next 에서 className 이랑 같이 id 값 적용했는데 적요이 안되넹 .. 왜냐면 css.module 형식으로 하고 있으니깐 잘 안된다. id 는 pure Css 니깐 안되는게 맞다고 생각된다.
중첩 안됨 page.module.css 을 쓰니간 안되는 것 같음 ? 하다보니깐 중첩됨 #Id 선택자가 안먹는거고 Class 지정자쓰면 잘 먹음ㅇ
& .hello
이런시긍로 하면 됨.
- svg 넥스트에서 디폴트 로드안되게 막아놨넹 걍png 서야징
https://nextjs.org/docs/app/api-reference/components/image
Components: <Image> | Next.js
Optimize Images in your Next.js Application using the built-in `next/image` Component.
nextjs.org
