개발이야기234

• [자바스크립트] javascript 특정영역 프린트 하기 특정영역 프린트 하는 스크립트 소스 입니다. function fn_print(){ var initBody = document.body.innerHTML; //body영역 저장 window.onbeforeprint = function () { //프린터 출력 전 이벤트 document.body.innerHTML = document.getElementById('div_print').innerHTML; //원하는 영역 지정 'div_print' } window.onafterprint = function () { //프린터 출력 후 이벤트 document.body.innerHTML = initBody; } window.print(); } 개발이야기/자바스크립트 2022. 9. 23.

• [PHP] str_replace array 배열로 문자열 변경 str_replace() 함수는 문자열을 검색해서 원하는 문자열을 변경할 수 있다. 간단한 문자열도 변경할 수 있고, 배열을 통해서 여러개의 문자열도 변경할 수 있다. 개발이야기/PHP 2022. 9. 23.

• [MySQL] group by count 사용하기, group by 총 count mysql group by 는 필드의 데이터를 그룹화 하여 데이터를 가져옵니다. group by 로 가장많이 사용하고 있는 count 사용법 입니다. select * from tb_test; id group user1 A user2 A user3 B user4 A user5 B user6 C id의 group 으로 묶어서 count를 추출 하였습니다. select `group`, count(id) as count from tb_test GROUP BY `group` group count A 3 B 2 C 1 group 으로 묶인 총 count 입니다. select count(a.`group`) as groupCnt from( select `group`, count(id) as count from tb_t.. 개발이야기/MySQL 2022. 9. 23.

• [MySQL] SELECT 결과 INSERT 하기 SELECT 결과를 INSERT 하기 위한 방법은 다양하게 사용된다. 모든 필드의 SELECT 결과 INSERT 하기 INSERT INTO 테이블명 SELECT * FROM 조회 테이블 넣고자 하는 필드의 SELECT 결과 INSERT 하기 INSERT INTO 테이블명 (필드1, 필드2, 필드3) SELECT 필드1, 필드2, 필드3 FROM 조회 테이블 테이블 2개 JOIN 후 SELECT 결과 INSERT 하기 INSERT INTO 테이블명 (필드1, 필드2, 필드3) SELECT 필드1, 필드2, 필드3 FROM 조회 테이블 a, 조회 테이블 b WHERE a.필드 = b.필드 사용예제 INSERT INTO 테이블명 (id, pw, reg_dt) SELECT id, pw, now() FROM us.. 개발이야기/MySQL 2022. 9. 23.

• [PHP] CURL 사용법, 데이터 전송/받기 curl은 http통신을 통해서 외부 사이트의 정보를 가져오는 함수 입니다. request의 data에 따라서 response를 받을 수 있습니다. curl의 많은 사용방법이 있지만 대표적으로 사용하는 post 방식 입니다. data를 array 형태로 만들어서 통신하고 있습니다. response는 json형식임을 감안해서 decode 하고 있습니다. 개발이야기/PHP 2022. 9. 22.

• 

  [jQuery] 상하롤링, 위아래 롤링 공지사항을 노출하기 위해 자주 사용하는 상하롤링, 위아래 롤링의 간단한 사용법 입니다. 소스 내용에 설명있으니 참조해서 사용하시면 됩니다. NOTICE [공지] 공지1 알려드립니다. [공지] 공지2 알려드립니다. 개발이야기/jQuery 2022. 9. 21.

• [PHP] 현재 페이지 정보가져오기, url 정보 php에서 메뉴 체크를 위해서는 현재 페이지(url)정보를 가져와야 한다. $_SERVER[ "HTTP_HOST" ] : 도메인 $_SERVER[ "REQUEST_URI" ] : 도메인 다음 부분 위의 서버함수를 통해서 간단히 가져올수 있다. 도메인 다음 부분의 url을 가져온 다음 PHP 내장함수 explode를 통해서 '/'를 기준으로 잘라준다. 아래의 page_name은 배열형태로 반환되는데, 경로를 확인해서 사용하시면 됩니다. 개발이야기/PHP 2022. 9. 16.

• [PHP] JSON 만들기, json_encode, json_decode json은 데이터를 가공하기에 필수적인 요소이므로 꼭 숙지하셔야 합니다. php 배열을 선언해주시고 내장함수로 json 형태로 변환 하시면 됩니다. timestamp 형태로도 쓸수 있으며, info 처럼 데이터 안에 배열을 선언 하실수도 있습니다. json_encode 출력결과는 json array가 포함된 object를 문자열로 변환한 형태 입니다. json_decode 로 데이터도 확인 하실 수 있습니다. 개발이야기/PHP 2022. 9. 15.

• 

  [PHP] ajax 이미지 업로드, 파일정보 FormData 객체를 통해서 HTML 폼데이터를 ajax통신으로 전송하는 소스 입니다. 스크립트를 통해서 파일확장자를 체크하고, swal confirm창으로 확인 후 test.php 로 값을 전송합니다. 아래는 HTML 화면 입니다. 업로드 파일명을 div 영역에 노출 시켜봤습니다. *보물명 *사진 업로드 등록 파일 확장자를 체크하고, ajax 통신을 하는 스크립트 소스 입니다. test.php (업로드 페이지 입니다) 파일이름을 만들고, uploadFile 함수를 통해서 간단히 업로드 기능을 구현하실수 있습니다. print_r로 통해서 정상적으로 파일 정보를 확인 하실수 있습니다. Array ( [treasure_upload] => Array ( [name] => 11111.jpg [type] => .. 개발이야기/PHP 2022. 9. 13.

• 

  [자바스크립트] chart.js 사용법, 예제, 차트 그리기 차트를 그리기 위해 많은분들이 사용하고 있는 Chart.js 라이브러리를 소개 합니다. canvas 태그를 사용하고, id를 지정 해줍니다. 스크립트는 다운받을 수 있으며, CDN으로 사용하실수도 있습니다. x축은 monthList로 최근 6개월을 나타냈으며, y축은 monthData로 표현 했습니다. chart type은 line으로 표현하고 label은 노출시키지 않았습니다. 다양한 예제는 아래 사이트에서 확인 하실 수 있습니다. https://www.chartjs.org/ Chart.js | Open source HTML5 Charts for your website New in 2.0 New chart axis types Plot complex, sparse datasets on date time,.. 개발이야기/자바스크립트 2022. 9. 13.

• 

  [jQuery] Fullcalendar 달력, 데이터 연동 (ajax) Fullcalendar 라이브러리로 달력을 구현하고, ajax 통신을 통해서 달력에 데이터를 표시 해보겠습니다. fullcalendar 라이브러리를 선언해주시고, 달력의 영역을 지정 해 줍니다. (id = "calendar") 달력의 초기설정값을 세팅해주시고, 저는 데이터를 보여드리기 위해 css를 약간 수정하였습니다. 달력의 데이터는 event 함수를 호출하시는 부분을 참고하시면 됩니다. ajax 통신을 통해서 데이터를 달력에 표시할 수 있습니다. 임시로 test.php 페이지에는 데이터를 넣어놨습니다. ajax 를 통해서 아래의 데이터를 가져오게 됩니다. eventRender 함수를 통해서 데이터에 표시되는 달력을 가공할수도 있습니다. 아래는 test.php 소스 입니다. (입맛에 맞게 가공하시면 됩.. 개발이야기/jQuery 2022. 9. 7.

• [PHP] log 파일 만들기 (fopen, fwrite) log 파일에는 필요한 정보를 쌓으시면 됩니다. 저는 서버의 name/ip 와 client의 ip/agent를 넣어 봤습니다. 로그파일을 보기좋게 json 형태로 저장하고, 일별로 쌓게 해뒀습니다. 개발이야기/PHP 2022. 9. 7.