본문 바로가기

Product Insight/product tracking

Css vs scss vs tailwind vs 어쩌구

728x90

걍 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

 

728x90