공간정보와 인터넷지도

이제 4번째네요... PHP로 할 수 있는 게 정말 다양하다는 걸 다시한번 느꼈습니다. 그리고... 그냥 javascript면 대충 해결되겠지... 라고 생각했는데... 참으로 거시기하네요. 오히려 웹앱을 개발하려면 서버측 개발이 더 중요한데 말이죠. MySQL 개요 MySQL은 웹에서 사용되는 DBMS. 서버에서 수행됨. 크기에 관계없이 사용가능. 빠르고, 신뢰성 높고, 사용하기 쉬움. 표준 SQL의 지원, 다양한 platform 지원, 무료Oracle에서 개발 보급. 이름은 공동개발자의 딸의 이름(My)를 따서 지음특히 MySQL + PHP 를 하면 cross-platform 으로 매우 유용함MySQL을 어떻게 사용하는가는 SQL을 얼마나 잘 할 수 있는가에 달려있음. MySQL 서버에 접속 Crea..

W3C PHP 강좌 제3장 입니다. 1장 기초 및 2장 Form도 참고하세요. 다차원 배열 PHP의 배열(Array)는 key/value의 리스트PHP의 다차원 배열은 여러개의 배열을 담은 배열(array containing one or more arrays)2차원 배열은 배열의 배열 $cars = array ( array("Volvo",22,18), array("BMW",15,13), array("Saab",5,2), array("Land Rover",17,15) ); echo $cars[0][0]." : in stock ".$cars[0][1]." : sold ".$cars[0][2].". "; 와 같이 참조가능 날짜와 시간 date(format, timestamp) : timestamp는 옵션. d..

웹페이지를 제작하기 위해서는 크게 두가지 작업이 필요합니다. 하나는 서버측 프로그래밍이고, 다른 하나는 클라이언트측 프로그래밍입니다. 원칙적으로 서버측에서는 데이터 그 자체를 다루고, 클리이언트 측에서는 그 데이터를 어떻게 표현하는가를 다루므로, 서버측이 더 중요하다고 볼 수 있습니다. 서버측 프로그램은 여러가지 언어로 개발될 수 있지만, 가장 널리 사용되는 것이 PHP (PHP HyperText Preprocessor)입니다. 이전에는 기본적인 사항을 다루었고, 이번엔 두번째로 Form을 처리하는 방법입니다. PHP - A Simple HTML Form 다음 예제는 두개의 input 필드와 submit 버튼이 있는 폼 Name: E-mail: 사용자가 input 필드를 채우고 submit 버튼을 누르면..

저는 요즘 자바스크립트 열공중입니다. 그런데, 자바스크립트를 공부하려니, 점점 공부할게 늘어납니다. 자바스크립트는 클라이언트용 스크립트입니다. 즉, 웹브라우저와 같은 환경에서 서버로부터 받은 정보를 처리하는 용도입니다. 그런데, 서버에서도 여러가지 작업이 필요합니다. 이를 위해서 필요한 게 서버측 스크립트인 PHP입니다. 파일을 올리고 DB를 조작하는 등 서버와 통신 등을 담당합니다. 이글은 http://www.w3schools.com/php/에 있는 PHP 5 투토리얼을 제 마음대로 간략하게 정리한 겁니다. 참고하세요. PHP 는 서버 스크립트용 언어로, 동적/대화식 웹페이지를 빠르게 구축할 수 있는 강력한 도구이다. PHP는 널리 사용되며, 무료이고, 마이크로소프트의 ASP와 같은 유사한 도구를 효율..

제가 체험단 이벤트로 스마트폰으로 조종하는 RC카 HAMMER를 받아서 처음 우리 딸래미한테 보여주자, 우리 딸래미는, "와 정말 멋지다!!" "그래? 왜?" "내가 제일 가지고 싶은 차걸랑" ... 이런 반응을 보였습니다. @_@ (머... 우리 딸래미가 좀 독특합니다. 사실 저보다 HAMMER를 더 좋아하거든요. ㅎㅎ) 아무튼 구글에서 "Hammer car"라고 검색을 봤습니다. 아래와 같은 사진들이 나타나더군요. 그런데 원래의 차 이름은 Hammer가 아닌 Hummer. 1980년대초 미군에서 사용된 Humvee의 상용버전으로, GM에서 2009년까지 생산하던 럭셔리 SUV라고 나옵니다. 홈페이지는 여기입니다. 위키페이지는 여기. 너무 덩치가 크다보니, 경제위기 상황하에서 단종된 모양입니다. 그런데..

