인프런 커뮤니티 질문&답변

작성한 질문수

애플 웹사이트 인터랙션 클론!

캔버스 드로우 애니메이션 1

if문 안에 !를 넣으면 왜 값이 안들어있을 때만 실행이 되나요?

작성

396

제목이 곧 내용입니다!

if(values.rectStartY)에서 values.rectStartY = 0 이고 if문에서 이건 false로 작용한다고 이해했는데요,

그럼 !를 추가해주면 true가 된다는 뜻인거죠?

근데 true이면

왜 values.rectStartY에 값이 안들어있을때만 실행이 되는건가요??

제가 비전공자라 그런지 이런 true/false의 개념과 응용에 대한 지식이 좀 명확하지 못한 것 같습니다 ㅠㅠ

퀴즈

HTML Canvas 요소를 화면 크기에 맞춰 반응형으로 동적 조절할 때, 가장 핵심적으로 사용되는 방법은 무엇일까요?

CSS media 쿼리를 사용하여 고정된 크기 값을 여러 개 정의한다.

자바스크립트로 현재 화면의 비율을 계산하여 캔버스 크기에 적용한다.

캔버스에 `width: 100%; height: 100%;` CSS 스타일을 적용한다.

캔버스에 Flexbox 속성을 직접 적용하여 크기를 유연하게 조절한다.

답변 3

질문자

감사합니다! 다시 보고 생각해서 이해했습니다!

자바스크립트에서 거짓으로 취급하는 값 (Falsy)과 참으로 취급하는 값(Truthy) 들이 있습니다. 처음엔 당연히 헷갈릴 수 있는 요소입니다. 잘 정리한 블로그 링크를 남기니 한번 읽어보시면 도움이 될 겁니다.

지식공유자

답변 감사드립니다!

작성한 질문수