cURL이란? 커멘드 라인이나 소스코드를 이용해 손 쉽게 브라우저처럼 사용할 수 있게 해주는 툴 URL로 할 수 있는 모든 것을 커멘드라인을 이용하여 사용할 수 있도록 해주는 커맨드 명령어 툴
전체 글
WEB 개발과 관련된 지식을 기록하고자
아이콘에 마우스를 가져다대면, tip 말풍선을 보여주는 UI를 자주 볼 수 있습니다. 위의 사진과같은 기능은 CSS만으로도 구현이 가능합니다. HTML 원하는 tip 메세지 CSS .container { position: relative; } .tip{ position: absolute; top: 8px; left: 55px; font-size: 14px; line-height: 26px; text-align: center; background-color: #b3dfe6; border-radius: 50%; width: 24px; height: 24px; cursor: default; } .tip:before{ content:'?'; font-weight: bold; color:#fff; } .tip:h..
PHP의 ImageMagick을 이용하면, 이미지 관련된 여러 작업을 쉽게 할 수 있습니다. 예를 들어서, 이미지의 확장자, 사이즈, 회전, 색상, 여백등등 다양한 작업을 할 수 있습니다. PDF 파일을 Image 파일로 변경 convert target.pdf image.png 위의 명령어만으로도 변경가능합니다. 여기서 여러가지 옵션을 추가할 수 있는데, 제가 사용했던 옵션들은 아래에 정리해뒀습니다. Image 파일을 PDF파일로 저장 convert target.png pdf.pdf 그 반대의 경우도 마찬가지로 위의 간단한 명령어로 변경이 가능합니다. 여기서도 마찬가지로 여러가지 옵션을 사용할 수 있고, 만약에 여러 사진을 하나의 PDF파일로 변경하고 싶은 경우에는 -adjoin 옵션을 사용할 수 있습니..
$path = "file path"; $pdf = file_get_contents($path); $number = preg_match_all("/\/Page\W/", $pdf, $math); echo $number; 결과 (PDF의 페이지가 4장 존재하는 경우) 4
One Two Three Four Five select / option을 사용하면, 드롭박스 형태로 아이템을 표시할 수 있습니다. JS를 이용해서 다양한 조작을 할 수 있는데, 그 중에서 현재 선택된 option의 값을 가져오는 방법에 대해서 설명하겠습니다. selectedIndex dropBox.selectedIndex select요소에 selectedIndex 속성을 사용하면, 현재 선택되어진 option의 index 번호를 가져옵니다. 0부터 시작하게 되므로, 위에서 One이 선택되어 있다면, 0의 값을 가져오게 됩니다. options let seleted_idx = dropBox.selectedIndex; dropBox.options[selected_idx] options[idx]을 사용하게 되면..
흔한 CMS 프로그램에서 글을 업로드 한 뒤에, 뒤로가기 버튼을 누르게되면 제출한 Form 데이터가 그대로 남아있게 됩니다. 백엔드 설계에 따라 다르겠지만, 게시글을 클릭하여 상세보기에서 삭제버튼을 눌러 삭제하는 경우에도, 삭제 후 뒤로가기 버튼을 누르게되면 삭제된 게시글의 내용이 그대로 보이게 됩니다. 이러한, 동작을 방지하기 위해서는 많은 방법들이 존재합니다. JS를 통해 방지하는 법, Ajax 통신, GET 방식 등등 2중 Submit을 방지하기 위한 방법 const createForm = document.getElementById("createForm"); let checkSubmit = false; saveBtn.addEventListener("click", e => { e.preventDefa..