flex-basis auto, 0 차이

https://codepen.io/piarey/pen/eYodpKKㄴ 요거 보시면 이해 되실거라 봅니다.요약하면....flex-basis: auto; ===>>> 아이템 너비를 콘텐츠에 따르겠다. === 균등하지가 않겠죠?flex-basis: 0; ===>>> 아이템 너비를 0 으로 하겠다. === flex-grow: 1; 시 균등하겠죠?But아이템들이 비어 있으면 flex-grow: 1; 에 의해 auto 를 쓰던 0 을 쓰던 동일한 결과를 얻게 됩니다.

id와 클래스 관련해서 질문 있습니다!

id = 유일한 녀석 = 거의 스크립트용으로 씀. class = 뭘 어떻게 해도 괜찮은 녀석 = 마크업(퍼블)용으로 씀.

02:50 input 을 클래스 안에다 선언해주는 것 질문드립니다.

아 추가로 constructor 내부에 this.state = {~~} 이렇게 선언한 것을 밖으로 빼서 state = {~~} 로만 작성 할수 있다고 하셨었는데, 요건 JSX 문법인가요? 자바스크립트 고유 클래스 문법인가요?

04:12 forEach 내 클로저 질문 드립니다.

네 const 로 다시 생각하니 for 랑 forEach 랑 작동방식이 아예 다르더군요... 어렵습니다 ㅜ

그럼 target 은 어떻게 사용해야 적절할까요?

그렇군요 넵

11:33 Array.prototype.indexOf.call(객체?, 인수?) 사용법

허헛.... 이럴 수가네요.... 감사합니다

04:12 forEach 내 클로저 질문 드립니다.

으흠... 그렇군요. 정확하게 타겟이 정해져있다. 감사합니다

짝맞추기오류발견!

네 맞아요. ㅋㅋ 영상에 이 부분은 언급이 없어서 아쉽네요 ㅜ if 조건문 내에 c.classList.contains("flipped") 이런식으로 하면 될듯 싶네요.

5분 25초 질문입니다.

테스트 해보았는데 그냥.... 이렇게 아래와 같이 작동한다 라고만 알고 넘어가면 될듯 싶네요. 어차피 키포인트는 값이 에러만 나지않는다면 undefined 여도 filter 메서드로 다 걸러내니까요. var test = [[1],[2],[3]]; // 이하 에러. console.log(test[-1][0]); console.log(test[99][0]); // 이하 undefined; console.log(test[0][-1]); console.log(test[0][99]); // 요 이하도 undefined; console.log(test[-1]); console.log(test[99]);

init() 을 쓰는 이유 질문드려요!

제 머리의 한계인가봅니다... 확 와닿지가 않네요. 2) 전역객체를 보호 -> 요 의미가 뭘까요? var test = document.getElementById("test"); var BASE_COLOR = "rgb(52, 73, 94)"; // handleClick 함수 생략 function init() { test.style.color = BASE_COLOR; test.addEventListener("click", handleClick); } init(); init 안에다 넣든 밖으로 빼든 가독성 차이 말고는 떠오르지가 않네요. init 함수 내부에 넣으면... 지역변수(스코프가 init 지역으로 한정됨) 개념으로 되어 init 함수 밖에서는 컨트롤 할 수 없으니 -> 요게 곧 보호받는다는걸까요??? '전역객체를 보호' 한다는 의미는 아닌거 같은데 말이죠..