개발자의 끄적끄적

[php/cors] php ajax cors error example / php ajax cors 에러 해결 방법 php 로 웹사이트를 개발하다보면 ajax 로 php 서버와 통신을 해야하는 경우가 있습니다. 그럴때는 ajax 로 호출하는 쪽 소스코드 최상단에 아래와 같이 header 옵션을 추가하시면 됩니다! header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Headers: *'); header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS'); 참고들 하세요!

[javascript/jquery] jquery datepicker select event example/ jquery datepicker 날짜 선택 이벤트 예제 jquery datepicker 를 이용하다보면 div 같은 영역에 datepicker 를 구현했을때 날짜를 선택한 이벤트를 수신해야 하는 경우가 있습니다. 그럴때는 아래와 같이 onSelect 이벤트를 이용하시면 됩니다! 예를들어 class 가 datepicker 인 div 가 있다고 가정하고, 위 div 안에 datepicker 를 구현하고 싶으면 아래와 같이 스크립트를 선언하시면 됩니다. $('.datepicker').datepicker({ onSelect: function(dateString) { console.log(dateString..

스프링부트를 사용해서 프로젝트를 개발하다 보면 톰캣이 내장되어 배포되기 때문에 서버 관련 설정방법이 약간 다릅니다! 그중에서 보안 이슈로 지적받는 사항중에 하나인 response header 의 server name 값을 변경하는 방법을 공유하려고 합니다! 스프링부트 설정파일은 기본적으로 아래와같이 2개중 선택해서 사용이 가능해서 2가지의 경우중 환경에 맞는걸 사용하시면 됩니다! 1. properties 파일의 경우 server.server-header=AAA 2. yml 파일의 경우 server: server-header: AAA 위와 같이 적용이 되고 재시작 후 크롬 콘솔에서 확인해보면 아래와 같이 Server: AAA 로 잘 적용되어 있는걸 확인할 수 있습니다! server name 뿐 아니라 각종..

[개발/참고] 시도/시군구 데이터베이스 다운 받는 곳 웹사이트를 개발하다보면 주소 검색 api 를 이용하기도 하지만, 시도/시군구 데이터를 조회해야 하는 경우가 있습니다! 그럴때는 api 혹은 자체 db에 구현하는 방법이 있는데요. 그중에서 자체 db 에 구현하려고 하는 경우에는 시도/시군구 데이터를 다운받아야 합니다! 우체국 사이트 들어가시면 해당 데이터를 다운 받을수 있습니다! 링크는 아래 달아 놓겠습니다! 링크 들아가시면! 이런 화면이 나오는데 여기서 빨간박스로 표시된 우편번호 DB파일 바로가기를 클릭 하면 아래와 같은 팝업이 열립니다! 이 팝업에서 빨간박스 표시된 지역별 주소 DB 를 다운받으면 각 시도별 주소 정보가 담긴 텍스트 파일이 압축되어 받아집니다! 그걸 엑셀로 열어서 원하는 주소 데이터..

[javascript/jquery] slick slide refresh example / slick 슬라이드 새로고침 example jquery 로 슬라이드를 표현하기 위해 slick 라이브러리를 사용하는 경우가 있습니다. 그중에서 슬라이드 안의 내용을 추가하고 재 설정을 해야 하는 경우가 있는데요. 그럴때는 아래 나온 내용처럼 refresh 해주면 정상반영 됩니다! $('#div_slider').slick('refresh'); 참고들 하세요!

[php] php excel set row height example / php 엑셀 행높이 설정 방법 php 에서 엑셀을 다루다 보면 특정 행의 높이를 조절해야 하는 경우가 있습니다. 그럴때는 아래와 같이 getRowDimension 을 이용하시면 됩니다. 1. PHP 구문의 경우 $objExcel->getActiveSheet()->getRowDimension("1")->setRowHeight( 50 ); 2. Codeigniter 프레임워크의 경우 $this->excel->getActiveSheet()->getRowDimension("1")->setRowHeight( 50 ); 둘다 똑같은 내용이지만, 코드이그나이터에서는 엑셀을 로드해서 $this->excel 로 많이 사용하기때문에 적어놓은 겁니다!..

[개발/참고] 팝업의 종류별 설명과 차이점 사이트 [링크] 홈페이지를 개발하다보면 팝업 / 모달 / 레이어 등등 팝업 관련된 단어들을 접하게 됩니다. 하지만, 각각의 차이점을 정확하게 모르는 경우가 많습니다. 그럴때 참고할만한 글이 있어서 공유하려고 합니다! 아래 링크 들어가시면, 팝업 / 모달 / 레이어 / 토스트 각각의 설명이 자세하게 잘 정리되어 있으니 참고들 하세요! 팝업의 종류 및 설명 사이트 : https://jeeeeehnmin.tistory.com/entry/%ED%8C%9D%EC%97%85%EC%9D%98-%EC%A2%85%EB%A5%98-%ED%8C%9D%EC%97%85-%EC%95%8C%EB%9F%BF-%EB%A0%88%EC%9D%B4%EC%96%B4-%ED%8C%9D%EC%97%85..

[javascript/jquery] 자바스크립트 차트 비교 설명 사이트 [링크] javascript 로 차트를 구현하려고 하다보면 여러가지 라이브러리들이 있어서 어떤걸 써야하나, 혹은 어떤 라이브러리들이 있나를 검색하게 마련입니다! 각각 라이브러리들이 약간씩 다르기때문에 구현하고자 하는 방향에 맞는걸 선택하게 되는데요! 그럴때 참고하면 도움이 될만한 사이트가 있어서 공유하고자 합니다! 아래 링크 들어가시면 19가지 차트 종류와 간략한 설명, 특징등을 볼수 있어서, 많은 도움이 되실듯 합니다! 참고들 하세요! 19가지 차트 비교 설명 사이트 : https://wikidocs.net/151141 009. 차트 생성을 위한 19 가지 온라인 도구 및 오픈소스 차트 사이트 모음 오늘날 세계에서 사람들은 분산 된..