Jamdol Story

현재 돌아가고있는 nginx의 설정을 덤프받아오기

잠덜 — Fri, 8 Oct 2021 14:27:50 +0900

nginx 설정을 변경하는 쉘스크립트를 작성하다가 백업하지도 않은 상태의 nginx.conf 파일이 수정되어 버렸다.
삭제되지 않은채 파일의 내용이 변경되거나 덮어씌어지면 복구에는 답이없을거라고 생각해서 어찌할줄 모르다가 아직 서버는 nginx가 돌아가고 있어서 돌아가고 있는 nginx의 설정값을 가져올 수 있지 않을까 생각해서 찾아보게 되었다.

구글에서 nginx config memory dump 키워드로 검색해보고 같은 문제를 겪는 스택 오버플로우의 글을 발견했다. 거기에 물론 해결책도 달려져 있다.

https://serverfault.com/questions/361421/dump-nginx-config-from-running-process

기록을 위하여 재 정리를 해본다.

주의할점은 nginx가 실행중이고 만약 새로 시작하거나 reload를 하면 복구할 수 있는지는 보장할 수 없다.

pid 알아내기

먼저 master nginx process으로 열려진 pid번호를 알아내야 한다. 다음 명령을 실행하면 pid 목록이 출력된다.

$ ps auxw | grep nginx

목록에서 우측 설명칼럼에서 master process 단어가 있는 라인이며 두번째 칼럼의 숫자가 pid이다.

메모리 덤프할 수 있는 쉘 스크립트 만들기

메모리 덤프를 하면 많은 파일들이 만들어지기 때문에 빈 디렉토리를 하나 만들고 그 안에 쉘 스크립트를 작성해서 실행하는것을 추천한다.

$ nano ~/actions/dump.sh

위와같이 실행하여 에디터로 들어가서 다음과 같이 작성한다. {PID}부분을 찾아서 이전 섹션에서 알아냈던 pid로 변경한다.

# Set pid of nginx master process here pid={PID} # generate gdb commands from the process's memory mappings using awk cat /proc/$pid/maps | awk '$6 !~ "^/" {split ($1,addrs,"-"); print "dump memory mem_" addrs[1] " 0x" addrs[1] " 0x" addrs[2] ;}END{print "quit"}' > gdb-commands # use gdb with the -x option to dump these memory regions to mem_* files gdb -p $pid -x gdb-commands # look for some (any) nginx.conf text grep worker_connections mem_* grep server_name mem_*

덤프 스크립트 실행하기

다음과 같이 쉘 스크립트를 실행하면 앞이 mem_로 시작되는 파일들이 많이 만들어지는것을 확인할 수 있다. 만약 없으면 뭔가 문제가 있다는 의미다.

~/actions/dump.sh

mem_파일들중에 맨 마지막 파일부터 열어본다. 아마도 가장 최근 내용일 것이다.
내용을 확인해보면 많은양의 텍스트와 컴파일되어있는 알수없는 글자들이 많아서 텍스트에디터가 버벅였다. 일일히 스크롤해가면서 찾아보기엔 너무 양이 많기때문에 기억을 더듬어서 유니크하게 사용할만한 단어로 검색하니 conf파일의 내용이 그대로 보관되어있다.

설정값의 첫 부분은 소스코드와 붙어있기 때문에 시작점이 위쪽줄을 잘 확인해봐야 한다.

END

설정값이 날라갈뻔해서 정말로 난감했었는데 많은 시간을 들였지만 설정값을 새로 작성하느라 일요일을 날려먹을뻔 했다. ㅠ_ㅠ
그냥 차라리 서버에 있는 설정값도 스케쥴링 백업을 하던지 git으로 관리하는게 나을지도..;

원문 출처 :

https://note.redgoose.me/article/2701/%20ps%20auxw%20%7C%20grep%20nginx%2075877587

php 파일 다운로드이어받기

잠덜 — Mon, 23 Mar 2020 17:38:29 +0900

http://www.webtr.co.kr/Test.zip 와 같이 직접 파일을 링크할 경우에는 웹서버에서
RANGE 를 지원하여 이어 받기가 가능하지만 http://www.webtr.co.kr/download.php 와 같이 스크립트를 통해 다운로드시에는 아래와 같은 작업을 하셔야 합니다.

$storage = "./files"; // 저장할 디렉토리명
$filename = $_GET['filename']; // 파일명
$filesize = filesize($storage . "/". $filename); // 파일크기
$speed = 1000; // 제한속도(초당 1M 를 넘지 못하도록 합니다.)
$seek_start = 0;
$seek_end = 0;
if(isset($_SERVER['HTTP_RANGE'])) {
$seek_range = substr($_SERVER['HTTP_RANGE'] , 6);
$range = explode( '-', $seek_range);
if($range[0] > 0) { $seek_start = intval($range[0]); }
if($range[1] > 0) { $seek_end = intval($range[1]); }
}

$file = $storage . "/". $filename;
// 파일을 오픈 한다.
$fp = fopen($file, "rb");
// 파일 포인터 이동
fseek($fp,$seek_start);
// 다운로드 헤더를 보내고
header("Cache-control: private");
header("Content-Type: application/octet-stream");
header("Content-Length: ".$filesize-$seek_start);
header("Content-Disposition: filename=".$filename);

// 파일을 보내보자!!
while(!feof($fp)) {
set_time_limit(0);
echo fread($fp,round(1024*$speed));
flush();
sleep(1);
}
fclose($fp);

http://www.webtr.co.kr/manual <- 샘플보기

출처 phpschool

필요해서 퍼왔습니다.

작성자께서 댓글로 내려달라 하시면 삭제 하겠습니다.

https://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=50278

WWW.PHPSCHOOL.COM

개발자 커뮤니티 1위 PHPSCHOOL.COM 입니다.

www.phpschool.com

전국 시군구 표준 코드

잠덜 — Thu, 27 Feb 2020 14:50:52 +0900

시도 코드 | 시도 이름
11 | 서울시
26 | 부산시
27 | 대구시
28 | 인천시
29 | 광주시
30 | 대전시
31 | 울산시
41 | 경기도
42 | 강원도
43 | 충북도
44 | 충남도
45 | 전북도
46 | 전남도
47 | 경북도
48 | 경남도
50 | 제주도

