styled-components
-
Tagged Template Literals 문법 :: 마이구미Javascript 2021. 6. 30. 22:00
이 글은 "Tagged Template Literals" 문법을 다룬다. 이 문법은 직접 구현해서 사용하는 경우는 흔치 않지만 이미 여러 라이브러리에서 활용하고 있어 쉽게 접할 수 있다. MDN - https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals Template Literals 우리는 동적인 문자열을 처리할 때 다음과 같은 형태를 많이 사용한다. const userName = 'Mygumi'; const age = 20; const output = `Hi, ${userName} and I am ${age}.`; ES6 에서 새롭게 도입된 기능으로 템플릿 리터럴(Template Literals) 이라고 불린다...
-
Warning Received `true` for non-boolean attribute :: 마이구미React 2020. 11. 6. 22:10
이 글은 styled-components 에서 발생할 수 있는 Warning 을 다룬다. "non-boolean attribute" 에 관한 Warning 을 경험했다면, 이 글이 충분히 도움이 될 것이다. 원인과 해결방안 그리고 실제 Github 에 등록된 이슈와 버전 히스토리을 살펴본다. styled-components 를 사용하다보면, 다음과 같은 Warning 을 경험할 수도 있다. Warning: Received `true` for a non-boolean attribute `{속성}`. If you want to write it to the DOM, pass a string instead: {속성}=“true” or {속성}={value.toString()}. 사실 Warning 내용만으로는 ..