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

git lg 단축키 만들기 git config --global alias.lg "log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit --" lg 외에도...

! [거부됨] v0.7.62 -> v0.7.62 (would clobber existing tag) yarn install 시 위와 같은 에러가 뜸. SourceTree에서 푸시를 시도 할 때 “태그가 이미 존재하기 때문에 업데이트가 거부되었습니다.” git pull –tags -f 도 하고 여러가지 해봤지만 똑같다.. 캐쉬 삭제를 하고 ...