read : import로 css와 json 가져오기. : 기술 #import #css::공대여자홈

import로 css와 json 가져오기.

new 1

목록

작성자 공대여자

작성 : 2026-03-17 13:01 조회 : 12
진행 1일간

2026-03-17 - 2026-03-17

좌표
외부링크

🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules

#import #css

import colors from "./colors.json" with { type: "json" };

import styles from "./styles.css" with { type: "css" };

console.log(colors.map((color) => color.value));

document.adoptedStyleSheets = [styles];

console.log(colors);

목록

댓글

/ /
No Nickname

No Comment
권한이 없습니다.

{{m_row.m_nick}}

내용이 너무 많습니다!

-

No	제목	작성자	날짜	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) #기본형	공대여자	24-02-0602-06	76126
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	83242
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	85173
1730	검색엔진 별 사이트 등록 new #seo	공대여자	26-03-1703-17	7
1729	attachShadow, shadowroot 사용시 css 의 특수 셀렉터 new #css #shadowroot	공대여자	26-03-1703-17	10
1728	import로 css와 json 가져오기. new 1 #import #css	공대여자	26-03-1703-17	12
1727	EyeDropper API new 2 #eyedropper #colorpicker	공대여자	26-03-1703-17	10
1726	hsl 에서 lightness 기준으로 white/black 컬러로 설정하기. new #hsl	공대여자	26-03-1703-17	10
1725	SSL/TSL 정책 유효기간 단축 일정 new 1 #ssl #tsl	공대여자	26-03-1603-16	14
1724	ui-color-picker new 1 #ui #color #picker	공대여자	26-03-1503-15	18
1723	클로드 동작 샘플 #claude #ai	공대여자	26-03-0603-06	39
1722	forEach 에서 Promise 사용시 주의 사항 #foreach #promise	공대여자	26-01-1801-18	147
1721	js-pointer-event-scrollbar-handler 1 #scroll	공대여자	26-01-0901-09	171
1720	CSS nesting 테스트 1 #css #nesting	공대여자	26-01-0501-05	196
1719	css color space 1 #css #color-space	공대여자	25-12-2212-22	231
1718	OKLCH 1 #cs #oklch	공대여자	25-12-2212-22	215
1717	부트스트랩5 용 :focus 강조 스타일 #css #부스트스랩	공대여자	25-12-1912-19	238
1716	scrollbar-gutter 1 #css #scrollbar	공대여자	25-12-1912-19	262