컴퓨터의 기본 구성 하드웨어의 구성 CPU(중앙처리장치) : 명령어를 해석하여 실행하는 장치 메모리 : 프로그램과 데이터를 저장하는 장소 입력장치 : 외부의 데이터를 컴퓨터에 입력하는 장치 출력장치 : 컴퓨터에서 처리한 결과를 출력하는 장치 저장장치 : 메모리보다 느리지만 저렴하고 용량이 크며, 전원 온/오프와 상관없이 데이터를...

무한 스크롤 구현하기 scroll 이벤트를 통해서 페이지의 스크롤 위치를 감지할 수 있다. Element.scrollTop 요소의 상단에서 맨 위에 보이는 콘텐츠까지의 거리를 측정 한 값 요소의 콘텐츠가 수직 스크롤바를 생성하지 않는 경우 해당 scrollTop값은 0이다. Element.clientHeight 요소의 내부 높이(px) 패...

word-break: keep-all 로 단어 사이에서 줄바꿈 하지만 일본어와 같이 단어 사이에 띄어쓰기가 없는 경우 줄이 바뀌지 않고 영역을 넘어 쭉 이어진다.. word-wrap: break-word를 추가해도 변함 없음…. 설마 했는데 width값을 설정하니 해결되었다. width: 100%; word-break: keep-all; wor...

Node.nodeName nodeName은 읽기 전용 속성으로 현재의 Node 이름을 대문자 문자열로 반환합니다. var p = document.createElement('p'); p.nodeName === 'P';

이벤트 전달 및 DOM 이벤트 흐름 이벤트가 통과하는 전파 경로는 문서의 계층적 트리 구조를 반영한다. 이벤트 단계에는 캡처 단계, 목표 단계 및 버블 단계의 세 가지가 있다. 단계가 지원되지 않거나 이벤트 객체의 전파가 중지된 경우 단계를 건너뛴다. 캡처 단계 : 조상을 통해 이벤트 객체의 대상의 부모까지 순서대로 내려오는 단계 ...

function handleUnload() { if (self.screenTop > 9000) { // 브라우저 닫힘 } else { if (document.readyState == "complete") { // 새로고침 } ...

부모의 padding-bottom 값을 원하는 비율로 설정하고 자식에게 absolute를 주면 된다. .wrapper { position: relative; width: 100%; padding-bottom: 100%; } .player { position: absolute; width: 100%; height: 100%; ...

for() for문은 조건을 검사하는 조건문이다. 만약 조건문이 참이라면, 그 반복문은 실행된다. 만약 조건문이 거짓이라면, 그 for문은 종결된다. var step; for (step = 0; step < 5; step++) { // Runs 5 times, with values of step 0 through 4. console...

render에서 다른 메서드를 호출하면 this.setState is not a function 에러가 뜬다. $close.addEventListener('click', this.handleClose); handleClose() { console.log(this); this.setState({ visible: fals...

contains contains를 이용하여 이벤트 타겟이 엘리먼트 외부 영역에 있는지 감지할 수 있다. handleClickOutside(e) { const $contentWrapper = document.getElementById('modal'); if ($contentWrapper && !$contentWrapp...