시도 코드 | 시도 이름 | 시군구 코드 | 시군구 이름
11 | 서울시 | 11110 | 종로구
11 | 서울시 | 11140 | 중구
11 | 서울시 | 11170 | 용산구
11 | 서울시 | 11200 | 성동구
11 | 서울시 | 11215 | 광진구
11 | 서울시 | 11230 | 동대문구
11 | 서울시 | 11260 | 중랑구
11 | 서울시 | 11290 | 성북구
11 | 서울시 | 11305 | 강북구
11 | 서울시 | 11320 | 도봉구
11 | 서울시 | 11350 | 노원구
11 | 서울시 | 11380 | 은평구
11 | 서울시 | 11410 | 서대문구
11 | 서울시 | 11440 | 마포구
11 | 서울시 | 11470 | 양천구
11 | 서울시 | 11500 | 강서구
11 | 서울시 | 11530 | 구로구
11 | 서울시 | 11545 | 금천구
11 | 서울시 | 11560 | 영등포구
11 | 서울시 | 11590 | 동작구
11 | 서울시 | 11620 | 관악구
11 | 서울시 | 11650 | 서초구
11 | 서울시 | 11680 | 강남구
11 | 서울시 | 11710 | 송파구
11 | 서울시 | 11740 | 강동구
26 | 부산시 | 26110 | 중구
26 | 부산시 | 26140 | 서구
26 | 부산시 | 26170 | 동구
26 | 부산시 | 26200 | 영도구
26 | 부산시 | 26230 | 부산진구
26 | 부산시 | 26260 | 동래구
26 | 부산시 | 26290 | 남구
26 | 부산시 | 26320 | 북구
26 | 부산시 | 26350 | 해운대구
26 | 부산시 | 26380 | 사하구
26 | 부산시 | 26410 | 금정구
26 | 부산시 | 26440 | 강서구
26 | 부산시 | 26470 | 연제구
26 | 부산시 | 26500 | 수영구
26 | 부산시 | 26530 | 사상구
26 | 부산시 | 26710 | 기장군
27 | 대구시 | 27110 | 중구
27 | 대구시 | 27140 | 동구
27 | 대구시 | 27170 | 서구
27 | 대구시 | 27200 | 남구
27 | 대구시 | 27230 | 북구
27 | 대구시 | 27290 | 수성구
27 | 대구시 | 27290 | 달서구
27 | 대구시 | 27710 | 달성군
28 | 인천시 | 28110 | 중구
28 | 인천시 | 28140 | 동구
28 | 인천시 | 28170 | 남구
28 | 인천시 | 28185 | 연수구
28 | 인천시 | 28200 | 남동구
28 | 인천시 | 28237 | 부평구
28 | 인천시 | 28245 | 계양구
28 | 인천시 | 28260 | 서구
28 | 인천시 | 28710 | 강화군
28 | 인천시 | 28720 | 옹진군
29 | 광주시 | 29110 | 동구
29 | 광주시 | 29140 | 서구
29 | 광주시 | 29155 | 남구
29 | 광주시 | 29170 | 북구
29 | 광주시 | 29200 | 광산구
30 | 대전시 | 30110 | 동구
30 | 대전시 | 30140 | 중구
30 | 대전시 | 30170 | 서구
30 | 대전시 | 30200 | 유성구
30 | 대전시 | 30230 | 대덕구
31 | 울산시 | 31110 | 중구
31 | 울산시 | 31140 | 남구
31 | 울산시 | 31170 | 동구
31 | 울산시 | 31200 | 북구
31 | 울산시 | 31710 | 울주군
41 | 경기도 | 41110 | 수원시
41 | 경기도 | 41111 | 수원시 장안구
41 | 경기도 | 41113 | 수원시 권선구
41 | 경기도 | 41115 | 수원시 팔달구
41 | 경기도 | 41117 | 수원시 영통구
41 | 경기도 | 41130 | 성남시
41 | 경기도 | 41131 | 성남시 수정구
41 | 경기도 | 41133 | 성남시 중원구
41 | 경기도 | 41135 | 성남시 분당구
41 | 경기도 | 41150 | 의정부시
41 | 경기도 | 41170 | 안양시
41 | 경기도 | 41171 | 안양시 만안구
41 | 경기도 | 41173 | 안양시 동안구
41 | 경기도 | 41190 | 부천시
41 | 경기도 | 41195 | 부천시 원미구
41 | 경기도 | 41197 | 부천시 소사구
41 | 경기도 | 41199 | 부천시 오정구
41 | 경기도 | 41210 | 광명시
41 | 경기도 | 41220 | 평택시
41 | 경기도 | 41250 | 동두천시
41 | 경기도 | 41270 | 안산시
41 | 경기도 | 41271 | 안산시 상록구
41 | 경기도 | 41273 | 안산시 단원구
41 | 경기도 | 41280 | 고양시
41 | 경기도 | 41281 | 고양시 덕양구
41 | 경기도 | 41285 | 고양시 일산동구
41 | 경기도 | 41287 | 고양시 일산서구
41 | 경기도 | 41290 | 과천시
41 | 경기도 | 41310 | 구리시
41 | 경기도 | 41360 | 남양주시
41 | 경기도 | 41370 | 오산시
41 | 경기도 | 41390 | 시흥시
41 | 경기도 | 41410 | 군포시
41 | 경기도 | 41430 | 의왕시
41 | 경기도 | 41450 | 하남시
41 | 경기도 | 41460 | 용인시
41 | 경기도 | 41461 | 용인시 처인구
41 | 경기도 | 41463 | 용인시 기흥구
41 | 경기도 | 41465 | 용인시 수지구
41 | 경기도 | 41480 | 파주시
41 | 경기도 | 41500 | 이천시
41 | 경기도 | 41550 | 안성시
41 | 경기도 | 41570 | 김포시
41 | 경기도 | 41590 | 화성시
41 | 경기도 | 41610 | 광주시
41 | 경기도 | 41630 | 양주시
41 | 경기도 | 41650 | 포천시
41 | 경기도 | 41730 | 여주군
41 | 경기도 | 41800 | 연천군
41 | 경기도 | 41820 | 가평군
41 | 경기도 | 41830 | 양평군
42 | 강원도 | 42110 | 춘천시
42 | 강원도 | 42130 | 원주시
42 | 강원도 | 42150 | 강릉시
42 | 강원도 | 42170 | 동해시
42 | 강원도 | 42190 | 태백시
42 | 강원도 | 42210 | 속초시
42 | 강원도 | 42230 | 삼척시
42 | 강원도 | 42720 | 홍천군
42 | 강원도 | 42730 | 횡성군
42 | 강원도 | 42750 | 영월군
42 | 강원도 | 42760 | 평창군
42 | 강원도 | 42770 | 정선군
42 | 강원도 | 42780 | 철원군
42 | 강원도 | 42790 | 화천군
42 | 강원도 | 42800 | 양구군
42 | 강원도 | 42810 | 인제군
42 | 강원도 | 42820 | 고성군
42 | 강원도 | 42830 | 양양군
43 | 충북도 | 43110 | 청주시
43 | 충북도 | 43111 | 청주시 상당구
43 | 충북도 | 43113 | 청주시 흥덕구
43 | 충북도 | 43130 | 충주시
43 | 충북도 | 43150 | 제천시
43 | 충북도 | 43710 | 청원군
43 | 충북도 | 43720 | 보은군
43 | 충북도 | 43730 | 옥천군
43 | 충북도 | 43740 | 영동군
43 | 충북도 | 43745 | 증평군
43 | 충북도 | 43750 | 진천군
43 | 충북도 | 43760 | 괴산군
43 | 충북도 | 43770 | 음성군
43 | 충북도 | 43800 | 단양군
44 | 충남도 | 44130 | 천안시
44 | 충남도 | 44131 | 천안시 동남구
44 | 충남도 | 44133 | 천안시 서북구
44 | 충남도 | 44150 | 공주시
44 | 충남도 | 44180 | 보령시
44 | 충남도 | 44200 | 아산시
44 | 충남도 | 44210 | 서산시
44 | 충남도 | 44230 | 논산시
44 | 충남도 | 44250 | 계룡시
44 | 충남도 | 44710 | 금산군
44 | 충남도 | 44730 | 연기군
44 | 충남도 | 44760 | 부여군
44 | 충남도 | 44770 | 서천군
44 | 충남도 | 44790 | 청양군
44 | 충남도 | 44800 | 홍성군
44 | 충남도 | 44810 | 예산군
44 | 충남도 | 44825 | 태안군
44 | 충남도 | 44830 | 당진군
45 | 전북도 | 45110 | 전주시
45 | 전북도 | 45111 | 전주시 완산구
45 | 전북도 | 45113 | 전주시 덕진구
45 | 전북도 | 45130 | 군산시
45 | 전북도 | 45140 | 익산시
45 | 전북도 | 45180 | 정읍시
45 | 전북도 | 45190 | 남원시
45 | 전북도 | 45210 | 김제시
45 | 전북도 | 45710 | 완주군
45 | 전북도 | 45720 | 진안군
45 | 전북도 | 45730 | 무주군
45 | 전북도 | 45740 | 장수군
45 | 전북도 | 45750 | 임실군
45 | 전북도 | 45770 | 순창군
45 | 전북도 | 45790 | 고창군
45 | 전북도 | 45800 | 부안군
46 | 전남도 | 46110 | 목포시
46 | 전남도 | 46130 | 여수시
46 | 전남도 | 46150 | 순천시
46 | 전남도 | 46170 | 나주시
46 | 전남도 | 46230 | 광양시
46 | 전남도 | 46710 | 담양군
46 | 전남도 | 46720 | 곡성군
46 | 전남도 | 46730 | 구례군
46 | 전남도 | 46770 | 고흥군
46 | 전남도 | 46780 | 보성군
46 | 전남도 | 46790 | 화순군
46 | 전남도 | 46800 | 장흥군
46 | 전남도 | 46810 | 강진군
46 | 전남도 | 46820 | 해남군
46 | 전남도 | 46830 | 영암군
46 | 전남도 | 46840 | 무안군
46 | 전남도 | 46860 | 함평군
46 | 전남도 | 46870 | 영광군
46 | 전남도 | 46880 | 장성군
46 | 전남도 | 46890 | 완료도군
46 | 전남도 | 46900 | 진도군
46 | 전남도 | 46910 | 신안군
47 | 경북도 | 47110 | 포항시
47 | 경북도 | 47111 | 포항시 남구
47 | 경북도 | 47113 | 포항시 북구
47 | 경북도 | 47130 | 경주시
47 | 경북도 | 47150 | 김천시
47 | 경북도 | 47170 | 안동시
47 | 경북도 | 47190 | 구미시
47 | 경북도 | 47210 | 영주시
47 | 경북도 | 47230 | 영천시
47 | 경북도 | 47250 | 상주시
47 | 경북도 | 47280 | 문경시
47 | 경북도 | 47290 | 경산시
47 | 경북도 | 47720 | 군위군
47 | 경북도 | 47730 | 의성군
47 | 경북도 | 47750 | 청송군
47 | 경북도 | 47760 | 영양군
47 | 경북도 | 47770 | 영덕군
47 | 경북도 | 47820 | 청도군
47 | 경북도 | 47830 | 고령군
47 | 경북도 | 47840 | 성주군
47 | 경북도 | 47850 | 칠곡군
47 | 경북도 | 47900 | 예천군
47 | 경북도 | 47920 | 봉화군
47 | 경북도 | 47930 | 울진군
47 | 경북도 | 47940 | 울릉군
48 | 경남도 | 48120 | 창원시
48 | 경남도 | 48125 | 창원시 마산합포구
48 | 경남도 | 48127 | 창원시 마산회원구
48 | 경남도 | 48123 | 창원시 성산구
48 | 경남도 | 48121 | 창원시 의창구
48 | 경남도 | 48129 | 창원시 진해구
48 | 경남도 | 48170 | 진주시
48 | 경남도 | 48220 | 통영시
48 | 경남도 | 48240 | 사천시
48 | 경남도 | 48250 | 김해시
48 | 경남도 | 48270 | 밀양시
48 | 경남도 | 48310 | 거제시
48 | 경남도 | 48330 | 양산시
48 | 경남도 | 48720 | 의령군
48 | 경남도 | 48730 | 함안군
48 | 경남도 | 48740 | 창녕군
48 | 경남도 | 48820 | 고성군
48 | 경남도 | 48840 | 남해군
48 | 경남도 | 48850 | 하동군
48 | 경남도 | 48860 | 산청군
48 | 경남도 | 48870 | 함양군
48 | 경남도 | 48880 | 거창군
48 | 경남도 | 48890 | 합천군
50 | 제주도 | 50110 | 제주시
50 | 제주도 | 50130 | 서귀포시

Workbench가 mariaDB를 지원하지 않을 때 하위 버전 설치

잠덜 — Tue, 9 Apr 2019 18:25:16 +0900

Workbench는 하위 버전에서 MariaDB와 호환이 가능 했다.

물론 경고창도 뜨고 그랬지만 어쨌든 사용은 가능 했었다.

하지만 최신 버전들은 경고창은 물론이고 프로그램이 그냥 종료되는 현상을 보이면서 정상적으로 호환되지 않는 모습을 보인다.

누군가는 INDEX `ID` (`id` ASC) VISIBLE ) 문제니까 제거하고 쓰라고 하고 그밖에 노하우 들이 나오긴 했다.

근데 그냥 하위 버전을 사용 하면 되지 않을까?

나는 6.3 버전을 사용 하고 있고 경고창은 있지만 잘 동착 하고 있다.

그냥 Workbench 6.3 download라고 검색해서 받자

Mysql, MariaDB 에서 사용자 패스워드(Password) 변경 쿼리

잠덜 — Wed, 3 Apr 2019 14:10:34 +0900

USE `mysql`;

USE `mysql` = mysql Database에 접속

UPDATE USER SET password=password('password') WHERE user='userid';

UPDATE USER SET = USER 테이블에 Update한다

password=password('password') = 비밀번호를 password('password') 으로

WHERE user='userid' = user가 'userid'인 모든 레코드에 적용

Mysql, MariaDB 에서 User ID(사용자 계정), Password(접속 비밀번호) 추가 하고 접속 가능한 DB(Database) 할당 후 적용 하기

잠덜 — Wed, 3 Apr 2019 14:04:20 +0900

GRANT ALL PRIVILEGES ON db_data.* TO 'userid'@'localhost' IDENTIFIED BY 'password';

GRANT ALL PRIVILEGES = 모든 행위에 대한 권한을 부여

ON db_data.* TO 'userid'@'localhost' = userid'@'localhost 계정을 만들고 db_data라는 Database에 접근을 허용

IDENTIFIED BY 'password'; = 이 계정의 비밀번호를 'password'로 설정

FLUSH PRIVILEGES;

FLUSH PRIVILEGES = DB의 변경 값을 지금 즉시 적용

리눅스에서 특정 문자열이 포함된 로그만 카운트

잠덜 — Wed, 27 Feb 2019 18:51:53 +0900

//다운로드 횟수

cat /var/log/tomcat7/localhost_access_log.2019-02-11.txt | grep -c "&type=patchstart"

cat /var/log/tomcat7/localhost_access_log.2019-02-12.txt | grep -c "&type=patchstart"

//버전 체크 횟수

cat /var/log/tomcat7/localhost_access_log.2019-02-11.txt | awk '{print $7}' | grep '&type=ckver'

리눅스 SSH 공격 방어, Linux 설치 후 가장 먼저 시행 할 최소한의 보안 hosts.allow 설정

잠덜 — Fri, 11 Jan 2019 15:01:56 +0900

리눅스 서버를 운영 하는 사람이라면 꼭 한번 확인해봐야 할 보안 점검이다.

서버를 관리 하기 위해 SSH를 대부분 사용 하고 있고, 루트 권한을 가지고 있어야 원활하게 유지보수가 가능하다.

