Bleeding edge

페어프로그래밍에서 배운 것 Toggle side navigation 회고 처음에 요구 사항중에서, 검정화면이 아닌 흰화면인 경우, preload를 지우지 않았던 현상을 캐치를 못했습니다. addEventListener와 같은 비동기 매서드 같은 경우 다양한 케이스가 나올 수 있으니 여러 경우를 고려해야한다 라고 생각이 들었습니다 그리고, 브라우저의 시점에 따른 이벤트를 다루면서, 이를 정리해야겠다고 생각이 들었습니다. Tick Tac Toe 직접 이기는 경우를 계산해서 만들었는데, 요구사항 맞춰서 만드는 방법에 대해서 생각을 해였고, 계산이 필요하지 않다면, 메모리를 사용해서 해결하도록 만드는 코딩을 해야겠다고 생각했습니다. 그리고, some을 이용하여, 모든 조건중 한개가 성립하는 경우, every를 ..

컴포넌트의 역활 자신이 그릴 DOM스트링 만들기 컴포넌트는 자기가 어디에 그려질지 알 필요가 없다 컴포넌트는 자기가 그릴 DOM스트링만 부모 컴포넌트에게 전해주면 된다 이벤트핸들러 달아주기(선택) 이벤트가 발생할 요소를 그리는 컴포넌트가 직접 정보를 넘겨줘야한다 중복으로 달아주면 안된다 상태 만들고 관리하기 상태가 바뀌면 자동으로 렌더링해야 한다 DIff의 가장 중요 한것은 APP이 아래에 그려질 것을 알아야 한다. SPA는 AJax와 세트이다. 모든 컴포는트는 자기가 어디에 그려질지 모른다. 어플리케이션 파일만이 그 위치를안다 컴포넌트는 자신이 그려지는ㅁ 모습이라는정보를 기억한다. 이를 하려는 이유는 새로 그릴 때 처음부터 다시 모든걸 그리기때문에 개발이되었다. Proxy를 사용하면안되는 이유, get..

자바스크립트에서 많이 사용하는 안티 패턴 안티패턴이란? 실제 많이 사용되는 패턴이지만 비효율적이거나 비생산적인 패턴 자바스크립트 루프 [1,2,3].map(i => console.log(`Logged to console ${i} times`)) // log Logged to console 1 times Logged to console 2 times Logged to console 3 times map은 원래 위와 같은 용도로 사용하는 것이 아니라 const myArray = [1, 4, 9, 16]; const myMap = myArray.map(x => x * 2); console.log(myMap); // expected output: Array [2, 8, 18, 32] 다음과 같이 각 Array의..