드디어 스마트 RC 카 해머(Hammer)를 받았습니다. 테스트용으로요. 좌측 위 사진이 바로 제가 해머 체험단 이벤트에 응모해서 받은 해머(Hammer)입니다. 평소에 RC카를 잘 알지도 못하는 제가 체험단으로 선정된 것은 아마도 제가 제일 처음으로 댓글을 남기면서, 이랬으면 좋겠다, 저랬으면 좋겠다.. 제안을 했던 덕분이 아닌가 합니다. ㅎㅎ 사실 그냥 단순한 RC 카라면 관심을 두지 않았을 것 같습니다. 그런데 이 녀석은 Wi-Fi를 통해 구동이 되고, 특히 스마트폰으로 조종이 되며, RC 카의 카메라에서 촬영된 영상이 그대로 스마트폰으로 전달되어 저장되기 때문에 많이 끌렸습니다. 게다가 (현재로서는 부족하지만) 사물인터넷(IoT)의 플랫폼을 지향하고 있다고 하니까 관심을 가질 수 밖에 없었습니다...

이 글은 영문 Wikipedia의 글을 번역한 것입니다. 제가 공부하기 위한 목적으로 번역한 것이므로, 오류가 있을 수도 있습니다. 문제 있는 부분을 발견하시면 댓글로 남겨주시면 감사하겠습니다. ===XMLHttpRequest(XHR)은 Javascript와 같은 웹브라우저 스크립트 언어에서 사용할 수 있는 API이다. XHR은 웹서버에 HTTP 혹은 HTTPs 요청을 전송하고 서버의 응답을 다시 스크립트로 불러오는데 사용된다. 모든 주류 웹브라우저의 개발버전에서는 http: 와 https: 이외의 URI 도 지원한다. 특히 blob:URL 이 지원된다. XMLHttpRequest (XHR) is an API available to web browser scripting languages such as ..

이 문서는 영문 위키피디아를 번역한 것입니다. ====교차출처 자원공유 (CORS : Cross-origin resource sharing) 란 어떤 웹페이지에 있는 자바스크립트가, 해당 도메인이 아닌 다른 도메인에 XMLHttpRequests 요청을 허용하는 기법을 말한다. CORS를 통하지 않을 경우, "도메인을 넘어선(cross-domain)" 요청은 동일출처정책(same origin security policy)에 의해 웹브라우저에 의해 금지된다. 교차출처 자원공유는 다른 출처에서 온 요청을 허용할 지를 결정하기 위해, 웹브라우저와 서버가 상호교류하는 방법을 정의한 것이다. CORS는 동일출처의 요청만 허용하는 것보다는 유용하지만, 모든 출처의 요청을 모두 허용하는 것보다는 안전하다. Cross-..

이 문서는 영문 위키피디아 문서를 번역한 것입니다.==== 컴퓨팅에서 동일출처정책은 자바스크립트(Javascript)와 같은 브라우저측 프로그래밍 언어에서 중요한 보안 개념이다. 이 정책에 의하면, 동일한 사이트에서 나온 페이지에서 돌아가는 스크립트는 별다른 제한 없이 서로의 DOM을 접근할 수 있지만, 다른 사이트에 있는 DOM은 접근이 허용되지 않는다. 여기에서 동일한 사이트란 scheme, 호스트이름 및 포트번호를 조합한 것이다. 동일출처정책은 XMLHttpRequest 및 robots.txt에도 적용된다. In computing, the same-origin policy is an important security concept for a number of browser-side programmi..

아직도 한참 멀었습니다만, javascript로부터 시작해서 html5, css, jQuery, jQuery-ui 등등을 왔다갔다 하다보니 홈페이지 제작도구가 필요해졌습니다. 예전에는 나모웹에디터 같은 걸 많이 사용하였던 걸로 기억합니다만, 요즘엔 그냥 워드프레스로 제작을 많이 한다고 합니다. 워드프레스는 콘텐츠 위주의 웹사이트에 유리하다고... 합니다. 저도 현재 사용중이긴 한데, 잘 몰라서 그냥 대충 사용중입니다. 나중에 언젠가 다시 정비할 날이 오겠죠. 구글 웹 디자이너는 이와는 달리 좀더 기존의 웹페이지... 그러니까 기업 홈페이지와 같이 내용은 그다지 많이 갱신되지 않으면서, 외관이나 형태 등은 이뻐야 하는 사이트를 제작할 때 사용하면 좋을 것 같습니다. (저도 아직 모르니 그냥 추정) 기존엔 ..