https://codepen.io/piarey/pen/eYodpKK ㄴ 요거 보시면 이해 되실거라 봅니다. 요약하면.... flex-basis: auto; ===>>> 아이템 너비를 콘텐츠에 따르겠다. === 균등하지가 않겠죠? flex-basis: 0; ===>>> 아이템 너비를 0 으로 하겠다. === flex-grow: 1; 시 균등하겠죠? But 아이템들이 비어 있으면 flex-grow: 1; 에 의해 auto 를 쓰던 0 을 쓰던 동일한 결과를 얻게 됩니다.
테스트 해보았는데 그냥.... 이렇게 아래와 같이 작동한다 라고만 알고 넘어가면 될듯 싶네요. 어차피 키포인트는 값이 에러만 나지않는다면 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]);
제 머리의 한계인가봅니다... 확 와닿지가 않네요. 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 함수 밖에서는 컨트롤 할 수 없으니 -> 요게 곧 보호받는다는걸까요??? '전역객체를 보호' 한다는 의미는 아닌거 같은데 말이죠..