또 한 유저 등급에서 접속 한다고 해도, sudo 한방이면 루트권한 실행이 가능하다.

그런데 여기서 중요한 것은, 루트고 유저고 자시고 간에... hosts.allow 설정이 없다면, 운영 중인 서버는 죽을때 까지 ID/PW 매칭을 돌리는 공격을 받고 있을꺼라는 점이다.

예를 들어 테스트용 유저를 test/test로 만들었다 치자. 아마 다음달에는 생전 처음보는 OS가 서버에 설치되어 있을지도 모른다.

우선 hosts.allow 설정을 안한 당신은 아래 절차부터 따르자.

# who // 누가 접속 중인가

;; 내가 쓰는 ID가 내 IP가 아닌 곳에서 접속중이라면 털렸다.

# kill -9 `ps -aef|grep testuser |awk '{ print $2 }'` //특정 유저의 프로세스 킬

;; 나중에 꼭 유저를 죽여라

find / -user testuser -print // 특정 유저 소유의 파일 목록

;; testuser 같은 실수로 만든 ID기 탈렸다면 그 유저 소유로 만들어지는 파일이 존재하는지 보라

;; 뭐... 어차피 이미 털렸다면 소유권도 마음대로 수정 중일 것이다.

last //ssh 접속 성공한 로그확인 /var/log/wtmp 내용 보여줌

;; 내가 쓰는 ID가 내 IP가 아닌 곳에서 접속 했다면 털렸다

lastb // ssh 접속 실패 로그 확인 //var/log/btmp

;; 당신 서버를 털려고 시도한 로그

tail -f /var/log/secure // 접속 시도중인 실시간 로그

;; 지금도 겁나게 시도 중일껄?

아래는 이 글을 쓰는 목적인 내 IP에서만 SSH 접속 허용 하는 방법이다.

아주 쉽다.

위 내용은 점검용으로 쓴거고 아래 3줄이 끝이다.

//ssh는 기본적으로 특정 ip에서만 접속 되도록 하라

//가장 좋은건 root 접속을 막고, su 명령어로 root에 접근 하는 것

# vi /etc/hosts.allow //sshd 허용 ip 등록 sshd: 59.12.191.85

# vi /etc/hosts.deny // 접속 불가 ip 등록 sshd: ALL

# systemctl restart sshd.service

모든 리눅스 서버는 제한된 상황에서만 root에 접근해야 한다.

패스워드 조합이 장땡이 아니다.

그리고 필자는 개인적으로 Firewall이 아닌 hosts.allow에서 아날로그적으로 제한하라고 권고 한다.

애드센스 넣으면 느려질 때 onLoad 후 광고 출력 하도록 적용 하는 방법

잠덜 — Tue, 20 Nov 2018 20:29:12 +0900

전체 페이지를로드 한 후 GOOGLE 광고로드 | ONLOAD 용 자바 스크립트

Google 애드 센스는 Google의 제품입니다. 페이지가 완전히로드 된 후 애드 센스 광고를로드하기 위해 다음 스크립트를 사용하여로드 할 수 있습니다.

Google 애드 센스의 광고는 웹 사이트 속도가 느립니다. 귀하의 웹 사이트가 많은 시간을 필요로한다면, 그것은 adsense js 코드의 문제입니다.

자바 스크립트로 일부 사용자 정의 작업을 수행해야합니다.

사용자 정의 기능을 수행하려면 Javascript 도움을 받아야합니다. 모든 플랫폼에서 웹 사이트를 만들었습니다.

이 자바 스크립트의 해결책은 모든 플랫폼에서 도움이 될 것입니다. Google 애드 센스에서 코드를 삽입 한 후 웹 사이트가 전체 페이지를로드하는 데 오랜 시간이 걸리면 js 기능을 통해 최적화해야합니다. Google 광고를 최적화하는 방법에 대해 이야기 해 보겠습니다.

Step1 먼저 아래 코드를 <body> 태그에 추가해야합니다.

Step2

이제 모든 광고에서 아래의 애드 센스 코드를 삭제하십시오. (이 코드는 머리 부분 만 => 머리 부분 아래에 있음)

Step3

또한 모든 ads에서 adsense 부호의 밑에 제거하십시오 (이것은 자바 스크립트 기능에서 정의 할 것입니다)

Step4

이 코드를 head 태그 아래에 붙여 넣으십시오. (헤드 태그 닫기 전)

Step5

전체 페이지를 초기화하려면 initialize_page () 함수를 만들어야합니다.

Step6

한 페이지에 5 개 이상의 애드 센스 코드가 필요한 경우이 방법으로 코드를 늘려야합니다.

function page_begin()

{

(adsbygoogle = window.adsbygoogle || []).push({});//this is for the first adsense

(adsbygoogle = window.adsbygoogle || []).push({});//this is for the second

(adsbygoogle = window.adsbygoogle || []).push({});//this is for the third

(adsbygoogle = window.adsbygoogle || []).push({});//this is for the fourth

(adsbygoogle = window.adsbygoogle || []).push({});//this is for the fifth

}

이제 귀하의 페이지가 완전히로드되면 모든 Google 애드 센스 광고가로드됩니다.

참고 :

- 테스트 된 방법입니다. 전체 솔루션을 읽고 적용하십시오.

- 그것은 당신을 도울 것입니다.

이 내용은 외국어 페이지를 번역한 내용입니다.

도움이 되시길 기원합니다.

출처 : https://technosmarter.com/js/google-ads-load-after-page-has-loaded.php

웹사이트 검색엔진 적합성 검증 툴

잠덜 — Fri, 1 Jun 2018 16:04:28 +0900

웹사이트가 검색엔진에 노출이 잘 안되나요?

네이버가 답변도 안해주고 사이트 노출을 안시켜주죠?

많은 방법들이 있지만, 범용 적으로 기본 검사를 할 수 있는 사이트가 있습니다.

https://www.seocert.net/site-analyzer.php

접속 해보면 알아요

KimsQ RB 사진 업로드 모듈 오류 해결

잠덜 — Mon, 26 Sep 2016 17:20:05 +0900

리눅스를 설치하고 킴스큐로 페이지를 구축했습니다.

별 탈없이 잘 돌아가는데 갑자기 덜컥!! 갤러리에서 사진 업로드시 오류가 발생하는겁니다.

업로드 모듈을 실행하면 아래와 같은 증상이 나타납니다.

위와같이 사진은 안보이고 빈 채 업로드 된것처럼 보이는데요.

실제로 서버에 업로드가 되지 않은 상태였습니다.

없는 파일을 업로드 했다고하는 이 모듈... OTL ....

소스는 킴스큐 공식 소스로서 아무 문제 없이 잘 동작되고 있습니다.

개발서버에서는 동작이 잘 되는게 클라이언트의 새로 구입한 서버에서만 이런 증상이 나타납니다.

이제부터 뭐가 문제인지 하나 씩 짚어가며 해결을 해봅시다.

용량은 겨우 2.7kb 그럼 서버 전송 용량 문제는 아니겠군요?

이것도 안잡힌 서버가 있을리 없으니 패스.

GD라이브러리도 정상적으로 돌고 있습니다.

이것도 패스.

위에 아파치 설정 부분입니다.

흠....? 이상 없는데요?

그래도 일단 max_input_time 을 30으로 수정하겠습니다.

post_max_size는 8M은 좀 적은거 같으니까 한 30M 주죠.

upload_max_filesize도 30M 줍니다.

어허?? 드디어 먼가를 찾아냈네요.

Configuration File (php.ini) Path 이것이 php.ini파일의 경로를 가르키는 값입니다.

그아래 Loaded Configuration File 이게 로드된 php.ini의 위치를 나타내는데요.

(none) 이군요?! 이러면 php 환경설정이 제대로 적용되지 않았다는 말입니다.

아마도 이녀석이 말썽의 원인이였던 듯 합니다.

보통은 /etc/php.ini 가 많이 쓰입니다.

하지만 최초 설치시 위와 같은 경로가 디폴트인 경우도 많습니다.

우선 /etc 경로에 php.ini가 존재한다면 cp /etc/php.ini /usr/local/apache/conf/php.ini 이 명령어를 SSH를 통해 리눅스 쉘에서 실행합니다.

그럼 Configuration File (php.ini) Path 안에 현재 서버에 설치된 php.ini를 복사합니다.

그 다음 service httpd restart 로 웹서버를 재시작합니다.

그럼 위와같이 php.ini 경로가 정상적으로 노출되는 것을 볼 수 있습니다.

크흠...

해결됐군요?

이상 포스팅을 마칩니다.

이 유형에 해당하는 경우가 아닐 시 본 포스팅으로 해결 못할 수 있습니당.

꼭 만능은 아니니 그 점을 잊지 마세요.

러시안블루 럭키의 창문열기 쑈, 문여는 능력을 가진 고양이, 문따기 선수

잠덜 — Fri, 9 Sep 2016 13:22:46 +0900

저희집 아들내미 럭키랍니다.

이녀석은 주특기가 문따기에요.

화장실 문도 열고 들어오고, 저렇게 창문도 열고 올라가고 ㅋㅋ

특히... 내보내고 오붓한 시간좀 보내려고 하면 강도가 든 것마냥 문고리를 달그락 달그락!! ㅡ.ㅡ;

문따고 들어와서는 손만잡고 자라고 방해를(?!) 합니다. ㅠㅠ

Javascript 롤링(슬라이드) 소스 예제

잠덜 — Tue, 9 Aug 2016 00:23:15 +0900

데모 - http://demo.widgets.co.kr/?c=73/84/85

가장 기본형 예제입니다.

단순히 배너 롤링 시킬 때 사용합니다.

Ajax로 Cross 도메인간 Json 데이터를 주고 받는 Jsonp 기본 예제

잠덜 — Fri, 5 Aug 2016 16:38:05 +0900

데모 - http://demo.widgets.co.kr/?c=75/95/97

Ajax로 서버에서 데이터를 가져올 때 Json을 많이 사용합니다만, 같은 서버 내에서만 사용할 수 있습니다.

하지만 이녀석은 서로 다른 도메인에서 데이터를 요청하고 받을 수 있습니다.

이름하야 Jsonp입니다.

기본적인 동작은 요청자 - 답변자 사이에 키값을 주고 받아 요청자에게 정확하게 데이터를 주도록 합니다.

물론 보안이나 트레픽 누수에 관련하여 준비된 서비스에서만 사용하셔야합니다.

경우에 따라서는 아무나 막 쓰게 해서는 서버가 뻗어버릴 수도 있습니다.

이건 아무나 막 쓸수록 좋은 쿠폰 발생같은 서비스에 저는 자주 사용했습니다.

아래는 기본 예제 소스입니다.

<!--호출 페이지소스-->
<script type="text/javascript">
<!--
  var getJsonp = function(){
    var dArray = null;
    var btn = $(".btn");
    btn.click(function(){
      $.ajax({
        dataType:"jsonp",
        jsonp:"callback",
        url:'http://demo.widgets.co.kr/_test/jsonp/test20160805.php',
        data:{id : "check", name: "테스트"},
        success:function(callback){dArray=callback;},// 상단 선언된 변수에 데이터를 담는다.
        complete:function(d){
 
          alert(dArray[0].date);
          alert(dArray[0].id);
          alert(dArray[0].name);
          alert(dArray[0].subject);
          alert(dArray[0].content);
 
        },
        error:function(d){ alert("error "+d.responseText);}
      });
      return false;
    });
  }
  $(function(){
    getJsonp();
  });
