동해둘리의 IT Study

php 에서 URL 파싱하는 두가지 방법 php에서 URL을 파싱할때는 기본적으로 parse_url 함수를 사용합니다. 예를 들어 아래와 같은 형식의 URL이 있을 경우 parse_url 함수로 url 을 파싱하면 1 2 3 4 5 6 7 8 9 10 $sURL="http://meriqueen-woolmark.com/200/01/test.html"; $arURL=parse_url($sURL); foreach($arURL as $key=>$data) { echo "[".$key."] : ".$data." "; } Colored by Color Scripter cs 다음과 같이 URL의 각 구성요소가 배열로 나뉘어 저장되게 됩니다. \ URL을 좀더 세부적으로 파싱하고자 할때 그런데, 위 결과의 path 값..

IT공부방/PHP 2021. 2. 5. 06:16

네이버 스마트에디터2 최신버전 네이버 스마트에디터는 공개소스로 네이버에서 무료로 배포하는 웹용 에디터 입니다. 네이버 개발자센터 에서는 더이상 배포하고 있지 않기 때문에, 블로그 등을 통해서 다운로드 하는 경우가 많은데 버전이 조금씩 달라서 기능도 차이가 있습니다 어떤 버전은 윗쪽에 HTML 버튼이 있고, 어떤 버전은 사진버튼이 있습니다 사진을 첨부할 때도 아래와 같이 마우스로 드래그해서 이미지를 추가하는 방식이 있고, 하나하나 선택하는 방식이 있습니다. 제가 아는 한 가장 최신 버전은 2.9 입니다. 그누보드에서도 스마트에디터를 사용하고 있습니다. 2.9 버전은 이미지 업로드시 드래그도 가능하고 파일을 직접 선택도 가능합니다. HTML 모드에서 유튜브소스코드 복사등을 할 경우 자동으로 제외되는 현상 버..

IT공부방/개발환경,오픈소스 2021. 1. 11. 05:09

