React란? React 컴포넌트는 render()라는 메서드를 이용하여 데이터를 입력받아 화면에 표시할 내용을 반환합니다. ReactDOM.render(<h1>Hello, world!</h1>, document.getElementById("root")); React 소개 및 작동 원리 React 공식 문서 - Hello ...

JSON.parse() 문자열 (JSON 형식으로 작성)을 구문 분석하고 JavaScript 객체를 반환합니다. JSON.stringify() JavaScript 객체 또는 값을 JSON 문자열로 변환하고, 대체자 함수가 지정된 경우 선택적으로 값을 대체하거나 대체자 배열이 지정된 경우 지정된 속성만 선택적으로 포함합니다. console.log...

Node.js 비동기 이벤트 기반 JavaScript 런타임인 ​​Node.js는 확장 가능한 네트워크 애플리케이션을 빌드하도록 설계되었습니다. HTTP는 TCP/IP를 기반으로 하는 프로토콜입니다. Node.js에는 HTTP라는 내장 모듈이있어 Node.js가 HTTP (Hyper Text Transfer Protocol)를 통해 데이터를 전송할 ...

css vendor prefix 표준 규약이 아닌 속성들은 브라우저에 따라 다른 방식으로 지원되기 때문에 속성 이름 앞에 접두사(prefix)를 붙여 크로스 브라우징해야 한다. 브라우저가 개선되면 필요 없는 접두어를 지워도 되지만, 낮은 버전의 브라우저를 사용하는 사용자를 위해 남겨둬야 할 때도 있다. 종류 ...

Window.matchMedia() 메서드는 주어진 미디어 쿼리 문자열의 분석 결과를 나타내는 MediaQueryList (en-US) 객체를 반환합니다. window.matchMedia("(min-width: 400px)")를 출력하면 아래와 같은 객체를 반환한다. MediaQueryList { matches: true media:...

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...