//-->
</script>
<a href="javascript:void(0);" class="btn">테스트</a>
 
<!--응답페이지소스-->
<?//http://demo.widgets.co.kr/_test/jsonp/test20160805.php 
  header('Cache-Control:no-cache');
  header('Pragma:no-cache');
  header('Content-Type:text/html; charset=utf-8');
 
  echo $callback."(";
 
  $rets['date'] = urlencode(date('Y-m-d H:i:s'));
  $rets['id'] = urlencode($id);
  $rets['name'] = urlencode($name);
  $rets['subject'] = urlencode("제목입니다.");
  $rets['content'] = urlencode("내용입니다.");
 
  $return[] = $rets;
  $return[] = $rets;
 
  echo urldecode(json_encode($return));
 
  echo ")";
?>

데모 - http://demo.widgets.co.kr/?c=75/95/97

IF 기본형 숫자, 날짜 비교

잠덜 — Fri, 5 Aug 2016 14:20:58 +0900

디자이너가 가끔 묻습니다.

IF문이 대체 뭐에요?

간단히 이해를 시키기 위해서 메모장에 저장해놓고 기억 안나면 보라고 써둔 예제입니다.

<?
//숫자 수형을 비교할 때
$cut = 5;//비교 숫자
$now = 4;//현재 숫자
if( $cut > $now )
    echo "아직 그 수보다 작아!"; // $cutDate 비교할 날짜보다 오늘 날짜가 작다면 실행
else
    echo "그 수보다 작지 않군!"; // $cutDate 비교할 날짜보다 오늘 날짜가 크거나 같다면 실행

//날짜 유형을 비교할 때
$cut = "20160806";//비교 날짜
$now = date("Ymd");//오늘 날짜
if( $cutDate > $nowDate )
    echo "아직 그날이 되지 않았어!"; // $cutDate 비교할 날짜보다 오늘 날짜가 작다면 실행
else
    echo "그날이 지나버렸어!"; // $cutDate 비교할 날짜보다 오늘 날짜가 크거나 같다면 실행

//날짜 유형을 비교할 때 2
$cut = date("Ymd", strtotime("2016-08-06"));//비교 날짜
$now = date("Ymd");//오늘 날짜
if( $cutDate > $nowDate )
    echo "아직 그날이 되지 않았어!"; // $cutDate 비교할 날짜보다 오늘 날짜가 작다면 실행
else
    echo "그날이 지나버렸어!"; // $cutDate 비교할 날짜보다 오늘 날짜가 크거나 같다면 실행
?>

계좌이체시 사용되는 금융기관 목록과 공용코드 출력

잠덜 — Thu, 4 Aug 2016 16:26:25 +0900

PG사 등에서 사용하는 계좌이체 가능 금융기관 목록과 그 코드를 출력합니다.
셀렉트 박스 형태로 출력하며, name값을 줄 수 있습니다.
기관의 코드를 입력하면 셀렉트도 됩니다.
간단하지만 유료회원 관리시 꼭 한번씩 필요한 소스입니다.
데모 페이지에서는 결과물을 직접 보실 수 있습니다.

데모 - http://demo.widgets.co.kr/?c=64/67/72

<?
$banks['003'] = "기업은행";
$banks['004'] = "국민은행";
$banks['011'] = "농협중앙회";
$banks['012'] = "단위농협";
$banks['020'] = "우리은행";
$banks['031'] = "대구은행";
$banks['005'] = "외환은행";
$banks['023'] = "SC제일은행";
$banks['032'] = "부산은행";
$banks['045'] = "새마을금고";
$banks['027'] = "한국씨티은행";
$banks['034'] = "광주은행";
$banks['039'] = "경남은행";
$banks['007'] = "수협";
$banks['048'] = "신협";
$banks['037'] = "전북은행";
$banks['035'] = "제주은행";
$banks['064'] = "산림조합";
$banks['071'] = "우체국";
$banks['081'] = "하나은행";
$banks['088'] = "신한은행";
$banks['209'] = "동양종금증권";
$banks['243'] = "한국투자증권";
$banks['240'] = "삼성증권";
$banks['230'] = "미래에셋";
$banks['247'] = "우리투자증권";
$banks['218'] = "현대증권";
$banks['266'] = "SK증권";
$banks['278'] = "신한금융투자";
$banks['262'] = "하이증권";
$banks['263'] = "HMC증권";
$banks['267'] = "대신증권";
$banks['270'] = "하나대투증권";
$banks['279'] = "동부증권";
$banks['280'] = "유진증권";
$banks['287'] = "메리츠증권";
$banks['291'] = "신영증권";
$banks['238'] = "대우증권";
 
function getBankCode($name,$code=""){
  global $banks;
  if( 0 < count($banks) ){
    $str = "<select name='".$name."'>";
    foreach( $banks as $i => $v ){
      $str .= "<option value='".$i."' ".($code > 0 && $i==$code?"selected":"").">";
      $str .= "[".$i."] ".$v;
      $str .= "</option>";
    }
    $str .= "</select>";
 
    return $str;
  }
}
?>

데모 - http://demo.widgets.co.kr/?c=64/67/72

레이어 팝업 예제 소스

잠덜 — Mon, 1 Aug 2016 16:20:56 +0900

샘플 소스의 데모페이지는 http://demo.widgets.co.kr/?c=73/65/70 입니다.

간혹 CMS 시스템에 레이어 팝업이 들어있지 않는 경우가 있습니다.

이럴때 레이어 팝업을 띄우려면 숙련된 개발자라고 해도 그 소스를 기억하고 살진 못합니다.

그럴땐 ctr+c -> ctr+v 가 잠깐의 고민도 줄여주고 밥도 먹여줍니다.

아래는 복붙할수 있는 소스 입니다.

복수의 레이어팝업을 띄우기 위해 중간중간 PHP 변수를 삽입했습니다.

크기조절 역시 PHP변수로 선언했습니다.

필요에 따라 언어를 변경해 쓰길 바랍니다.

<?
    $popupNum = 20160801;//팝업창 고유번호
    $popupWidth = 600;//팝업창 너비
    $popupHeight = 600;//팝업창 높이
    $popupTop = 130;//팝업창 너비
    $popupLeft = 170;//팝업창 높이
    ?>
    
    <style type="text/css">
        #_hidden_layer_{position: absolute;z-index:999; width: 100%;top: 0px; left: 0px;}/*팝업을 담아 제어할 레이어 - 그냥 상단에 커튼걸이 비슷한 용도*/
        #pop-layer-<?=$popupNum?>{position:absolute;z-index:999;display:none;width:<?=$popupWidth?>px;height:<?=$popupHeight?>px;top:<?=$popupTop?>px;left:<?=$popupLeft?>px;}/* 레이어 너비/높이, 상단/좌측 위치 width:600px;height:600px;top:130px;left:170px; */
        #pop-layer-<?=$popupNum?>-body{height:<?=$popupHeight-25?>px;overflow-x:hidden;overflow-y:hidden;border:#dfdfdf solid 1px;background:#ffffff;}/* 레이어 높이 -25 = height:575px;*/
        #pop-layer-<?=$popupNum?>-close{height:25px;background:#343434;text-align:center;color:#ffffff;}
        #pop-layer-<?=$popupNum?>-ckd{}
        #pop-layer-<?=$popupNum?>-btn{position:relative;left:20px;}
    </style>
    
    <div id="_hidden_layer_">
        <div id="pop-layer-<?=$popupNum?>">
            <div id="pop-layer-<?=$popupNum?>-body">
                
                내용을 입력하세요.
                
                <br><br>
            </div>
            <div id="pop-layer-<?=$popupNum?>-close">
                
                <input id="pop-layer-<?=$popupNum?>-ckd" type="checkbox">오늘 하루 이창을 그만 엽니다.  
                <button id="pop-layer-<?=$popupNum?>-btn" onclick="hideLayerPopup('<?=$popupNum?>');" class="hand" alt="창닫기">X</button>
                
            </div>
        </div>
    </div>
    <script type="text/javascript">
    
    </script>

샘플 소스의 데모페이지는 http://demo.widgets.co.kr/?c=73/65/70 입니다.

고도몰 Mobile의 메인 아이콘 출력 소스 - 참고용

잠덜 — Wed, 6 Jul 2016 16:56:31 +0900

고도몰 E나무 서비스가 종료되겠군요.

Godo5가 출시됐습니다.

모바일 메인의 아이콘 출력은 아직도 구현되지 않은 채 말이죠 ㅡㅡ;

고도몰 메인에서 아이콘을 출력할수 있는건 독립형 뿐입니다.

클래스로 제작된 솔루션이라 참 다루기 힘들죠?

그래도 한 삼일 보다 보면 소스를 외우게 되고 그럭저럭 다룰만 해집니다.

구조를 모르면 원래 다 어렵답니다.

자 모바일 메인에서 아이콘 출력이 안되서 애먹던분들 아주 간단하게 아래처럼 함수를 만드세요.

function getGoodsIconHtml($icon){

global $r_myicon;

// 아이콘 갯수

$tmp = array();

$arr = array('good_icon_new.gif','good_icon_recomm.gif','good_icon_special.gif','good_icon_popular.gif','good_icon_event.gif','good_icon_reserve.gif','good_icon_best.gif','good_icon_sale.gif','');

for ($i=0;$i<=8;$i++){

if ($r_myicon[$i]){

$arr[$i] = $r_myicon[$i];

$img = "<img src='/shop/data/my_icon/".$arr[$i]."'>";

}else{

$img = "<img src='/shop/data/skin/standard/img/icon/".$arr[$i]."'>";

}

if( $icon & pow(2,$i) )$tmp[] = $img;

}

return $tmp;

}

이 함수를 Mobile2GoodsDisplay 클래스 안에 만들어 넣고 적절한 곳에 뿌리십시오.

예를들면 한 540번대 줄 즈음에 있는

