전체 글332 비동기 호출 비동기 호출 (Asynchronous call) 클라이언트 서버 이벤트 핸들링 애니메이션 Parameter를 넘겨받는 함수(A)는 callback 함수(B)를 필요에 따라 즉시 실행(synchronus) 나중에 실행(asynchronously) 할 수도 있음 function B() { console.log ('call back'); } function A(callback) { callback();// callback === B } A(B); callback in action : 반복 실행하는 함수 (iterator) [1, 2, 3].map(function(ele, index) { return ele * ele; }); callback in action : 이벤트에 따른 함수 (event handler).. 2020. 7. 8. 멘탈이 산산조각 ✔️ 3주차 회고록 📜 TestBuilder 📜 HTML Profile 📜 HTML Twittler 목업구현 📜 DOM ➡️ TestBuilder 앞으로는 Git이랑 친해져야 할 시간! 모든 과제를 풀면 Git Push해서 과제 제출 처음 시작은 문제를 이해하는데 시간이 조금 걸렸었다 허나, Pair 분은 뛰어난 고수!!! 문제를 이해할 수 있도록 기다려주고, 설명도 해주셨다. 그렇게 문제에 대해서 이해하고 코드를 시작! 두번 째 문제, 코드 작성에 대한 확신이 없음 썼다가 지웠다가 썼다가 지웠다가 반복 상대 Pair께서는 본인 코드에 대한 확신을 가지라고 알려주셨다. 그렇게 if문을 통한 장문의 코드가 작성되어 가고 있었다. 코드가 작성되다 보니 문제가 눈에 들어오고 재미가 붙으면서 아무 생각 없이 S.. 2020. 7. 6. DOM 명령어 createElement (생성) add (추가) innerHTML HTML 또는 XML 마크업을 가져오거나 설정 // (XSS 공격의 위험이 있음) textContent 텍스트 노드로 대체 (XSS 공격의 위험이 없음) appendChild (부모 노드의 자식 노드 리스트 중 마지막 자식노드에 삽입) prepend (첫 자식노드 앞에 삽입) 사용 예 let testBox = document.createElement('div')// tag명 testBox.classList.add('.commandBox')// id, class 명 testBoxinnerHTML = comment.user// comment 파라메타에 속한 user testBox.textContent = comment.user// comme.. 2020. 7. 6. DOM 조작 (<template> 태그) HTML 조각을 HTML 내에 정의할 수 있음 태그는, 실제로 스크립트를 이용해 어딘가 붙여넣기 전까지는 화면에 보이지 않는 HTML 조각 마크업(HTML)과 구현(JavaScript)의 구분이 보다 더 철저 HTML 변경 후 변경 전 JavaScript let target = document.querySelector('#target'); let template = document.querySelector('#Will-be-rendered'); // #will-be-rendered 안쪽 내용을 자식 노드를 전부 포함하여 복사 let newContent = document.importNode(template.content, true); // target 내용을 비웁니다 target.innerHTML = '.. 2020. 7. 6. 이전 1 ··· 72 73 74 75 76 77 78 ··· 83 다음
