늘 겸손하게

내용 1-1 Browser environment, specs 1-2 DOM tree 자바스크립트 언어는 웹 브라우저를 위해 개발되었지만 현재는 다양한 플랫폼과 다양한 용도로 사용됩니다. 플랫폼은 자바스크립트를 실행 가능한 브라우저, 웹 서버, 다른 'host' 일 수 있습니다. 각각의 플랫폼 모두 플랫폼에 맞는 기능을 제공합니다. 자바스크립트는 그것을 'host environment'라고 부릅니다. 브라우저에는 "window"라고 불리는 "root" 오브젝트가 존재, 이 "root" 오브젝트는 두 가지 역할이 있습니다. 1. 자바스크립트 코드를 위한 전역 오브젝트 2. "브라우저 창"을 표현하고 "브라우저 창"을 제어하는 메소드 제공 function sayHi() { alert("Hello"); } wi..

Media Query Media query는 CSS3에서 소개된 기술로 @media 규칙을 적용해 특정 조건을 만족할 경우에만 CSS 속성이 적용되도록 할 수 있습니다. @media only screen and (max-width: 600px) { body { background-color: lightblue; } } 위 코드가 CSS에 포함되면 문서의 가로 길이가 600pixel 이하로 떨어질 경우 바탕색이 "lightblue"로 변경됩니다. Breakpoint 설정하기 Media query를 통해 breakpoint를 설정하여 화면 크기가 일정 기준 이상 또는 이하로 변경되었을 경우 디자인의 일부 혹은 전체가 다르게 배치되도록 할 수 있습니다. 항상 모바일 기준으로 먼저 디자인 데스크탑이나 다른 기기..

반응형 웹 디자인이 무엇인가요? 반응형 웹 디자인은 웹 페이지가 어느 기기로 접속하여도 보기 좋게 만듭니다. HTML과 CSS만을 이용합니다 프로그램도 아니고 JavaScript 또한 아닙니다 모든 유저가 최고 사용자 경험을 할 수 있도록 디자인 웹 페이지는 다양한 기기를 통해 접속될 수 있습니다. (데스크탑, 태블릿, 모바일 등등). 어떠한 기기로 접속해도 웹 페이지는 보기 좋고 사용하기 쉬워야합니다. 화면 크기가 작은 기기로 접속해서 제외되는 컨텐츠가 존재해서는 안됩니다. 대신 컨텐츠가 해당 크기에 맞춰지도록 해야합니다. CSS와 HTML를 이용해 어떤 화면으로도 웹 페이지의 컨텐츠가 잘 보이도록 컨텐츠의 크기를 변경하고, 숨기고, 줄이고, 옮기는 작업을 반응형 웹 디자인이라고 합니다. 출처 http..

리액트 생명주기 메소드 중 하나인 shouldComponentUpdate()에 대해 알아보자 [ shouldComponentUpdate ] 메소드 이름을 보면 알 수 있듯이 컴포넌트를 업데이트 시킬까 말까에 대한 질문이다. 이 메소드는 props 또는 state가 변경되었을 경우, 렌더링이 발생하기 직전에 호출된다. 디폴트로 true 반환 이 메소드는 성능 최적화를 위한 메소드로 이전 props와 state값이 달라지지 않아서 불필요한 렌더링을 방지할 목적이라면 PureComponent를 사용하는것이 더 좋습니다. 불필요한 렌더링 방지를 shouldComponentUpdate로 수행하면 버그로 이어질수도 있습니다. PureComponent 설명 : https://besforyou.tistory.com/2..