if(is_array($tmp_display) && !empty($tmp_display)) {

foreach($tmp_display as $row_display) {

$tmp_arr = array();

$tmp_arr['icon'] = $this->getGoodsIconHtml($row_display['icon']);

$tmp_arr['goodsno'] = $row_display['goodsno'];

$tmp_arr['goodsnm'] = strip_tags($row_display['goodsnm']);

$tmp_arr['goods_img'] = $this->getMobileMainImg($cfg, $row_display);

이런곳?

그럼 모바일에서도 icon을 뿌릴수 있게 됩니다.

뿌리는 작업은 개발자 스스로 찾아 적절한곳에 삽입해야 한다는게 함정...

하지만 이걸로도 충분히 도움될 분들이 있을테고, 저도 가끔 복사해서 쓰려고요 -_-;

PHP - n달 뒤 날짜 구할때 익월 일수가 현월 일수보다 작을때 버그 해결

잠덜 — Thu, 16 Jun 2016 13:30:44 +0900

함수들이 계산을 할때 한달은 30일 혹은 31일 기준이다.

해서 매월 일수가 다른 경우 날짜가 다르게 나타나거나 월이 한번 더 넘어가기도 한다.

예를 들어 5월 31일부터 한달 후 라고 하면 6월 30일이 아니라 7월 1일이 나온다.

예약을 3개월단위로 끊어서 받는 경우 지금이 5월이면 7월 까지만 예약이 가능해야 하는데, 8월이 열리는 경우가 있다는 것이다.

정상적인 함수로는 이 동작에 오류가 존재하기에 함수로 만들었다.

데모페이의 URL은 http://demo.widgets.co.kr/?c=64/67/68 이다.

function getDateTime($now, $term=1) {
    $time = strtotime(($term>0?"+":"-").$term." month", strtotime(date("Y-m",strtotime($now))." -01 "));
    $l = date('t', $time);
    return date("Y-m-".$l, $time);
}

원리는 간단하다.

월과 일을 나눠서 월단위로 계산을 한 후 일단위를 대입한다.

일 단위는 그달의 마지막 일자를 구해서 붙인다.

아래처럼 출력해서 테스트를 했다.

출력 예 :

foreach(array('2015-10-31','2015-11-30','2015-12-31','2016-01-31','2016-02-29','2016-03-31','2016-04-30','2016-05-31','2015-10-04','2015-11-18','2015-12-27') as $date ){
echo $date.' → '.getDateTime($date,3).'<br>';
}

결과물

2015-10-31 → 2016-01-31
2015-11-30 → 2016-02-29
2015-12-31 → 2016-03-31
2016-01-31 → 2016-04-30
2016-02-29 → 2016-05-31
2016-03-31 → 2016-06-30
2016-04-30 → 2016-07-31
2016-05-31 → 2016-08-31
2015-10-04 → 2016-01-31
2015-11-18 → 2016-02-29
2015-12-27 → 2016-03-31

데모페이의 URL은 http://demo.widgets.co.kr/?c=64/67/68 이다.

소스만 긁어다 포스트 하는것을 거부합니다.

출처를 밝히고 링크를 같이 첨언하십시오.

PHP에서 json_encode로 Json Data 통신 기본형 예제 소스

잠덜 — Fri, 13 Jul 2012 18:27:40 +0900

php 5.2이상부터 사용이 가능한걸로 사료되옵니다.

과거 json_encode에서 한글을 지원하지 않고, 특수문자에서 오류가 나던 문제는 언제 사라졌는지 모르게 사라졌군요.

최근 호스팅 업체의 웹서버에서는 대부분 정상동작 하는듯합니다.

이 소스는 크로스 도메인에서는 사용이 불가합니다.

같은 서버내 존재 할 때만 사용이 가능합니다.

예제 소스의 샘플 URL은 http://widgets.co.kr/_test/json.data.php 입니다.

//test.php

<?
$data["age"]["1"] = '한글';
$data["age"]["2"] = '~!@#$%^&*.,<>\'()_+|`-/=\/';//\는 안됨 \/이렇게 쓰기위한 인자로 쓰임
$data["type"]["1"] = 'ABCD';
$data["type"]["2"] = '1234';
$data[0] = '0000';
$output = json_encode( $data) ;
echo $output;
?>

//index.php
  <script>
    $.ajax({
     url:"./test.php",
     data:"",
     type:'POST',dataType:'json',
     charset:'utf-8',
     error: function(XMLHttpRequest,textStatus,errorThrown) { alert("Error: " + textStatus + " " + errorThrown + "\n" +XMLHttpRequest.getAllResponseHeaders()); },
     success:function(e) {
      var jsonData = e;
      alert(jsonData.age[1]);
      alert(jsonData.age[2]);
      alert(jsonData.type[1]);
      alert(jsonData.type[2]);
      alert(jsonData[0]);
     }
    });
  </script>

예제 소스의 샘플 URL은 http://widgets.co.kr/_test/json.data.php 입니다.

스마트폰 터치, jquery touchmove 제어

잠덜 — Tue, 20 Mar 2012 10:44:57 +0900

I using jQuery to listen to the touchstart,touchmove and touchend, and I able to drag the 'dragitem' in iphone Safari(position change that base on the touchmove). But now the issue is how i can make the dropArea response when the 'dragitem' drag to the 'dropArea'.

For example the 'dropArea' will highlight/glow, change background color, and etc when the 'dragitem' is drag within the 'dropArea', but when it is away the 'dropArea' will remain normal. Any idea?

Thank in advance.

HTML:

<div class='dragArea' > 

 <div id='box1' class='dragitem'> 

 </div> 

 <div id='box2' class='dragitem'> 

 </div> 

</div> 

 

<div class='dropArea'></div>

jQuery:

var startTouchX = null; 

var startTouchY = null; 

var moveTouchX = null; 

var moveTouchY = null; 

var startPositionX = null; 

var startPositionY = null; 

 

$('.dragitem').bind('touchstart',function(event){ 

    event.preventDefault(); 

    var e = event.originalEvent; 

    startTouchX = e.targetTouches[0].pageX; 

    startTouchY = e.targetTouches[0].pageY; 

    startPositionX = $(this).css('left'); 

    startPositionY = $(this).css('top'); 

}); 

$('.dragitem').bind('touchmove', function(event){ 

    event.preventDefault(); 

    var e = event.originalEvent; 

    moveTouchX = e.targetTouches[0].pageX; 

    moveTouchY = e.targetTouches[0].pageY; 

    $('#movex').text(moveTouchX); 

    $('#movey').text(moveTouchY); 

    $(this).css({top: (moveTouchY - 50), left: (moveTouchX - 5)}); 

}); 

$('.dragitem').bind('touchend', function(event){ 

    $(this).animate({top: startPositionY, left: startPositionX}, 'fast'); 

});

문자열처리

잠덜 — Tue, 10 Jan 2012 16:19:00 +0900

+ ( id ) stringWithFormat: (NSString *) format, ....;

- ( unsigned int )length;
stringByAppending... 뒤에 추가 시리즈
substring... 뒤에, 앞에, 지정영역 자르기

- ( BOOL ) hasPrefix: (NSString *) string; //인자가 리시버 앞부분과일치하는지
- ( BOOL ) hasSuffix: (NSString *) string; //뒷부분
- ( NSRange ) rangeOfString: (NSString *)string; //부분문자열검색
- ( NSRange ) rangeOfString: (NSString *)string options:(NSStringCompareOptions)mask
- ( NSArray ) componentSeperateByString: (NSString *)string; //인자를토큰으로하여분리한문자열배열을만든다.
- ( BOOL ) isEqualToString: (NSString *)string;
- ( NSComparisonResult) compare: (NSString *) string;
- ( NSComparisonResult) compare: (NSString *) string option: (unsigned) mask;

boolValue, intValue 등 숫자관련 메서드 존재함

typedef enum _NSComparisonResult{
NSOrderedAscending = -1, (원본 < 비교 대상일 경우 ex) 원본:'a' 비교:'c')
NSOrderedSame,
NSOrderedDescending
}NSComparisonResult;

mask
- NSCaseInsensitiveSearch : 대소문자를 무시하고 두 문자열을 비교한다.
- NSLiteralSearch : 대소문자를 구분하여 두 문자열을 비교한다.
- NSNumericSearch : 숫자문자를 숫자 그 자체로 인식( Filename9.txt < Filename20.txt < Filename100.txt )
- NSBackwardsSearch : 문자열의 뒤에서 부터 문자열을 비교한다.
- NSAnchoredSearch : 문자열의 시작(NSBackwardsSearch 지정시 뒤) 부분과 비교대상이 일치하는지 비교한다.(hasPrefix와 같음)

rangeOfString 예제)

NSString *searchString = @"age";

NSString *beginsTest = @"Agencies";

NSRange prefixRange = [beginsTest rangeOfString:searchString options:(NSAnchoredSearch | NSCaseInsensitiveSearch)];

//결과 prefixRange = { 0, 3 }

NSMutableString

+ ( id ) stringWithCapacity: (unsigned)capacity;

- ( void ) appendString: (NSString*)string;

- ( void ) appendFormat: (NSString *) format, ...;

- ( void ) deleteCharactersInRange: (NSRange)range;

