Web
-
[Node.js] 2. 전역 객체 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:32
Chapter 2. Node.js의 전역 객체 1. 전역변수 웹 브라우저에서 동작하는 자바스크립트 최상위 객체는 window 객체입니다. but, Node.js는 웹 브라우저에서 동작하는 것이 아니므로 window객체가 존재하지 않습니다!! => 전역 변수와 전역 함수를 갖는 형태. 문자열 자료형의 전역변수인 __filename과 __dirname이 있습니다. 두 개의 변수는 변수 명으로도 눈치채셨으리라 생각됩니다. 콘솔을 통해 확인해보도록 하겠습니다. 아래 소스 코드를 node.global.js에 저장합니다. 12console.log('filename: ', __filename);console.log('dirname: ', __dirname);cs 파일이 있는 경로와 파일 명을 __filename을 통..
-
[Node.js] 1. 설치 및 애플리케이션 구동 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:30
Chapter 1. Node.js 설치 및 애플리케이션 구동 1. Node.js 개발 환경 구축 nodejs.org에 접속하여 해당 PC에 맞게 다운받아서 Next를 눌러서 설치하면 됩니다. 2. 명령 프롬프트(cmd)를 실행시켜 node를 입력합니다. 문제없이 설치되었다면 아래와 같이 나옵니다. 3. 간단한 콘솔 로그를 찍어보겠습니다. 12console.log('Hello World.. !'); Colored by Color Scriptercs 아래와 같이 Hello World.. ! 가 출력되는 것을 확인 할 수 있습니다. 4. node.basic.js 파일을 작성하여 애플리케이션을 구동해봅시다! 12console.log('Hello World.. !'); Colored by Color Scripte..
-
[WebPage] 스마트폰 공기계로 서버 구축하기!Web/WebPage 2015. 6. 12. 15:20
자 대한민국의 대다수가 세컨폰 즉, 공기계를 한 개씩 두고 있는 시대가 도래했습니다.저 또한 마찬가지이므로, 이 공기계를 서버로 구축할수 있게 이번 포스팅을 진행하도록 하겠습니다. 이 포스팅은 http://likelink.co.kr/6732 이 칼럼을 통해 제 방식대로 정리하여 올린 것이므로, 자세한 내용은 위 링크를 통해 참고하시길 바라겠습니다. 저는 위 칼럼의 우분투로 적용시키는 부분부터 진행하여 작성하겠습니다. 먼저 기본적인 준비물은 1) 안드로이드 스마트폰! (루팅된 상태!) 2) 각 스마트폰의 driver(SamSung, LG, Pantech 등등) 이 되겠습니다. 스마트폰은 PC와 연결시, USB debugging 을 체크하시길 바랍니다. 1. ADB 설치 아래 압축파일을 풀어서 사용하시면 됩..
-
[Web Building] 9. Web DaaS - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:39
Web Building - Data as a Service (DaaS) 1. What We Will Do 이번 장에서: - SQL이 구동중인 웹 서버로 부터 유동적인 데이터 인출을 합니다. 2. Using a PHP Server Running MySQL customers.html을 수정합니다. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 Customers Customers var xmlhttp = new XMLHttpRequest();var url = "http://www.w3schools.com/website/customers_db_mysql.php"; xmlhttp..
-
[Web Building] 8. Web AppML - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:39
Web Building - AppML 1. What We Will Do 이번 장에서: - AppML을 이용한 인출(fetch)과 웹 사이트에 데이터 표시하기 입니다. customers.html에 아래 코드를 입력해주세요: 12345678910111213141516171819202122232425262728293031323334Customers Customers Name City Country {{Name}} {{City}} {{Country}} Colored by Color Scriptercs * W3School을 통해 제작된 강좌입니다.
-
[Web Building] 7. Web Http - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:38
Web Building - Fetching Data with Http 1. What We Will Do 이번 장에서: - Http를 이용한 서버로부터의 데이터 인출(fetch)을 해보겠습니다. 2. The Data 아래 주소에서 PHP server에 의한 데이터가 제공됩니다. http://www.w3schools.com/website/customers.php * 파일은 JSON 형식입니다. 3. Change the Customers Page to use Http demoweb 폴더에서, customers.html을 수정합니다. 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 ..
-
[Web Building] 6. Web Navigation - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:37
Web Building - Adding Navigation 1. What We Will Do 이번 장에서: - 네비게이션 메뉴를 추가합니다. 2. Add a Navigation Menu demoweb 폴더에, script.js 파일을 수정합니다. 123456document.getElementById("nav01").innerHTML ="" +"Home" +"Data" +"About" +"";Colored by Color Scriptercs 3. Edit The Style Sheet demoweb 폴더에, site.css 파일을 수정합니다. 123456789101112131415161718192021222324252627282930313233343536373839404142434445body { font-..
-
[Web Building] 5. Web Data Page - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:37
Web Building - Adding a Data Page 1. What We Will Do 이번 장에서: - 웹 사이트에 데이터 페이지를 추가합니다. 2. Edit The Style Sheet demoweb 폴더에, site.css 스타일 시트를 수정합니다. 1234567891011121314151617181920table { width:100%;}table, th , td { border: 1px solid grey; border-collapse: collapse; padding: 5px;}th { text-align: left; }table tr:nth-child(odd) { background-color: #f1f1f1;}table tr:nth-child(even) { background-col..