상현에 하루하루

input file 업로드 취소 이벤트 js로 감지

파일 인풋을 동적으로 만드는 상황에서 파일을 선택하지 않고 취소했을때 인풋을 제거해야하는 상황이 생겼다. 이러한 상황은 JS로 어떻게 처리해야할까? input file cancel 감지 initialize() theFile의 클릭이벤트로 사용할 함수 document.body.onfocus = checkIt 이벤트를 추가해서 cancel 이벤트를 감지 checkIt() 사용자가 파일을 업로드할 때 파일 길이는 File.value.length 속성을 사용하여 찾습니다. 이 값이 0이 아니게 되면 조건이 충족되고 “파일 로드됨”을 … Continued

prependChild() 구현

Node.appendChild()를 사용해서 해당 노드에 대해서 맨마지막에 Node를 넣을 수 있다. 그렇다면 어떻게 첫번째 자식으로 추가할 수 있을까? 단순하게 생각하면 prependChild()로 생각할 수 있지만 prependChild()는 존재하지 않는다. Element.prototype.prepend Node.prototype에서가아닌 Element.prototype에서 prepend()기능을 이용해서 필자가 생각했던 대로 동일하게 기능이 작동한다. Node.appendChild()와 Element.append()의 차이점과 동일하게 반환값이 없다 위와 같이해서 사용해도 괜찮다. 비슷한 다른 구현 그래서 insertBefore()와 firstChild를 사용해서 동일하게 … Continued

JavaScript에서 마지막 문자열 제거하는 방법

가장 간단한 해결책은 slice() 문자열 메서드를 사용하는 것입니다. String.prototype.slice() 첫 번재 인수는 0, 두번째는 제거할 항목의 수입니다. 임수를 전달하면 끝부터 제거됩니다. slice()는 원래 문자열을 수정하지 않습니다. 새 문자열을 생성하므로 위의 예에서 edtedText해 새롭게 할당합니다.