pecifier	Description
`%@`	Objective-C object, printed as the string returned by `descriptionWithLocale:` if available, or `description` otherwise. Also works with `CFTypeRef` objects, returning the result of the `CFCopyDescription` function.
`%%`	`'%'` character
`%d`, `%D`,`%i`	Signed 32-bit integer (`int)`
`%u`, `%U`	Unsigned 32-bit integer (`unsigned int`)
`%hi`	Signed 16-bit integer (`short`)
`%hu`	Unsigned 16-bit integer (`unsigned short`)
`%qi`	Signed 64-bit integer (`long long`)
`%qu`	Unsigned 64-bit integer (`unsigned long long`)
`%x`	Unsigned 32-bit integer (`unsigned int`), 16진수
`%X`	Unsigned 32-bit integer (`unsigned int`), 16진수(알파벳 대문자로)
`%qx`	Unsigned 64-bit integer (`unsigned long long`), 16진수
`%qX`	Unsigned 64-bit integer (`unsigned long long`), 16진수(알파벳 대문자로)
`%o`, `%O`	Unsigned 32-bit integer (`unsigned int`), 8진수
`%f`	64-bit floating-point number (`double`)
`%e`	64-bit floating-point number (`double`), 공학 표현법(ex:3.15134e-32)
`%E`	64-bit floating-point number (`double`), 공학 표현법(알파벳 대문자)
`%g`	64-bit floating-point number (`double`), printed in the style of `%e` if the exponent is less than –4 or greater than or equal to the precision, in the style of `%f` otherwise
`%G`	64-bit floating-point number (`double`), printed in the style of `%E` if the exponent is less than –4 or greater than or equal to the precision, in the style of `%f` otherwise
`%c`	8-bit unsigned character (`unsigned char`), printed by `NSLog()` as an ASCII character, or, if not an ASCII character, in the octal format`\\ddd` or the Unicode hexadecimal format `\\udddd`, where `d` is a digit
`%C`	16-bit Unicode character (`unichar`), printed by `NSLog()` as an ASCII character, or, if not an ASCII character, in the octal format `\\ddd`or the Unicode hexadecimal format `\\udddd`, where `d` is a digit
`%s`	Null-terminated array of 8-bit unsigned characters. `%s` interprets its input in the system encoding rather than, for example, UTF-8.
`%S`	Null-terminated array of 16-bit Unicode characters
`%p`	Void pointer (`void *`), printed in hexadecimal with the digits 0–9 and lowercase a–f, with a leading `0x`
`%L`	Length modifier specifying that a following `a`, `A`, `e`, `E`, `f`, `F`, `g`, or `G` conversion specifier applies to a `long double` argument
`%a`	64-bit floating-point number (`double`), printed in scientific notation with a leading `0x` and one hexadecimal digit before the decimal point using a lowercase `p` to introduce the exponent
`%A`	64-bit floating-point number (`double`), printed in scientific notation with a leading `0X` and one hexadecimal digit before the decimal point using a uppercase `P` to introduce the exponent
`%F`	64-bit floating-point number (`double`), printed in decimal notation
`%z`	Length modifier specifying that a following `d`, `i`, `o`, `u`, `x`, or `X` conversion specifier applies to a `size_t` or the corresponding signed integer type argument
`%t`	Length modifier specifying that a following `d`, `i`, `o`, `u`, `x`, or `X` conversion specifier applies to a `ptrdiff_t` or the corresponding unsigned integer type argument
`%j`	Length modifier specifying that a following `d`, `i`, `o`, `u`, `x`, or `X` conversion specifier applies to a `intmax_t` or `uintmax_t` argument

그 외

NSString* str1 = @”Objective-C 2.0 Programming. “;
NSString* str2 = @”xCode is Powerful. “;
NSString* str3;
NSString* strNum = @”7.7″;
NSString* tmp;
NSMutableString* mutableString;

NSComparisonResult compareResult;
NSRange range;

// 빈 문자열 생성str3 = [NSString string];

// 문자열로 새로운 문자열 생성str3 = [NSString stringWithString:@"stringWithString"];
NSLog(@”%@”, str3);

str3 = [[NSString alloc] initWithString:@”initWithString”];
NSLog(@”%@”, str3);
[str3 release];

// 문자열 길이NSLog(@”length of %@ : %i”, str1, [str1 length]);
NSLog(@”length of %@ : %i”, str2, [str2 length]);

// 문자열 복사tmp = [NSString stringWithString:str1];
NSLog(@”tmp : %@”, tmp);

// 문자열 합치기tmp = [str1 stringByAppendingString:str2];
NSLog(@”%@ + %@ = %@”, str1, str2, tmp);

// 문자열 비교tmp = str1;
if ( [str1 isEqualToString:tmp] == YES )
NSLog(@”%@ == %@”, tmp, str1);
else
NSLog(@”%@ != %@”, tmp, str1);

// 문자열 비교(대소문자 구분)compareResult = [str1 compare:str2];
if (compareResult == NSOrderedAscending)
NSLog(@”%@ < %@”, str1, str2);
else if (compareResult == NSOrderedSame)
NSLog(@”%@ == %@”, str1, str2);
else
NSLog(@”%@ > %@”, str1, str2);

// 문자열 비교(대소문자 구분하지 않음)compareResult = [str1 caseInsensitiveCompare:str2];
if (compareResult == NSOrderedAscending)
NSLog(@”%@ < %@”, str1, str2);
else if (compareResult == NSOrderedSame)
NSLog(@”%@ == %@”, str1, str2);
else
NSLog(@”%@ > %@”, str1, str2);

// 첫문자가 대문자이고 나머지가 소문자인 문자열 리턴tmp = [str2 capitalizedString];
NSLog(@”%@”, tmp);

// 대문자로 변환tmp = [str1 uppercaseString];
NSLog(@”%@ -> %@”, str1, tmp);

// 소문자로 변환tmp = [str2 lowercaseString];
NSLog(@”%@ -> %@”, str2, tmp);

// UTF-8 형식의 문자열 리턴const char* utf8str = [str1 UTF8String];

// 특정 인덱스의 유니코드 문자 반환unichar ch = [str2 characterAtIndex:7];
NSLog(@”%c”, ch);

// 특정 인덱스까지의 문자열 반환tmp = [str1 substringToIndex:15];
NSLog(@”%@”, tmp);

// 특정 인덱스부터 문자열 끝까지 반환tmp = [str2 substringFromIndex:9];
NSLog(@”%@”, tmp);

// 문자열 중간부분 반환tmp = [str1 substringWithRange:NSMakeRange(7, 14)];
NSLog(@”%@”, tmp);

// 문자열 내부 검색range = [str2 rangeOfString:@"Power"];
if (range.location == NSNotFound)
NSLog(@”not found”);
else
NSLog(@”at index %i, length %i”, range.location, range.length);

// 문자열이 특정 문자열로 시작하는지 확인BOOL bRet = [str1 hasPrefix:@"Obj"];
if (bRet)
NSLog(@”Obj로 시작하는 문자열”);

// 문자열이 특정 문자열로 끝나는지 확인bRet = [str2 hasSuffix:@"Power"];
if (bRet)
NSLog(@”Power 로 끝나는 문자열”);

// 문자열을 double 값으로 변환double dblValue = [strNum doubleValue];
NSLog(@”%g”, dblValue);

// 문자열을 float 값으로 변환float fValue = [strNum floatValue];
NSLog(@”%f”, fValue);

// 문자열을 int 값으로 변환int iValue = [strNum intValue];
NSLog(@”%i”, iValue);

// 임의의 길이를 가진 빈 문자열 생성mutableString = [NSMutableString stringWithCapacity:10];
mutableString = [[NSMutableString alloc] initWithCapacity:10];
[mutableString release];

mutableString = [NSMutableString stringWithString:str2];

// 특정 인덱스 위치에 문자열 넣기[mutableString insertString:@"most " atIndex:9];
NSLog(@”%@”, mutableString);

// 문자열 끝에 새로운 문자열 붙이기[mutableString appendString:@" dev tool!!"];
NSLog(@”%@”, mutableString);

// 특정 범위 삭제[mutableString deleteCharactersInRange:NSMakeRange(23, 12)];
NSLog(@”%@”, mutableString);

// 특정 문자열 검색 후 삭제range = [mutableString rangeOfString:@"Power"];
if (range.location != NSNotFound)
{
[mutableString deleteCharactersInRange:range];
NSLog(@”%@”, mutableString);
}

// 문자열 설정[mutableString setString:@"xCode is Powerful. "];
NSLog(@”%@”, mutableString);

// 특정 범위를 새로운 문자열로 대치[mutableString replaceCharactersInRange:NSMakeRange(0, 5) withString:@"Apple xCode"];
NSLog(@”%@”, mutableString);

// 특정 문자를 모두 대치NSString* searchWord = @”o”;
NSString* replaceWord = @”0″;
[mutableString replaceOccurrencesOfString:searchWord withString:replaceWord options: (NSStringCompareOptions)nil range:NSMakeRange(0, [mutableString length])];
NSLog(@”%@”, mutableString);

VK_ 가상키값

잠덜 — Wed, 21 Dec 2011 18:08:32 +0900

Symbloic name Value(in hex) Mouse or keyboard equivalent
------------- ------------- ----------------------------
VK_LBUTTON 01 Left mouse button
VK_RBUTTON 02 Right mouse button
VK_CANCEL 03 Used for control break processing
VK_MBUTTON 04 Middle mouse button(three-button mouse)
-- 05-07 Undefined
VK_BACK 08 BACKSPACE key
VK_TAB 09 TAB key
-- 0A0B Undefined
VK_CLEAR 0C CLEAR key
VK_RETURN 0D ENTER key
-- 0E0F Undefined
VK_SHIFT 10 SHIFT key
VK_CONTROL 11 CTRL key
VK_MENU 12 ALT key
VK_PAUSE 13 PAUSE key
VK_CAPITAL 14 CAPS LOCK key
-- 15-19 Reserved for Kanji systems
-- 1A Undefined
VK_ESCAPE 1B ESC key
-- 1C-1F Reserved for Kanji systems
VK_SPACE 20 SPACEBAR
VK_PRIOR 21 PAGE UP key
VK_NEXT 22 PAGE DOWN key
VK_END 23 END key
VK_HOME 24 HOME key
VK_LEFT 25 LEFT ARROW key
VK_UP 26 UP ARROW key
VK_RIGHT 27 RIGHT ARROW key
VK_DOWN 28 DOWN ARROW key
VK_SELECT 29 SELECT key
-- 2A OEM specific
VK_EXECUTE 2B EXECUTE key
VK_SNAPSHOT 2C PRINT SCREEN key for Windows 3.0 and
later
VK_INSERT 2D INS key
VK_DELETE 2E DEL key
VK_HELP 2F HELP key
VK_0 30 0 key
VK_1 31 1 key
VK_2 32 2 key
VK_3 33 3 key
VK_4 34 4 key
VK_5 35 5 key
VK_6 36 6 key
VK_7 37 7 key
VK_8 38 8 key
VK_9 39 9 key
-- 3A40 Undefined
VK_A 41 A key
VK_B 42 B key
VK_C 43 C key
VK_D 44 D key
VK_E 45 E key
VK_F 46 F key
VK_G 47 G key
VK_H 48 H key
VK_I 49 I key
VK_J 4A J key
VK_K 4B K key
VK_L 4C L key
VK_M 4D M key
VK_N 4E N key
VK_O 4F O key
VK_P 50 P key
VK_Q 51 Q key
VK_R 52 R key
VK_S 53 S key
VK_T 54 T key
VK_U 55 U key
VK_V 56 V key
VK_W 57 W key
VK_X 58 X key
VK_Y 59 Y key
VK_Z 5A Z key
-- 5B5F Undefined
VK_NUMPAD0 60 Numeric keypad 0 key
VK_NUMPAD1 60 Numeric keypad 1 key
VK_NUMPAD2 60 Numeric keypad 2 key
VK_NUMPAD3 60 Numeric keypad 3 key
VK_NUMPAD4 60 Numeric keypad 4 key
VK_NUMPAD5 60 Numeric keypad 5 key
VK_NUMPAD6 60 Numeric keypad 6 key
VK_NUMPAD7 60 Numeric keypad 7 key
VK_NUMPAD8 60 Numeric keypad 8 key
VK_NUMPAD9 60 Numeric keypad 9 key
VK_MULTIPLY 6A Numeric Multiply key
VK_ADD 6B Numeric Add key
VK_SEPARATOR 6C Numeric Separator key
VK_SUBTRACT 6D Numeric Subtract key
VK_DECIMAL 6E Decimal key
VK_DIVIDE 6F Divide key
VK_F1 70 F1 key
VK_F2 71 F2 key
VK_F3 72 F3 key
VK_F4 73 F4 key
VK_F5 74 F5 key
VK_F6 75 F6 key
VK_F7 76 F7 key
VK_F8 77 F8 key
VK_F9 78 F9 key
VK_F10 79 F10 key
VK_F11 7A F11 key
VK_F12 7B F12 key
VK_F13 7C F13 key
VK_F14 7D F14 key
VK_F15 7E F15 key
VK_F16 7F F16 key
VK_F17 80H F17 key
VK_F18 81H F18 key
VK_F19 82H F19 key
VK_F20 83H F20 key
VK_F21 84H F21 key
VK_F22 85H F22 key
VK_F23 86H F23 key
VK_F24 87H F24 key
-- 88-8F Unassigned
VK_NUMLOCK 90 NUM LOCK key
VK_SCROLL 91 SCROLL LOCK key
-- 929B Unassigned
-- BAC0 OEM specific
-- C1DA Unassigned
-- DBE4 OEM specific
-- E5 Unassigned
-- E6 OEM specific
-- E7E8 Unassigned
-- E9F5 OEM specific
-- F6FE Unassigned

C#으로 윈도우API사용 및 시스템 제어 접근가능합니까?

잠덜 — Tue, 20 Dec 2011 18:13:25 +0900

http://www.sky.ph/board/content.asp?cate=board7&idx=2802&page=9&search=&searchstring=

저는 자바/PHP로 웹 프로그램을 개발하는 사람입니다..
자바로는 시스템에 접근이 쉽지가 않아요..자바의 장점이자 단점이죠..보안과 관련한..
지금 온라인게임 자동사냥매크로를 개발하려고 합니다만 원래대로라면 VC++이 최강이겠죠..
그런데 VB.NET나 C#으로도 윈도우 응용 소프트웨어 개발(자바와같지 않고) 및 온라인게임
자동 사냥 매크로 개발이 가능한지 알고 싶습니다..
게임 매크로라는것은 윈도우 메모리의 수많은 주소들을 검색하고 찾아서 게임의 관련된 자료를 찾아서
접근해야 하는걸로 알고 있는데 이럴려면 C/C++포인터(번지) 연산이 불가피하지 않을까요?
C#에도 자바와 같지 않게 포인터 연산이 지원되는지 모르겠네요..
어차피 C/C++문법은 알고 있어요..문법만!
건너뛰고 C#으로 온라인게임 자동사냥 매크로 개발을 목적으로 공부를 할 수 있다면 했으면 합니다..
가능한가요?

일단, 가능합니다.
게임 가드가 있지 않는 이상은 가능하구요
가드가 있다면, 가드를 무력화시키거나
입력을 기계화(키 이벤트를 날리지 않고 키보드가 직접 누르는 것 같은 효과)
시키던지 해야 할 것입니다.
그런건 무시하고 원하시는 방법은 가능합니다.
Win32API는 DllImport를 이용해서 C#에서 불러 쓸 수 있고,
C/C++로 만든 DLL을 불러서 쓸 수도 있습니다.

제가 온라인게임 메크로를 만들 때 사용했던 Win32API들입니다
제가 제대로 사용을 못해서 그런진 몰라도 안되는 것들도 있었습니다.
그런건 C++로 DLL을 만들어서 사용했습니다.
AnotherAPI를 불러온 부분이 그 부분입니다.

#region -- API 정의
    public class Win32API
    {
        [DllImport("user32.dll")]
        public static extern IntPtr FindWindow(string lpClassName, string lpWindowName);

        [DllImport("User32.dll")]
        public static extern void PostMessage(IntPtr hWnd, int nMsg, int nWparam, int nLparam);
        [DllImport("User32.dll")]
        public static extern void SendMessage(IntPtr hWnd, int nMsg, int nWparam, int nLparam);
        [DllImport("User32.dll")]
        public static extern void SetWindowText(IntPtr hWnd, string strName);

        [DllImport("User32.dll")]
        public static extern IntPtr GetWindowDC(IntPtr hWnd);
        [DllImport("user32.dll")]
        public static extern bool GetClientRect(IntPtr hWnd, [In, Out] ref RECT rect);
        [DllImport("user32.dll")]
        public static extern bool ScreenToClient(IntPtr hWnd, [In, Out] ref RECT rect);

        [DllImport("User32.dll")]
        public static extern void keybd_event(byte bVk, byte bScan, int dwFlags, int dwExtraInfo);
        [DllImport("user32.dll")]
        public static extern void mouse_event(int dwFlags, int dx, int dy, int cButtons, int dwExtraInfo);
        [DllImport("user32.dll")]
        public static extern void SetCursorPos(int nX, int nY);
        [DllImport("user32.dll")]
        public static extern void GetCursorPos(IntPtr Point);

        [DllImport("user32.dll")]
        public static extern bool RegisterHotKey(IntPtr hWnd, int id, int fsModifiers, int vlc);
        [DllImport("user32.dll")]
        public static extern bool UnregisterHotKey(IntPtr hWnd, int id);

        [DllImport("gdi32.dll")]
        public static extern IntPtr CreateDC(string str1, int n1, int n2, int n3);
        [DllImport("gdi32.dll")]
        public static extern int GetPixel(IntPtr hWnd, int nX, int nY);

        [DllImport("kernel32")]
        public static extern bool WritePrivateProfileString(string lpAppName, string lpKeyName, string lpString, string lpFileName);
        [DllImport("kernel32")]
        public static extern uint GetPrivateProfileInt(string lpAppName, string lpKeyName, int nDefault, string lpFileName);
        [DllImport("kernel32")]
        public static extern int GetPrivateProfileString(string lpAppName, string lpKeyName, string lpDefault, StringBuilder lpReturnedString, int nSize, string lpFileName);

        [DllImport("AnotherAPI")]
        public static extern void Gamji(bool bIsGamji, uint nMem);
        [DllImport("AnotherAPI")]
        public static extern int ReadMem(int nMemAddress);
        [DllImport("AnotherAPI")]
        public static extern int ReadMem1B(int nMemAddress);
        [DllImport("AnotherAPI")]
        public static extern void TerminateMetin();

        [DllImport("user32.dll")]
        public static extern void SetForegroundWindow(IntPtr hWnd);

        [DllImport("user32.dll")]
        public static extern void BringWindowToTop(IntPtr hWnd);

        [DllImport("winmm.dll")]
        public static extern int PlaySound(String pszSound, int hmod, int falgs);
    }
    #endregion

php preg_replace 함수를 이용한 정규식 태그 필터링

잠덜 — Thu, 23 Jun 2011 10:55:20 +0900

데모 - http://demo.widgets.co.kr/?c=64/81/82

매뉴얼:
http://kr2.php.net/manual/kr/function.preg-replace.php
http://kr2.php.net/manual/kr/function.preg-match.php
http://kr2.php.net/manual/kr/function.str-replace.php

iframe 제거
$STRING=preg_replace("!<iframe(.*?)<\/iframe>!is","",$STRING);

script 제거
$STRING=preg_replace("!<script(.*?)<\/script>!is","",$STRING);

meta 제거
$STRING=preg_replace("!<meta(.*?)>!is","",$STRING);

style 태그 제거
$STRING=preg_replace("!<style(.*?)<\/style>!is","",$STRING);

 를 공백으로 변환
$STRING=str_replace(" "," ",$STRING);

연속된 공백 1개로
$STRING=preg_replace("/\s{2,}/"," ",$STRING);

태그안에 style= 속성 제거
$STRING=preg_replace("/ style=([^\"\']+) /"," ",$STRING); // style=border:0... 따옴표가 없을때
$STRING=preg_replace("/ style=(\"|\')?([^\"\']+)(\"|\')?/","",$STRING); // style="border:0..." 따옴표 있을때

태그안의 width=, height= 속성 제거
$STRING=preg_replace("/ width=(\"|\')?\d+(\"|\')?/","",$STRING);
$STRING=preg_replace("/ height=(\"|\')?\d+(\"|\')?/","",$STRING);

img 태그 추출 src 추출
preg_match("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i",$STRING,$RESULT);
preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i",$STRING,$RESULT);

호스트 추출
<?
preg_match("/^(http:\/\/)?([^\/]+)/i","http://www.naver.com/index.html",$matches);
$host = $matches[2];
echo$matches[0]."<br>";
echo$matches[1]."<br>";
echo$matches[2]."<br>";
?>
http://www.naver.com
http://
www.naver.com

데모 - http://demo.widgets.co.kr/?c=64/81/82

jQuery Mobile 기본 템플릿 사용 요약

잠덜 — Thu, 14 Apr 2011 17:56:25 +0900

헤더 선언

jQuery Mobile 사이트의 doctype 은 반드시 HTML5 doctype 으로 선언.
페이지 상단에 jQuery, jQuery Mobile, Mobile Theme CSS 를 참조.

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Page Title</title> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
    <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
</head> 
<body>
...
</body>
</html>

data-role="page"

<body> 태그 안에 뷰나 페이지 단위로 data-role=“page” 속성 명시
일반적으로 <div> 태그를 사용하므로…

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Page Title</title> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
    <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
</head> 
<body>
    <div data-role="page">
    ...
    </div>
</body>
</html>

header, content, footer

page 컨테이너 안에는 어떤 HTML 코드라도 들어갈 수 있으나,
jQuery Mobile 에서는 일반적으로 header, content, footer 가 들어가 있는 형태로 구성한다.

<body>
    <div data-role="page">
        <div data-role="header">...</div> 
        <div data-role="content">...</div> 
        <div data-role="footer">...</div>
    </div>
</body>

페이지 템플릿

아래는 jQuery Mobile 의 표준 템플릿 코드 이다.

<!DOCTYPE html> 
<html> 
	<head> 
	<title>Page Title</title> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
	<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
</head> 
<body> 

<div data-role="page">

	<div data-role="header">
		<h1>Page Title</h1>
	</div><!-- /header -->

	<div data-role="content">	
		<p>Page content goes here.</p>		
	</div><!-- /content -->

	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /header -->
</div><!-- /page -->

</body>
</html>

외부 페이지 연결

외부 링크(href)는 내부적으로 Ajax 요청(Hijax)으로 변환되고, 로딩 중 화면이 표시된다.
Ajax 요청이 성공하면, 새로운 페이지 콘텐트가 DOM 에 추가되고, 새로운 페이지는 페이지 전환 효과와 함께 나타난다.
Ajax 요청이 실패하면, 조그만 에러 메시지를 오버레이 형태로 보여준다.

로컬 링크와 페이지 내부 링크

하나의 HTML 문서는 여러개의 'pages' 를 포함할 수 있다.
각 'page' 블럭은 고유 아이디를 갖고 있어야 한다. (id=“foo”)
고유 아이디는 내부 링크에 사용될 수 있다. (href=”#foo”)

<body> 
<!-- Start of first page -->
<div data-role="page" id="foo">

	<div data-role="header">
		<h1>Foo</h1>
	</div>

	<div data-role="content">	
		<p>I'm first in the source order so I'm shown as the page.</p>		
		<p>View internal page called <a href="#bar">bar</a></p>	
	</div>

	<div data-role="footer">
		<h4>Page Footer</h4>
	</div>
</div>
<!-- /page -->

<!-- Start of second page -->
<div data-role="page" id="bar">

	<div data-role="header">
		<h1>Bar</h1>
	</div>

	<div data-role="content">	
		<p>I'm first in the source order so I'm shown as the page.</p>		
		<p><a href="#foo">Back to foo</a></p>	
	</div>

	<div data-role="footer">
		<h4>Page Footer</h4>
	</div>
</div>
<!-- /page -->
</body>

링크될 페이지가 data-role=“page” 를 여러개 갖고 있을 경우,
링크에 rel=“external” 속성을 붙여준다.
<a href=“multipage.html” rel=“external”>Multi-page link</a>

[출처]http://webkebi.zany.kr:9001/doku.php?do=export_xhtml&id=cate_web%3Aanatomy_of_page%3Astart

css에서 사용할수 있는 대표적인 태그들

잠덜 — Wed, 6 Apr 2011 11:32:59 +0900

CSS 는 문서의 모양을 정의하는 속성을 모아놓은 언어이다. html 로만 변형시키기 힘든 갖가지 속성을 정의 할 수 있기 때문에 홈페이지를 꾸밀때 많이 사용한다. 스타일시트는 외부 정의와, 내부 정의로 나눌 수 있는데, 별 차이는 없고, 그저 외부에 정의 하게 되면 한개의 큰 css파일을 가져다 씀으로써 다른 모든 htrml 파일에서 쓸 수 있다는 장점이 존재한다. html 내에서 css파일을 정의하는 방법은 매우 간단하다.

<head>
<style type="text/css">
<!--

(스타일 정의)

-->
</style>
</head>

그동안별로 거들떠 보지 않았던 head 파일 내부에 style type을 통해서 정의한다. 이렇게 정의된 파일은 html 내부에 만들었을경우에는 바로 가져다 쓸 수 있다. 하지만, 외부에 myStyle.css 와 같이 만들었다면 html 안에서는 별도의 로딩 과정을 필요로 하게 된다. 이때 사용하는 명령어가,

<head>

</head>

명령어 이다. 가장 뒤쪽의 href 에는 자신의 css파일이 위치한 경로를 쓰면된다. 같은 폴더 내일 경우엔 이름만 써주면 된다. 여ㅣ까지 되었으면 css를 사용하기 위한 준비는 끝난 셈이다. 이제부터 나만의 스타일을 정의해보자.

1. 스타일 정의 유형

1) tag { 정의 } : 해당 태그에 스타일 적용

- 우리는 html을 보면서 <span> 태그나 <p> 태그를 보았다. 이러한 태그에 직접적으로 적용하는 css 정의 유형이다. 예를들어서 p {font-family:휴먼매직체; font-size:20pt;} 라고 정의하였다면. <p></p> 태그안에 위치한 글들은 모두 휴먼매직체에 20px의 크기를 가지게 된다.

2) tag, tag, ... tag { ... } : 여러종류의 태그에 같은 스타일을 적용

