티스토리 뷰

프론트엔드/React

Next.js- CSS Modules

yyoujg 2022. 6. 26. 08:52

Array.prototype.join()
join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만든다.
const elements = ['Fire', 'Air', 'Water'];
console.log(elements.join()); // expected output: "Fire,Air,Water"
console.log(elements.join('-')); // expected output: "Fire-Air-Water"
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/join

CSS Module 사용하기
1. className={`${styles.link} ${router.pathname === "/" ? styles.active : ""}`}
2. [styles.link, router.pathname === "/" ? styles.active : ""].join(" ")

'프론트엔드 > React' 카테고리의 다른 글

Next.js - Custom App  (0) 2022.06.26
Next.js - Styles JSX  (0) 2022.06.26
Next.js - Routing  (0) 2022.06.26
Next.js - Page  (0) 2022.06.25
라이브러리와 프레임워크  (0) 2022.06.25
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
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
글 보관함