boolean을 string으로 변환하기 | .toString() | JavaScript

포스팅 계기

To do 리스트를 만드는데, 할 일 완료 여부 상태값을 boolean으로 관리했다.
그리고, 그 상태값을 이용해 css를 다르게 주어야했기 때문에 props에 상태값이 들어가야 했다.
그러나 boolean값은 들어갈 수 없어서 boolean을 string으로 바꾸는 메서드를 찾아보게 되었다. 아주 간단한 메서드지만 정리해두고 싶어서 정리해둔다.
코드 보기

Boolean.prototype.toString()

string으로 바꾸고자 하는 boolean값에 .toString()을 하면 된다.

const example = new Boolean(true);

flag1.toString();//"true"

실제 사용 코드 요약본

//컴포넌트 코드
const [checked, setChecked] = useState(false);

...
return(
   <ListContainer id={checked.toString()}>
   //boolean값을 string으로 변환 후 id라는 props로 할당
  	...
	...
	...
   </ListContainer>
)


//스타일링 코드
const ListContainer = styled.div`
  .content {
    color: ${(props) => props.id === 'true' && props.theme.color.grayTxt};
	}
`
	//id값에 따라 color값을 지정

References
MDN- Boolean.prototype.toString()