- 여러개의 태그에 동일 속성을 적용할 때 사용한다 span,p {font-family:휴먼매직체; font-size:20pt;} 라고 적용 함으로써,

span과 p태그 를 사용하였을때 모두, 정의된 속성이 적용되도록 한다.

3) tag1 tag2 {....} : tag1 내의 tag2 에만 적용되도록 한다.

- P B {font-family:휴먼매직체; font-size:20pt;}라고 정의 한다면, <P>아니요. <B>그렇지 않아요</B></P>

라고 정의가 되엇다면, 위에 쓰여진 속성은 '아니요' 라는 글에는 적용되지 않고 <B></B> 안에 위치한 ' 그렇지않아요' 라는

글 에만 적용이 된다.

4) tag.class_name {...} : 클래스를 통한 적용

- 어떤 p로 묶인 글에는 20pt, 어떤 p로 묶인 글에는 15pt을 적용하고 싶을때 사용한다. 정의는 p.big{font-size:20pt;}, p.small{font-size:15pt}; 와 같은 형식으로 선언후에 사용 시점에 <p class=big></p> 와 같은 형식으로 사용하면, 20pt의 글씨를, big을 small로 바궈서 사용하게 되면, 15pt의 글씨를 사용 할 수 있다.

2. 다양한 속성