CSS 그라데이션 적용하기 CSS를 이용하여 그라데이션을 넣기 위해서는 linear-gradient 옵션을 이용하면 됩니다 linear-gradient 속성은 기본적으로 두개의 인자를 받는데요, white, green 등으로 두가지 색상을 설정하면 두개의 색상이 부드럽게 변해가면서 그라데이션을 만들게 됩니다 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 div { background-image: linear-gradient(white, green); } Colored by Color Scripter cs 아래와 같이 방향 옵션을 주게되면 오른쪽 제일 하단방향, 즉 좌측 상단에서 우측하단 방향으로 그라데이션이 적용됩니다 linear-gradient(to bottom right, wh..

IT공부방/HTML5, CSS 2020. 12. 2. 05:59

php 문자열 찾기 strpos() php 에서 문자열에 포함된 특정 문자의 위치를 찾기 위해 사용하는 함수는 strpos() 함수로 가능합니다. strpos([대상 문자열], [조건 문자열], [검색 시작위치]); strpos 함수는 위와 같이 사용하는데요, 실제 코드를 예로 들어보면 다음과 같습니다. 맨 마지막 인자인 [검색 시작위치]는 생략이 가능합니다. 생략시 맨 처음부터 찾게 됩니다. echo strpos("php string position", "string"); 위와 같은 코드를 실행할 경우 string 이라는 문자열이 맨 앞에서 부터 5번째에 발견되는데요, 0부터 시작하기 때문에 결과값은 4로 나오게 됩니다 문자열을 찾지 못한 경우에는 false 를 리턴합니다 javascript 문자열 찾..

IT공부방/PHP 2020. 11. 8. 01:15

화상채팅 / 실시간화상회의 솔루션 코로나 여파로 화상채팅/ 화상회의 솔루션을 이용한 온라인 수업을 실시하는 학교와 기관이 늘어나고 있습니다. 줌(ZOOM) 을 이용하거나 구글미트(Google meet) 등의 솔루션을 이용하는 경우가 많은데요, 많은 사람들이 접속하다 보니 간혹 접속오류가 발생하는 경우가 많습니다. 내 마음대로 바꾸기 어려운 줌(Zoom) 과 구글미트(Google Meet) 줌(ZOOM) 이나 구글미트(Google Meet) 를 이용할 경우, 접속오류 외에도 또 한가지 아쉬운 점이 있습니다. 바로 내 마음대로 커스터마이징을 하지 못한다는 것입니다. 화상회의 솔루션을 직접 만들어보자 화상회의 솔루션을 직접 만든다면 내 마음대로 커스터마이징이 가능하겠지만, 그러기에는 많은 어려움이 있습니다. ..

IT공부방/jQuery, ajax, java 2020. 9. 6. 10:14

팝업창을 열고 난 후, 팝업창이 닫힐때 이벤트 팝업창을 열고 난 후 해당 팝업창이 닫힐때 이벤트를 처리해야 되는 경우가 있습니다. 예를 들어 메인에서 바코드를 입력받는 경우 팝업창이 열리게 되면 바코드 입력란이 포커스를 잃게되기 때문에 팝업창이 닫히게 되면 다시 포커스를 설정해 주어야 합니다. 메인에서 처리하기/ 팝업창에서 처리하기 두가지 방법으로 처리할 수 있겠는데요, 팝업창 내에서 onunload() 이벤트를 잡아서 처리하는 방법이 있고, 메인에서 팝업창을 열때 핸들러를 이용하는 방법이 있습니다 아래와 같이 window.open 으로 팝업을 띄울 때 핸들러를 받을 수 가 있는데요. 이 핸들어의 onbeforeunload() 이벤트를 잡아서 원하는 동작 (예를 들어 포커스를 설정)을 하면 되겠습니다 1..

IT공부방/jQuery, ajax, java 2020. 7. 18. 17:44

이미지변경시 이미지 클릭하면 파일선택창 바로 띄우기 이미지를 변경하고자 할때, input 태그를 사용하면 화면에 파일선택바가 나타나게 되는데요, 아래의 빨간색 부분과 같이 해당 이미지를 클릭하면 바로 파일선택창이 뜨도록 하고 싶을때가 있습니다 즉, 아래와 같이 동작하게 하고 싶은경우 입니다 전체 코드는 다음과 같습니다. 간략하게 설명드리면 우선, id가 target_img인 부분이 변경하고자 하는 이미지 입니다. 그 이미지가 클릭될 경우 태그 내에 있는 target_url 부분에 선택된 이미지 URL 을 세팅하고, 파일태그에 클릭이벤트를 발생시키는 겁니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 $('#target_img').click(function (e)..

IT공부방/jQuery, ajax, java 2020. 7. 8. 09:51

PHP폴더 하위폴더까지 한번에 복사하기 PHP 에서 폴더나 파일을 복사하기 위한 함수로 copy() opendir() readdir() 등등이 제공되는데요, 특정 폴더를 하위폴더와 하위폴더 내의 파일까지 한번에 복사하는 방법을 알려드립니다 재귀함수 (Recursive Function) 에 대한 이해 하위폴더 까지 복사하기 위해서는 재귀함수(Recursive Function)에 대한 이해가 필요한데요, 재귀함수는 말 자체가 좀 어렵긴 하지만, 반복적으로 호출되는 함수 또는 자신이 자신을 호출하는 함수로 이해하면 되겠습니다. 실제 코드 살펴보기 하위폴더까지 복사하기 위한 함수는 다음과 같이 작성할 수 있습니다. recursive_copy() 라는 이름을 가진 함수인데요, 7번째 라인을 보시면 recursiv..

IT공부방/PHP 2020. 3. 31. 09:05

지난시간 Review 1. CSS 를 이용하여 기초적인 애니메이션이 가능합니다. 지난 시간에는 가장 기본적인 위치이동을 해봤습니다. 2. 두번째 포스팅 에서는 키프레임을 이용한 CSS 애니메이션을 만들어 봤습니다. CSS곡선 애니메이션 이번에 시도해 볼 CSS애니메이션은 곡선형태로 움직이는 CSS애니메이션 입니다. 아래 이미지와 같이 8자 형태로 움직이는 애니메이션 입니다. 직선으로 움직이지만 곡선처럼 만든다? 위와 같이 움지이기 위해서는 이미지의 X 포지션과 Y 포지션을 변경하면서 만들 수 있습니다. 그런데 아래 코드를 보면 X포지션과 Y포지션을 300픽셀 씩 이동하게 되는데, 실제 목적지는 우상단 300픽셀 지점이기 때문에, 사실 이대로 움직이게 되면 직선으로 우상단으로 움직이게 됩니다. 1 2 3 ..

IT공부방/HTML5, CSS 2020. 2. 22. 18:47

CSS 애니메이션 하늘을 나는 새 javascript나 jquery를 이용하지 않고 CSS 만으로 애니메이션을 만들 수 있습니다. 위에 있는 새는, 움직이는gif(gif animation)로 만들어 본 것인데요, 요즘 흔히 말하는 움짤이죠. 귀엽게 하늘을 나는 새를 CSS 만으로 만들어 보겠습니다. 먼저, CSS 기본적인 애니메이션은 지난번에 포스팅한 아래 글을 참고하시기 바랍니다. 새 이미지의 크기에 맞게 394x293px 크기의 DIV 를 만듭니다. 1 2 3 4 5 6 7 8 9 10 div { width:394px; height:293px; animation-name: bird; animation-duration: 0.5s; animation-timing-function: linear; anima..

IT공부방/HTML5, CSS 2020. 2. 18. 06:19

CSS 애니메이션 따라하기.... ^^ Javascript 나 플래시를 사용하지 않고도 CSS를 이용하여 애니메이션 효과를 만들어 낼 수 있습니다. 먼저, 어떻게 동작하는지 살펴보시지요. 아래 링크를 클릭하시면 데모를 보실 수 있습니다 http://meriqueen-woolmark.com/03_doolyit_image/animation.html http://meriqueen-woolmark.com/03_doolyit_image/animation.html meriqueen-woolmark.com 애니메이션에 사용된 고양이 이미지도 함께 첨부합니다. 1. 고양이 이미지 넣기 좌우로 왔다갔다 하는 고양이를 만들기 위해서, 먼저 DIV 태그 안에 고양이 이미지를 넣어놓습니다 1 2 3 Colored by Col..

IT공부방/HTML5, CSS 2020. 2. 17. 01:52

CSS 입력폼 크기/ 글씨크기 입력폼을 만들때 가장 기본적인 것은 입력폼의 크기와 입력되는 글씨의 크기입니다. 위와 같이 입력란을 만들려면 기본적으로 다음과 같이 코딩하게 됩니다. placeholder 에 값을 입력하면 텍스트 입력란에 표시되었다가 글씨를 입력하기 시작하면 사라집니다 1 cs 위 그림의 두번째 처럼 입력란의 크기를 키우려면 다음과 같이 CSS코드를 추가해주면 됩니다 1 cs 하지만, line-height 를 이용하여 입력란의 크기를 키우게 되면 문제가 있는데요, 크롬과 엣지에서는 제대로 보이지만 익스플로러 에서는 글씨위치가 이상하게 보입니다 브라우저의 특성과 상관없이 가운데로 보이게 하려면, line-height 를 사용하지 않고 padding 옵션을 주면 됩니다 1 cs padding ..

IT공부방/HTML5, CSS 2020. 2. 16. 14:40

서로다른 서버, 서로다른 도메인에서 한쪽 서버의 문서를 ajax 로 호출하여 값을 얻고자 할때, 다음과 같은 오류메시지를 나타내는 경우가 있습니다 이는 자바스크립트(Javascript) 의 보안 정책 중 하나인, 동일 근원 정책(Same-Origin Policy) 에 위반되기 때문입니다. 만약 이것이 무제한적으로 허용이 된다면, 타인 서버의 문서를 마음대로 호출할 수 있게 되기 때문에 막아주는 것이 상식적이긴 합니다. 이를 해결하기 위한 여러가지 방법이 있습니다만, 가장 쉽게 해결 할 수 있는 방법은 호출되는 페이지의 상단에 헤더정보를 넣어주면 됩니다. 아래코드는 PHP의 경우입니다. 1 2 3 4 5 6 7 Colored by Color Scripter cs 위 코드의 Access-Control-All..

IT공부방/PHP 2019. 12. 9. 17:49

ASP 에서 파일을 업로드 하기 위해서 사용하는 컴포넌트에는 여러가지가 있는데요, 별도의 설치없이 asp파일만 include 하면 되는 freeaspupload 가 가장 간단하게 해결할 수 있는 방법입니다만, 좀더 복잡한 설정과 기능을 구현하기 위해서는 대부분 dll 형태로 등록 후 사용하는 컴포넌트를 많이 사용하고 있습니다. Tabs Upload 를 많이 사용했었는데, 유료화 되는 바람에 30만원 정도 지불해야 사용할 수 있는 상황입니다. 물론, 기존의 무료버전 dll 이 있으면 가능하긴 하지만, H/W가 바뀌게 되면 30일 이후에는 사용중지되게 됩니다. ABCUpload 는 아직 무료버전 가능합니다 ABCUpload 역시 유료화 되긴 했지만, 마지막 무료버전 dll 을 사용하면 H/W 변경과 무관하게..

IT공부방/ASP 2019. 11. 14. 15:03

웹사이트 개발시 배경화면을 넣거나 팝업을 띄우는 경우 현재 웹사이트가 표시되는 브라우저의 높이를 구해야 할 필요가 있을 때가 있습니다 clientHeight , browserHeight , innerHeight 등등 다양한 높이를 구하는 변수값은 혼동을 주기 쉽고, 게다가 브라우저 종류에 따라서도 표준화 되어 있지 않기때문에, 코딩하는 입장에서는 각 브라우저별로 각각 다른 방법을 사용해야 합니다 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 var userAgent = navigator.userAgent.toLowerCase()..

IT공부방/HTML5, CSS 2019. 11. 12. 10:38

쇼핑몰을 개발하다 보면 카드결재 관련 처리를 할 필요가 생기는데요, KSNET 의 경우 쇼핑몰 결재 후 영수증 출력시 링크되는 주소가 변경된 적이 있습니다. http://pg.ksnet.co.kr/index.php?mid=b8dkls 위와 같이 pg.ksnet.co.kr 로 시작되는 URL 로 링크되어 처리되던 방식이 변경이 되어 주소가 바뀌었습니다 http://nims.ksnet.co.kr/pg_infoc/src/bill/credit01.jsp 위 주소로 링크를 걸어주면 아래와 같이 카드 결재 내역을 확인하실 수 있습니다 단, 위 경우에는 카드번호를 입력해야 하는데 신용카드 결재시 거래번호를 이용하여 바로 영수증을 출력할 수 도 있습니다. 우선, 그에 앞서서 위 URL에서 카드번호를 입력하고 조회하기를..

IT공부방/개발환경,오픈소스 2019. 11. 5. 11:03