Ajax3 [Web app] Tab UI 설명, 구현 Tab UI Tab은 자주 사용되는 UI 중 하나 입니다. 많은 컨텐츠를 효과적으로 보여줄 수 있습니다. 1) 자주 보는 Tab UI 형태 상단 메뉴를 누르면, 새로고침 없이 아래 내용이 변경됩니다. 기본 코드 TAB UI TEST crong jk pobi honux hello jk Lorem ipsum dolor sit amet consectetur adipisicing elit. Error dignissimos nostrum voluptates atque fuga natus molestiae distinctio provident perferendis consequatur, ipsum saepe libero omnis quibusdam obcaecati placeat quidem excepturi ex.. 2019. 12. 31. [Webapp] Ajax 비동기, 응답처리 Ajax 1. Ajax응답 처리와 비동기 1) Ajax와 비동기 새로고침없이 웹 화면의 일부분을 수정합니다. 자바스크립트 엔진과 웹 브라우저의 렌더링이 별도로 진행됩니다. function ajax() { var oReq = new XMLHttpRequest(); oReq.addEventListener("load", function(){ console.log(this.responseText); }) oReq.open("GET", "localhost"); oReq.send(); } line 4의 익명함수는 line 8, 9보다 더 늦게 실행됩니다. 이 익명함수는 비동기로 실행되며, event queue에 보관되었다가 load 이벤트가 발생하면(서버로부터 브라우저가 데이터를 받으면) call stack에 실행.. 2019. 12. 8. [Boostcourse] DB 연결 웹 - 2. WEB UI 개발 FE WEB UI 개발 - FE 1. Window 객체 (setTimeout) window.setTimeout() setTimeout() setTimeout 활용 (비동기 함수) setInterval 도 활용 인자로 함수를 받음, 보통 나중에 실행되는 함수를 콜백함수로 한다. js는 함수를 매개변수로 받고, 함수를 리턴할 수도있다. function run() { setTimeout(function() { var msg = "hello code"; console.log(msg); }, 2000); } run(); 2초 뒤에 함수실행 function run() { setTimeout(function() { var msg = "hello code"; console.log(msg); console.log("run ... 2019. 11. 18. 728x90 이전 1 다음
