본문 바로가기
728x90

분류 전체보기47

[CSS] :is(), max(), min(), clamp(), inset, @supports 내가 모르는 새에 어느새 CSS가 이렇게 발전을 많이 했네. 이전에 쓱 한번 읽어보고 그냥 말았는데 이제는 왠만한 모던 브라우저는 다 지원한단다. 그럼 이제 써야지. :is() :is(h1, h2, h3) { font-weight: bold;} 아래와 같은 뜻h1,h2,h3 { font-weight: bold;} min()width: min(100%, 200px); "100%와 200px 중 더 작은 값을 width로 설정해라" 라는 뜻.max-width: 200px; width: 100% 와 같은 뜻.100% → 부모 요소의 전체 너비200px → 고정된 최대 너비min(a, b) → a, b 중 더 작은 값을 적용 max()width: max(100%, 200px); "100%와 200px 중 .. 2025. 5. 18.
File is a CommonJS module; it may be converted to an ES module.ts(80001) File is a CommonJS module; it may be converted to an ES module.ts(80001) 이 경우는 제일 간단한 것은 .eslintrc.js 맨 윗줄에 아래 주석을 추가 하는 것.// @ts-nocheck 2025. 5. 16.
두번째 집 - 물이 샌다 싱크대 밑에 물이 샌다고 플러머를 불러야겠다고 연락이 왔다. 10년도 안된 집인데, 많이 낡았네... 2025. 3. 12.
Deprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. Deprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. I don't use 'sass' on my project. I added the below code in vite.config.js and it worked export default defineConfig(({ mode }) => {...css: { preprocessorOptions: { scss: { api: 'modern', }, }}, ...}) 2025. 3. 3.
728x90