http 체크하여 https로 변경 window.location.href 현재 페이지의 href (URL)를 반환합니다. window.location.hostname 웹 호스트의 도메인 이름을 반환합니다. window.location.pathname 현재 페이지의 경로와 파일 이름을 반환합니다. window.lo...

인터넷 익스플로러는 includes를 지원하지 않는다… 변경전 if (str.includes("hi")) { alert("HI!!"); } 변경후 if (str.indexOf("hi") >= 0) { alert("HI!!"); }

orientationchange screen.addEventListener("orientationchange", function () { alert("the orientation of the device is now " + window.orientation); }); screen.orientation 이 아닌 window.orientation...

min() / max() 2개 이상의 대소비교가 가능한 값이 주어졌을 때, 최소값 또는 최대값을 반환 min(100px, 60%) 예를 들어, min(100px, 60%)를 생각해봅시다. 만약 부모 엘리먼트의 크기가 100px이라면 해당 엘리먼트의 크기는 부모의 60%인 60px이 되기 때문에, 60%가 더 작은 값으로 선택이 될 것입니...

Redux 설치 yarn add @reduxjs/toolkit yarn add react-redux action 정의 어떤 변화가 일어나야 하는지 설명하는 객체 액션 유형과 타입을 반환하는 함수를 담은 파일을 만든다. export const INCREASE = "INCREASE"; export const DECREASE = "DECR...

번들링 대부분 React 앱들은 Webpack, Rollup 또는 Browserify 같은 툴을 사용하여 여러 파일을 하나로 병합한 “번들된” 파일을 웹 페이지에 포함하여 한 번에 전체 앱을 로드할 수 있습니다. 번들이 거대해지는 것을 방지하기 위한 좋은 해결방법은 번들을 “나누는” 것입니다. 앱에 코드 분할을 도입하는 가장 좋은 방법은 동적 i...

select { text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center; }