PHP 디버깅용 Xdebug 모듈 사용 후

var_dump()를 사용하면 좀 더 자세한 정보가 표시된다. 줄바꿈도 자동으로 된다. <pre> 필요 없음PHP 에러가 발생했을 때는 에러 내용이 색상과 표로 출력되어 매우 쉽게 파악할 수 있다.Xdebug 사이트https://xdebug.org/
PC&웹/웹프로그래밍 2017.03.11 13:07
휴대폰 위치 추적 및 정보 표시 기능을 만들다.

개요 휴대폰에서 이벤트 발생시 현재 위치와 각종 정보를 웹 DB에 저장하고, 저장된 데이터를 브라우저로 조회하여 구글 지도에 표시하는 기능. 동작 설명 1. 휴대폰에서 이벤트(충전 상태, 위치 변동 등) 발생시 각종 데이터를 HTTP로 전송한다. 2. 데이터 저장용 PHP 파일은 데이터베이스에 내용을 기록한다. 3. 데이터 조회용 PHP 파일에서 구글 지도 API를 연결 후 저장된 위치를 마커로 표시한다. ..
PC&웹/웹프로그래밍 2015.11.15 00:00
phpMyAdmin 설정 영구 저장

phpmyadmin\examples 폴더에서 create_tables.sql 임포트   phpmyadmin폴더에서 config.sample.inc.php 파일 복사 후   phpmyadmin 폴더에 config.inc.php 이름으로 붙여넣기   아래 항목에 값 입력 및 주석 제거   $cfg['blowfish_secret'] = '아무거나'; $cfg['Servers'][$i]['cont..
PC&웹/웹프로그래밍 2013.12.04 11:29
MES 시스템 - 데이터 수집 분석 통계 웹프로그램

이번에 개발 중인 시스템입니다. 생산공장에서 사용합니다.   생산 제품의 검사 정보를 수집, 통계, 분석하는 웹 프로그램입니다.   개발시작: 2013년 05월 서버 개발언어: PHP, Javascript 서버 개발프레임웍: XE, jQuery(jQGrid, jQPlot) - opensource 서버 데이터베이스: MySQL 클라이언트 개발언어: Visual Basic 6   시스템 구성 1. ..
PC&웹/웹프로그래밍 2013.05.25 13:06
(jQuery) QR 바코드 생성기

사이트 링크 http://simulz.kr/dev/barcode/   구글 API 사용...
PC&웹/웹프로그래밍 2013.03.20 06:28
(jQueryMobile) 모바일용 디자인

jQuery의 Mobile을 사용하면 스마트폰용으로 디자인을 할 수 있다. IE9에서는 이미지가 깔끔하게 나오지 않고 효과도 볼 수 없다. 구글 크롬에서 완벽하게 테스트 해볼 수 있다. 아래 페이지는 BOINCSTATS 통계 보기를 모바일용으로 꾸민것이다. http://simulz.kr/dev/boinc/create_user_img_mobile.php Input의 type값을 search로 설정하면 아래처럼 내용 삭제 버튼이 추가 된다...
PC&웹/웹프로그래밍 2011.07.30 13:17
(jQuery) 7세그먼트, FND 포트 계산기

jQuery를 사용하여 FND 계산기를 만들었다. 미리보기 http://simulz.kr/dev/elec/7seg/ 기능 100% 버튼위에서 마우스 휠을 돌리면 확대·축소, 누르면 원래대로 FND 색상 설정 FND 추가·삭제 UI 테마 변경 추가할 기능 포트 순서 변경 결과 값 저장 등등등

PC&웹/웹프로그래밍 2010.03.29 00:37
(PHP) PNG 알파 적용

바탕 그림에 알파 적용된 색을 씌우기 $base = imagecreatetruecolor($width, $height); imagealphablending($base, 1); imagesavealpha($base, 1); $hex_alpha = dechex($alpha); $dec_alphacolor = hexdec($hex_alpha.$alpha_color); imagefilledrectangle($base, 0, 0, $width, $h..
PC&웹/웹프로그래밍 2010.02.23 15:45
Blackbird, 자바스크립트 디버깅

http://www.gscottolson.com/blackbirdjs/ 적용하기 위 사이트에서 Download the files 파일을 내려받고 사이트나 블로그에 업로드 합니다. 아래처럼 두 줄을 삽입하고 경로를 업로드한 곳으로 변경합니다. <head> <script type="text/javascript" src="./images/blackbird.js"></script> <link type..
PC&웹/웹프로그래밍 2010.02.09 22:17
(jQuery) 이미지 카운터 실시간 갱신하기

준비물: (jQuery) 연결하기 블로그 이미지 그래프 카운터를 자동 새로고침 해보기. 아래 자바스크립트코드를 SCRIPT에 삽입하거나 JS 파일로 저장하여 연결한다. $(document).ready(function($){ var refresh_StatGraph = function() { var time = new Date().getTime(); var StatGraph = $("img[..
PC&웹/웹프로그래밍 2010.02.09 14:14
(jQuery) 다음뷰 추천 버튼 바꾸기, 관련글 지우기

준비물: (jQuery) 연결하기 다음뷰 추천 플래시를 작은 것으로 바꾸고 그 아래에 표시되는 관련글을 삭제할 수 있다. 아래 자바스크립트 코드를 SCRIPT 태그로 감싸거나 JS 파일로 저장해서 연결한다. $(document).ready(function($){ var daumview = $('.blogger-news-widget'); $('.blogger-news-widget').html(daumview.html().replace('..
PC&웹/웹프로그래밍 2010.02.07 17:56
(jQuery) JSONP로 크로스 도메인 원격 데이터 가져오기

준비물: (jQuery) 연결하기 브라우저 기본 보안 설정으로는 현재 페이지의 호스트가 아닌 다른 서버에 HTTP 요청을 할 수 없다. 하지만 JSONP를 사용하면 보안 설정을 바꾸지 않고도 원격 데이터를 가져올 수 있다. 이 블로그에서는 게시물 아래 인기순 Top 글 목록에 적용되어있다. 데이터를 보내줄 원격 도메인 쪽에 JSON 형식으로 출력하도록 PHP 스크립트 코드를 작성한다.<?php $..
PC&웹/웹프로그래밍 2010.02.06 16:59
(jQuery Plugin) CyclicFade 깜빡이는 효과 적용하기

준비물: (jQuery) 연결하기비표준 <blink> 태그를 jQuery 플러그인으로 부드럽게 깜빡이는 효과를 줄 수 있다. 자바스크립트 연결하기<script type="text/javascript" src="http://www.bugzappy.com/demos/cyclic-fade/jquery/jquery.cyclic-fade.js"></script> 제작자 원문: http://www.bugzapp..
PC&웹/웹프로그래밍 2010.02.06 10:59
(jQuery) 블로그 태그 목록을 버튼으로 섞기

준비물: (jQuery) 연결하기미리보기http://simulz.com/tag관련글(jQuery) 태그 목록 섞기(jQuery) 티스토리 태그 목록 컬러풀하게~이번엔 버튼으로 섞어보자.버튼을 누르면 글자 색상, 크기가 임의로 지정되고 순서가 섞이게 된다.이전 글(관련글 참고)에서 작성한 코드를 재사용하기 위해 함수 안에 넣는다. var tag_random = function() { var taglogli = $('...
PC&웹/웹프로그래밍 2010.02.05 20:12
(jQuery) 블로그에 로딩 중 표시하기

준비물: (jQuery) 연결하기 이 블로그에 적용되어 있다.HTML에서 로딩 메시지 코드를 추가한다. 문서 상단에 추가할 수록 빨리 보인다. <html> 바로 밑에 넣어도 된다. <div id='loading'>로딩 중...</div> CSS에 추가한다. #loading { border: 1px #000 solid; background-color: #eee; font-siz..
PC&웹/웹프로그래밍 2010.02.05 19:14
(jQuery) 태그 목록 섞기

준비물: (jQuery) 연결하기미리보기http://simulz.com/tag 관련글: (jQuery) 티스토리 태그 목록 컬러풀하게~ 새로고침할 때마다 목록이 섞인다. ABC, 가나다였던 태그 목록을랜덤 정렬로 변경해보았다. $.shuffle Plugin http://mktgdept.com/jquery-shuffle 위 사이트에서 js 파일을 내려 받고 사이트나 블로그에 업로드 한다. HTML HEAD에 아래 코드를 추가하여 JS를 연..
PC&웹/웹프로그래밍 2010.02.05 17:56
(jQuery) 티스토리 태그 목록 컬러풀하게~

준비물: (jQuery) 연결하기 미리보기 http://simulz.com/tag 새로고침 할 때마다 색상과 크기가 변한다. 많아야 5가지 색상과 크기뿐이었던 태그 목록을 랜덤 색상, 크기로 변경해보았다. 목록 섞기: (jQuery) 태그 목록 섞기 var getRandomRGB = function() { return '#' + Math.floor(Math.random()*16777216)...
PC&웹/웹프로그래밍 2010.02.05 14:20
(카운터) 블로그용 페이지 카운터 - 자바스크립트로 변경

이미지 직접 전송 및 출력으로 카운팅되던 것을 자바스크립트를 사용하여 글 제목과 리퍼러를 전송할 수 있도록 했다. Ajax로 직접 전송을 하게 되면 스크립트 보안 때문에 작동이 안되므로 이미지로 전송하게 된다. 본문 밑에 Top.5 게시물 목록을 추가해봤는데 Ajax로 작동하므로 스크립트 보안이 설정되어 있는 브라우저에서는 보이지 않는다. limit 속성을 추가해서 HTML 편집으로 게시물 출력 갯수를 설정할 수 있도록 했다. 대부분 브라우..
PC&웹/웹프로그래밍 2010.02.04 21:48
(jQuery) 티스토리 달력 토요일 색상 변경

준비물: (jQuery) 연결하기 달력의 토요일을 아래처럼 파란색으로 변경해보자. $('.tt-calendar tr :nth-child(7)').removeClass('cal_day3').css('color','#0000ff'); $('.tt-calendar tr') tt-calendar 클래스를 가진 요소의 자식 중에서 tr 요소의 자식 요소들을 선택 :nth-child(index) 7번째 자식 요소(t..
PC&웹/웹프로그래밍 2010.02.04 14:27
(jQuery) 블로그 목록, 반복 배경 적용하기

준비물: (jQuery) 연결하기 $('.recentPost li:odd, .recentComment li:odd, .searchList li:odd').css('background-color','#eeeeee'); $(selector, selector, ···) ,(쉼표) 를 사용하여 여러 요소들을 선택한다. 예제에서는 recentPost 클래스를 갖고 있는 요소의 자식 중에서 li 요소의 홀수번째 선택, recent..
PC&웹/웹프로그래밍 2010.02.04 14:15
SWFObject 2.x로 3D 태그 적용하기

SWFObject 페이지 http://code.google.com/p/swfobject/ 티스토리 기준으로 설명 아래 파일을 내려받아 압축을 풀고 js, swf파일을 티스토리 스킨 편집 페이지에 업로드 한다. 제작자: http://wordpress.org/extend/plugins/wp-cumulus/ 블로그 스킨 HTML에서 HEAD 내에 아래 코드를 삽입한다. <script src="http://www.google.com/j..
PC&웹/웹프로그래밍 2010.02.03 22:11
(jQuery) 티스토리 테터데스크에서 imgempty.png 그림 바꾸기

준비물: (jQuery) 연결하기 티스토리 사용자 중 테터데스크에 노출 되는 글에 첨부된 그림이 없으면 아래의 기본 이미지가 뜬다. 원하는 이미지로 변경을 해보자. $('img[src*=imgempty.png]').attr('src', 'http://cfs.tistory.com/custom/blog/2/20343/skin/images/imgempty.png'); img 요소 중 src 속성에 imgempty.png가 포함된 요소들을 찾아서..
PC&웹/웹프로그래밍 2010.02.03 20:37
HTML 엘레멘트 좌표

외우기 귀차니즘... 파란색 파선은 document 실제 크기이다. screenLeft, screenTop: 창의 위치 scrollLeft, scrollTop: 스크롤 위치

PC&웹/웹프로그래밍 2010.01.30 17:55
(구글 시각화 API) Gauge

결과물 보기: http://simulz.kr/dev/counter/page/ 예제 사이트에서는 트래픽을 게이지로 나타내보았다. %, MB, MB/분 먼저 아래처럼 자바스크립트를 연결해야 한다. <script src="http://www.google.com/jsapi"></script> <script> google.load("jquery", "1"); google.load('visualization..
PC&웹/웹프로그래밍 2010.01.30 11:09
(카운터) 블로그용 페이지 카운터 개발 중 - 이미지 설정 가능

오늘은 블로그 페이지 카운터 이미지를 변경할 수 있도록 업데이트 했다.설정 페이지에서 원하는 카운터 이미지를 선택하면 블로그에 바로 적용된다. 현재 이 블로그에 적용 중이며 페이지 하단에 숫자 이미지 표시가 있다.좀 더 다양한 이미지를 추가할 계획이다.지금은 혼자 실험 중이며, 어느정도 완성 되면 서비스 될 예정이다.
PC&웹/웹프로그래밍 2010.01.29 01:49
(PS3) PSN 트로피 조회 사이트 - 테마 적용

프로그램 바로가기 http://simulz.kr/dev/ps3/trophycard/ ※ 이 사이트에 PSN ID를 등록하고 싶다면 먼저 http://cafe.naver.com/ps3friend 카페에 가입을 하세요! (추천인: 시뮬즈) PS3 게이머라면 트로피라는 것을 다 알 것이라 믿는다. 백금, 금, 은, 동 트로피 숫자를 카드 이미지 안에 표시해주는 사이트가 있다. 이 사이트는 트로피 카드 이미지를 조회하고 순위를 볼 수 있도록했다. ..
PC&웹/웹프로그래밍 2010.01.27 10:14
(카운터) 블로그용 페이지 카운터 개발 중 - 기록 보기

이전 글: (카운터) 블로그용 페이지 카운터 개발, 적용 실험 중... 이번엔 로그 기록을 볼 수 있도록 했다. 추가로 24가지 UI 테마 플러그인도 연결했다. 운영자는 검색, 추가, 삭제가 가능하며(phpmyadmin이 귀찮을 때 좋겠다. 로딩 속도가 상당히 빠르다.) 사용자는 검색, 엑셀 출력이 가능하다. 다음엔 요약 페이지에 그래프로 볼 수 있도록 할 것이다. '정작 중요한 건 순위 글인데···'
PC&웹/웹프로그래밍 2010.01.27 01:04
(jQuery UI) Theme Switcher 사용하기

아래 사이트에는 24가지의 UI 테마가 있다. http://jqueryui.com/themeroller/ 방문자마다 원하는 테마를 설정해서 보게 하려면 아래 페이지에서 플러그인을 연결하면 된다. http://jqueryui.com/docs/Theming/ThemeSwitcher 필요한 것은 jQuery Core와 Cookie 플러그인이다. 관련글: (jQuery) 연결하기 아래처럼 사용하면 쿠키 플러그인이 내장되어 있으니 따로 연결하지 않..
PC&웹/웹프로그래밍 2010.01.27 00:54
(카운터) 블로그용 페이지 카운터 개발, 적용 실험 중...

오래전에 아래 사이트에서 서비스 됐던 블로그 페이지 카운터(Blog Page Counter)를 써본 블로거들이 많이 있을 것이다. http://n-3.net/count/ 일정 시간 후 메인 페이지로 이동한다. ESC를 누르면 색생을 바꿔볼 수있다. 너무 유용하고 기능성 있는 블로그 플러그인이라 꼭 다시 서비스 되기를 기다렸는데... 이런 서비스는 트래픽이 엄청나기 때문에 개인이 하기에 매우 힘들다. · 단순한 카운팅용이라 해도 페이지 경로, ..
PC&웹/웹프로그래밍 2010.01.24 19:40
(jQuery) 의정부시 CCTV 소스 강좌 - DIV 재정렬

프로그램 소개: http://simulz.com/462 DIV 재정렬 테이블에서 주로 쓰는 정렬 기능을 DIV에 적용했다. var cctv_sort_checked = function() { var row_checked = $('#list div').has(':checked').get(); var row_unchecked = $('#list div').has(':not(:checked)').get(); ..
PC&웹/웹프로그래밍 2010.01.22 12:58
1 2