웹
-
[MongoDB] 1. MongoDB 시작하기CSE/MongoDB 2015. 6. 13. 11:36
MongoDB를 Windows 환경에서 구축해서 시작해봅시다! 이 포스팅은 "MongoDB NoSQL로 구축하는 PHP 웹 애플리케이션" 서적을 참고하여 작성하였습니다. 1. MongoDB 설치 및 구동, PATH 설정 먼저, 1.http://www.mongodb.org/downloads 로 이동합니다. 2.자신의 windows에 맞게 다운받으세요.(저는 64-bit 환경으로 받았음) 3. 내려받은 zip 파일을 C드라이브에서 압축을 푼 뒤, mongodb로 바꾸세요. 4. cmd 창을 열어서, 아래 명령어를 cmd에 입력해주세요. cd \mongodb\bin mongod 5. 또다른 cmd창을 열어서, 아래 명령어를 cmd에 입력해주세요. cd \mongodb\bin mongo 두개의 cmd를 열어주세..
-
[jQuery] jQuery & AjaxWeb/jQuery 2015. 6. 13. 11:11
jQuery jQuery(제이쿼리)는 브라우저 호환성이 있는 HTML 속 자바스크립트 라이브러리이며 클라이언트 사이드 스크립트 언어를 단순화 할 수 있도록 설계되었다. 존 레식이 2006년 뉴욕 시 바캠프(Barcamp NYC)에서 공식적으로 소개하였다. jQuery는 오늘날 가장 인기있는 자바스크립트 라이브러리 중 하나이다. jQuery는 MIT 라이선스와 GNU 일반 공중 사용 허가서v2의 듀얼 라이선스를 가진 자유 오픈 소프트웨어이다. jQuery의 문법은 코드 보기, 문서 객체 모델 찾기, 애니메이션 만들기, 이벤트 제어, Ajax 개발을 쉽게 할 수 있도록 디자인되었다. 또한, jQuery는 개발자가 플러그인을 개발할 수 있는 기능을 제공한다. Ajax Ajax(Asynchronous JavaS..
-
[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..
-
[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-..