javascript
-
[javascript] 3. 출력(Output) - 자바스크립트 강좌Web/JavaScript 2015. 6. 13. 14:23
자바스크립트에서는 따로 출력이나 화면이 띄우는 기능을 가지고 있지 않습니다. 1. JavaScript Display Possibilities 자바스크립트는 다른 방식으로 자료를 출력합니다. - window.alert() - document.write() - innerHTML - console.log() 2. Using window.alert() 알림 박스를 이용하여 데이터를 출력할 수 있습니다. 123456789101112131415 My First Web Page My first paragraph. window.alert(5 + 6); cs 3. Using document.write() 테스트 용도로, document.write()를 쉽게 사용할 수 있습니다. 123456789101112131415 M..
-
[javascript] 2.WhereTo - 자바스크립트 강좌Web/JavaScript 2015. 6. 13. 14:22
자바스크립트는 바디(body) 태그나 헤드(head) 태그에 위치 할 수 있습니다! 1. The 태그 사이에 무조건 삽입해야합니다! 123 document.getElementById("demo").innerHTML = "My First JavaScript";Colored by Color Scriptercs Note! 예전에는 4. External JavaScript 자바스크립트는 외부 파일에 작성될수도 있습니다. 외부 자바스크립트는 같은 코드를 여러번 사용하는 서로 다른 무수한 웹 페이지에서 실용적입니다. 123456789101112131415161718 External JavaScript A Paragraph. Try it Note: myFunction is stored in an external fi..
-
[Javascript] 1. 소개(Introduction) - 자바스크립트 강좌Web/JavaScript 2015. 6. 13. 14:21
1. JavaScript Can Change HTML Content HTML 메서드인 document.getElementById() 를 이용하여 HTML Content를 바꿔보도록 하겠습니다! 다음 예제는 HTML 요소(id="demo")를 찾기위한 메소드를 사용하고 "Hello JavaScript"로 요소 내용을 변경하는 예제입니다. 아래와 같이 HTML을 작성합니다. 12345678910111213141516 What Can JavaScript Do? JavaScript can change HTML content. Click Me! Colored by Color Scriptercs 그러고선 웹에서 실행합니다! 위와 같이 뜨면 버튼을 클릭하여 결과를 확인합니다. 이전 문구가 'Hello JavaScri..
-
[JavaScript] 웹페이지에서 스크롤 맨아래로 내려갔을때 추가 항목 로드(ex. facebook 타임라인 불러오기) JS / CSEWeb/JavaScript 2015. 6. 13. 14:18
//더보기 시 리스트를 5개씩 들고오기var board = $("#board");var addObj=""addObj+="추가1"addObj+="추가2"addObj+="추가3"addObj+="" //스크롤이 맨 끝에 내려왔을때$(window).scroll(function(){ var scrolltop = $(window).scrollTop(); if( scrolltop == $(document).height() - $(window).height() ){ for(i=0; i
-
[PHP] 49. AJAX 소개( AJAX Introduction) - PHP 강좌, PHP5Web/PHP 2015. 6. 13. 14:12
AJAX Introduction AJAX는 웹 페이지의 일부분 수정에 관한 것 입니다, 전체 페이지를 리로드 할 필요 없이. 1. What is AJAX? AJAX = Asynchronous JavaScript and XML AJAX는 빠르게 생성하고 다이나믹한 웹 페이지를 위한 기술입니다. AJAX는 브라우저 뒤의 서버의 작은 양의 데이터를 교환함으로 비동기적으로 웹페이지를 수정하는 것을 허용합니다. 일반적인 웹 페이지(AJAX를 사용하지 않는)는 내용이 바뀌여야 한다면 모든 페이지를 리로드해야 합니다. AJAX를 이용하는 어플리케이션들: Google Maps, Gmail, Youtube, Facebook tabs. 2. How AJAX Works [ 출처: W3Schools ] 3. AJAX is B..
-
[Node.js] 6. 외부 웹 모듈 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:43
Chapter 6. 외부 웹 모듈 이 장에서 Node.js가 기본적으로 내장하고 있지 않아 일반 개발자가 만들어 배포한 외부 모듈을 살펴볼 것입니다. 이 장에서는 NPM(Node Package Manager)를 이용하여 EJS 모듈, Jade 모듈처럼 웹과 관련된 모듈을 살펴봅니다. npm install ejs npm install jade 각각 cmd 창에서 수행해주세요. 1. EJS 모듈 EJS 모듈은 템플릿 엔진 모듈입니다. 템플릿 엔진 모듈은 특정한 형식인 파일로부터 HTML 페이지를 생성하는 모듈을 의미합니다. 1-1. EJS 모듈의 메서드 EJS 모듈의 메서드 - render(str[, option]) : EJS 페이지를 HTML 페이지로 바꿉니다. 12345678910111213var htt..
-
[Node.js] 5. http 모듈 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:39
Chapter 5. http 모듈 Node.js에서 가장 기본적인 웹 모듈이며 HTTP 웹 서버를 생성하는 것과 관련된 모든 기능을 담당합니다. 1. server 객체 http 모듈에서 가장 중요한 객체는 server 객체입니다. http 모듈의 createServer() 메서드를 사용하여 server 객체를 생성 가능 합니다. Server 객체의 메서드 - listen(port[, callback]) : 서버를 실행합니다. - close() : 서버를 종료합니다. Server 객체의 이벤트 - request : 클라이언트가 요청할 때 발생하는 이벤트입니다. - connection : 클라이언트가 접속할 때 발생하는 이벤트입니다. - close : 서버가 종료될 때 발생하는 이벤트입니다. - checkC..
-
[Node.js] 4. 이벤트 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:35
4. 이벤트 Node.js는 이벤트 기반 비동기 프로그래밍입니다. 1. 이벤트 연결 이벤트 연결에 관한 예제를 살펴봅시다. 12345678910111213141516171819202122// 종료 이벤트 연결process.on('exit', function() { console.log('Goodbye');}); // 예외처리 이벤트 연결process.on('uncaughtException', function(error) { console.log('Exception occur');}); var count = 0;var id = setInterval(function() { count++; // 3번 실행하면 타이머 중지 if (count == 3) { clearInterval(id); } // 강제로 예외 ..