Hak's Coding

본문 바로가기

CSS CSS 정리. 더보기

PortPolio

최신글

javascript Crome Debugger 활용 프로그램 오류의 종류 Syntax Error (문법적 오류) 해당 구문이 실행되지 않아 쉽게 발견 및 수정 가능 Semantic Error (논리적 오류) 실행은 되지만 의도한 결과가 도출되지 않는다. 개발자 도구 Sources tab 활용 Breakpoint 프로그램이 실행되는 도중 원하는 위치에서 멈추도록 할 수 있음 멈추고 싶은 코드의 라인번호를 클릭해서 추가 가능 단계적 실행 한번 멈춘 프로그램은 step over, step into, step out 버튼을 통해 한단계씩 프로그램을 실행할 수 있음 resume 버튼을 통해 프로그램을 계속 진행할 수 있음 (다음에 breakpoint를 만나면 다시 중지) Watch 창 조사식을 추가해 각 시점의 변수 상태를 조회 가능 Scope 실행중인 함수의 s..
javascript JSON + AJAX AJAX를 통해 JSON 데이터를 받아옴 var req = new XMLHttpRequest(); req.onreadystatechange = function(){ if( this.readyState == 4 ){ // ... } } req.open("GET", JSON_DATA_URL); req.send(); JSON.parse API를 이용해 받아온 JSON 문자열 데이터를 Javascript 객체로 변환 req.onreadystatechange = function(){ if( this.readyState == 4 ){ data = JSON.parse(this.response); //... } } 데이터를 처리하는 Javascript 프로그램 실행 (HTML 문서에 반영) 데이터가 여러개인 경우 (배..
javascript JSON (Javascript Object Notification) 자바스크립트의 객체를 문자열로 표현하는 방법 프로그램간에 전달하기 편리 (서버 -> 브라우저) JSON API JSON.stringify( object ) 인자로 받은 객체를 JSON 문자열로 반환함 JSON.parse( sring ) 인자로 받은 문자열을 Javascript Object로 변경해 반환함
javascript AJAX(Asynchronous JavaScript and XML) 브라우저에서 페이지를 이동하지 않고 자바스크립트를 통해 HTTP Request를 보내고 받아 JS에서 처리할 수 있음 사용자에게 더 나은 사용 경험 제공, 대부분의 웹사이트에서 사용되고 있는 기술 AJAX를 위한 객체 생성 var req = new XMLHttpRequest(); 요청의 방식과 URL 설정 req.open("GET", "./data.txt"); 요청 전송 req.send(); 응답 확인 req.response에 저장됨 비동기 방식으로 요청하기 때문에 send 메소드 호출 후, 바로 코드에서 접근하면 데이터가 비어 있음 AJAX의 진행에 따라 호출되는 callback함수를 활용해야 함.
javascript AJAX(Asynchronous JavaScript and XML) 브라우저에서 페이지를 이동하지 않고 자바스크립트를 통해 HTTP Request를 보내고 받아 JS에서 처리할 수 있음 사용자에게 더 나은 사용 경험 제공, 대부분의 웹사이트에서 사용되고 있는 기술 AJAX를 위한 객체 생성 var req = new XMLHttpRequest(); 요청의 방식과 URL 설정 req.open("GET", "./data.txt"); 요청 전송 req.send(); 응답 확인 req.response에 저장됨 비동기 방식으로 요청하기 때문에 send 메소드 호출 후, 바로 코드에서 접근하면 데이터가 비어 있음 AJAX의 진행에 따라 호출되는 callback함수를 활용해야 함. readyState 속성 AJAX 요청에 따라 0~4까지 변화함 readyState의미 0 open 메소..

포트폴리오 완성목록

티스토리툴바