1) 폰트 관련 속성

font-family : 글꼴이름 - 글꼴을 설정한다.

font-size: 크기 - 글자 크기를 설정한다.

font-style : 스타일종류 - 글자 스타일을 설정한다. (normal, italic)

font - weight : 종류 - 글자 weight를 설정한다. (normal, bold)

letter-spacing : 숫자px - 글자 간격을 조정한다.

font-color : 색상 - 글자 색상을 조절한다.

text-decoration:종류 - 기타 (none, underline, overline ..)

text-align:위치 - 가로방향 정렬 (left, center, right)

vertical-align:위치 - 세로방향 정렬(top,middle, bottom)

text-indent: 숫자px - 들여쓰기

line-height:숫자px - 줄간격

white-space:종류 - 줄바꿈방지(normal,nowarp)

text-transform:종류 - 대소문자(uppercase,lowercase,capitalize)

background-color: 색상 - 글자 배경 색상

2) 배경 관련 속성

background-image:src('주소') - 배경 이미지를 설정한다.

background-repeat:속성 - 배경 이미지 반복 여부를 결정한다. (repeat,no-repeat,repeat-x,repeat-y)

background-position:Lpx Tpx -Left 여백, Top여백을 설정한다.

3) 박스 관련 속성

.my { border-top-style : solid;

border-bottom-style : dashed;

border-left-style : solid;

border-right-style : solid; }

위의 예제 에서 보면, border의 왼쪽 오른쪽 위 아래를 정의하고 있다. 여기에 들어 갈 수 있는 값들은

none : 기본선

hidden: 외각선 숨김

solid : 실선

double : 두줄

groove : 선이 안쪽으로 들어간 느낌

ridge , inset, outse, : 생략

dashed : 점선

dotted : 짧은 점선

등이 있다. 생략을 한 이유는 말로 설명해도 이해하기 어렵기 때문에, 직접 보는게 빠르기에 생략 하였다.

스타일 뿐만 아니라, 박스에는 border-width , border-height, , border-color 등도 설정할 수 있다. 일반적으로 박스를 만들

때에는 div 명령어를 사용한다.

<div class="my"> 내용 </div> 를 하면, 박슥 그려지는 것을 볼 수 있을 거이다.

4) 스크롤바 색상 지정

scrollbar-face-color	스크롤바 전체 색상
scrollbar-shadow-color	스크롤바 그림자부분
scrollbar-highlight-color	스크롤바 밝은쪽
scrollbar-track-color	스크롤 트랙
scrollbar-arrow-color	화살표

[출처] [HTML] 6. 멋진 스타일. Css 사용하기 (모든 가능성의 무한세계) |작성자 시아미즈

android 예제 중 ... throws Exception의 try catch

잠덜 — Tue, 29 Mar 2011 21:42:26 +0900

//바이트 데이터 -> 파일
private static void data2file(Context context, byte[] w,String fileName) throws Exception {
//익셉션에 던져준다(throws 한다.)

OutputStream out=null;
//Exception 에 던저 예외처리를 시작

try {

//파일 출력 스트림의 개방 （3）

out=context.openFileOutput(fileName,

Context.MODE_PRIVATE);

//바이트 배열의 쓰기 (4）

out.write(w,0,w.length);

//파일 출력 스트림의 닫기 (5）

out.close();

} catch (Exception e) {

try {

if (out!=null) out.close();

} catch (Exception e2) {

}

throw e;//자신을 호출한 부모에게 던져준다.

}

Android ListActivity 기본 예제(주석포함)

잠덜 — Tue, 29 Mar 2011 20:13:53 +0900

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/hello"
    />
<Button android:text="Button" android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content"></Button>
</LinearLayout>

package com.antbee.AntListActivity;

import android.app.ListActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListAdapter;
//import android.widget.SimpleAdapter;

public class AntList extends ListActivity{
ListAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
  // TODO Auto-generated method stub
  super.onCreate(savedInstanceState);
  adapter = createAdapter();
     setListAdapter(adapter); //setView대신 setListAdapter를 사용
}

protected ListAdapter createAdapter()    {    //adapter = createAdapter(); 될때 내용을 만들도록
   // Create some mock data
   String[] testValues = new String[] {    //리스트 필드 내용을 넣는다.
     "Test1",
     "Test2",
     "Test3"
   };
   // Create a simple array adapter (of type string) with the test values
   ListAdapter adapter = new ArrayAdapter<String>(//어뎁터를 가지고 리스트를 뿌린다.
     this,
     android.R.layout.simple_list_item_1,
     testValues
  );
   return adapter;
}
}

android startActivityForResult 예제(주석 포함)

잠덜 — Tue, 29 Mar 2011 20:04:49 +0900

// **********************************메인 액티비티 ******************* //
package com.antbee.ActivityResult;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.ListAdapter;
import android.widget.Toast;

public class MainActivity extends Activity {
/** Called when the activity is first created. */
private final static int SECOND_ACTIVITY = 2;
Button callButton;
ListAdapter adapter;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        callButton = (Button) findViewById(R.id.button1);
        callButton.setOnClickListener(new View.OnClickListener() {

   @Override
   public void onClick(View v) {//클릭을 할때마다
    // TODO Auto-generated method stub
    //새로운 Activity 를 만들기 위하여 초기화 해 선언한다.
    Intent intent = new Intent();
    //어떤 패키지인가? ,    패키지 안에 어떤 객체를 셋팅 할 것인가?
    intent.setClassName("com.antbee.ActivityResult", "com.antbee.ActivityResult.SecondActivity");
    //AJAX통식 방식으로 다른 ACTIVITY와 통신하기 위해서는 startActivityForResult를 사용
    startActivityForResult(intent, SECOND_ACTIVITY);
   }
  });


    }

    @Override
protected void onActivityResult(int requestCode, int resultCode, Intent intent) {
  // TODO Auto-generated method stub
  super.onActivityResult(requestCode, resultCode, intent);
  Bundle extraBundle;
  //MainActivity에서 부여한 번호표를 비교
  if(requestCode == SECOND_ACTIVITY){

   Log.d("SECOND_ACTIVITY_LOG","THIS CLOSE !!");//로그기록

   //번호표를 부여한 Activity의 실행 여뷰, 켄슬, 오케이, 등등 실행에 관련된 행위 구분
   if(resultCode == RESULT_OK){//세컨드 액티비티에서 이 값을 반환하는 코드가 동작 됐을때
    extraBundle = intent.getExtras();//번들로 반환됐으므로 번들을 불러오면 셋팅된 값이 있다.
    String str = extraBundle.getString("key1");//인자로 구분된 값을 불러오는 행위를 하고
    Toast.makeText(this, str, Toast.LENGTH_SHORT).show();//토스트로 튕겨준다.
   }
  }
}

}

// ****************************서브 액티비티 *********************************//
package com.antbee.ActivityResult;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class SecondActivity extends Activity{
Bundle extraBundle;
Intent intent;
Button button1;
@Override
protected void onCreate(Bundle savedInstanceState) {
  // TODO Auto-generated method stub
  super.onCreate(savedInstanceState);
  setContentView(R.layout.second);

  button1 = (Button) findViewById(R.id.button1);
  button1.setOnClickListener(new View.OnClickListener() {

   @Override
   public void onClick(View v) {
    // TODO Auto-generated method stub
    finish();
   }
  });
  extraBundle = new Bundle();
  //번들을 만든다. GET, POST와 비슷한 형태로 인자과 값을 지정한다.
  extraBundle.putString("key1", "this is key1");
  extraBundle.putString("key2", "this is key2");

  //번들을 새로 만들어 인텐트에 넣는다.
  intent = new Intent();
  intent.putExtras(extraBundle);
  //날 호출한 Activity 에게 번들을 돌려준다.
  this.setResult(RESULT_OK, intent);//RESULT_OK를 돌려주면 MainActivity 에서 받는다.
}

}

어렵게 생각하지말고 .... GET파라미터 전달 방법과 동일하다.
AJAX 통신이랑도 비슷한 행위로 이루어진다.