동해둘리의 IT Study

통계청 소비자 물가지수 연동해서 웹사이트에 표시하기 지표누리공유서비스에 접속한 후에, 회원가입 후 활용신청을 해야합니다. 활용신청 메뉴에서 승인신청을 합니다 활용신청 메뉴에서 승인신청을 먼저 진행한 후에 API승인 탭에서 필요로 하는 지표명을 선택하여 신청하면 됩니다. 아래 코드는 소비자 물가지수 입니다 아래 코드는 iframe 방식으로 API를 연동하는 경우의 코드입니다. 1 2 cs 아래에서 보듯이 IFRAME 방식과 XML방식, JSON 방식 중에서 선택해서 이용할 수 있습니다

IT공부방/개발환경,오픈소스 2023. 10. 6. 19:53

Investing.com 에서 제공하는 환율정보 아래 사이트에서 제공하는 환율정보를, 자신의 웹사이트에 넣기 위한 소스를 알려드립니다. 환율정보를 넣는 코드는 다음과 같습니다 1 2 3 4 5 6 7 8 9 10 11 12 환율 제공자 Investing.com Colored by Color Scripter cs 해상도에 따라서 아래와 같이 폭이 줄어들면서, 표시되는 정보도 적절하게 줄어듭니다.

IT공부방/개발환경,오픈소스 2023. 9. 16. 20:02

유튜브 촬영을 위한 장비와 스튜디오를 준비했습니다 저 동해둘리가 준비중인 목공사업을 위해 마케팅 용도로 도움을 주기위해 유튜브 스튜디오를 준비해봤습니다. 첫 도전이니까 저렴한걸로 시도 처음으로 유튜브 촬영을 시도하는 거라서, 장비는 일단 저렴한 것으로 준비해서 테스트 해보기로 했습니다. 쿠팡에서 2개 세트가 48,500원 하는 촬영조명을 구입했습니다. 전구는 별도로 구입을 해야 합니다. 같은 업체에서 판매하는 50w 전구를 2개 구입했습니다. 크기가 가늠이 잘 안되긴 했지만, 막상 구입해보니 생각보다 엄청 큰 전구였습니다. 조명세트에 전구를 부착했습니다. 전구 부착 후에는 화이트디퓨저 라는 천을 씌우게 되는데요, 가장자리 부분에 튼튼하게 박음질이 되어 있어서, 끼우기만 하면 설치가 완료되더군요 조명크기를..

IT공부방/개발환경,오픈소스 2023. 7. 23. 07:55

동영상 얼굴보정하기 사진을 찍은 후에 얼굴의 잡티를 없애주거나 피부톤을 보정해주는 프로그램은 많지만, 동영상 속의 얼굴을 보정하는 프로그램은 찾기가 쉽지 않습니다. 쉬운 동영상 얼굴보정 프로그램 필모라 필모라 라는 프로그램은 동영상 속의 얼굴을 다양한 필터를 통해 보정을 해주는 기능을 가지고 있습니다. 프로그램을 설치한 후에 실행시키면 다음과 같은 첫화면이 나옵니다. 새 프로로젝트를 클릭한 후에 , 아래 동그라미 부분을 클릭해서 편집할 영상을 불러옵니다. 드래그를 해서 넣어도 됩니다. 동영상이 아래 동그라미 있는 곳으로 들어왔습니다. 이를 편집하기 위해서는 동영상을 드래그 해서 화살표가 가르키는 위치로 내려주어야 합니다. 영화의 필름처럼 동영상이 들어가는걸 볼 수 있습니다. 그리고, 오른쪽 상단에 큰 화..

IT공부방/개발환경,오픈소스 2023. 7. 16. 12:17

카카오 로그인 설정하기 웹사이트에서 카카오 로그인을 이용하는 방법에 대해 설명하고자 합니다. 카카오 로그인을 이용하기 위해서는 우선, 카카오 개발자 사이트에 가입해야 합니다. 내 애플리케이션 등록 가입한 후에는 내 어플리케이션을 등록해 주어야 합니다. [어플리케이션 추가하기]를 통해 추가하시면 됩니다. 이번 포스팅에서는 카카오 로그인 API 사용에 대한 설명위주라서, 카카오 개발자 센터 가입이나 어플리케이션 등록에 대한 설명은 자세히 하지 않겠습니다. API 키 확인하기 [내 애플리케이션 등록] 후에는 API를 사용하기위한 KEY 값을 확인해 주셔야 합니다. 이 키값을 통해 웹사이트와 API간에 통신을 하게됩니다. 로그인 페이지 작성 먼저, 아래와 같이 로그인을 위한 페이지를 작성합니다. 위 이미지는 일..

IT공부방/개발환경,오픈소스 2023. 7. 12. 13:52

웹상에서 엑셀파일을 볼 수 있는 웹사이트가 여러곳 있는데요, 아래와 같은 형식의 엑셀파일을 업로드해서 확인해 봤습니다. 근데, 뭔가 엉뚱한 데이터가 보여지기도 하고, 테이블 형식도 뭔가 다르게 표시가 됩니다. 두번째 사이트에서 테스트 해봐도 잘 안되고..... 그러다가, 정확하게 동일한 형태로 표시되는 사이트를 찾았습니다. 아래 발간색 주소로 접속하신 후에 엑셀파일을 드래그 하시면 바로 확인할 수 있습니다.

IT공부방/개발환경,오픈소스 2023. 7. 7. 12:32

pdf를 웹상에서 바로보기 pdf문서를 웹상에서 바로보기 위해서는 여러가지 방법이 있는데요. 대부분은 브라우저에 플러그인이 있어서, pdf문서를 브라우저에서 바로 볼수 있긴 합니다. 플러그인이 없거나 모든 브라우저에서 보게 하려면? 하지만, 플러그인이 설치되지 않았을 경우, 또는 여러가지 브라우저에서 모두 보이게 하려면 별도의 코딩이 필요하겠죠. 오늘 소개드리려는 pdf 뷰어는 PDF.js 입니다. 또한, 전체화면이 아니라 일부분에 pdf 문서를 표시하고자 할때에도 별도의 pdf뷰어를 설치해야 합니다. 위 사이트에서 다운로드 버튼을 눌러 소스코드를 다운로드 받은 후에, 압축을 해제하고 서버에 업로드 합니다. 그리고는 web 폴더내에 있는 viewer.html 문서를 브라우저에서 열어봅니다. 별다른 코딩없..

IT공부방/개발환경,오픈소스 2023. 6. 30. 09:39

웹상에서 포토샵파일(psd파일) 보기 웹상에서 psd파일을 바로 볼 수 있도록 하는 psd파일뷰어 기능을 소개드립니다 아래 사이트에 접속하시면 psd파일을 볼 수 있는 PHP class 파일이 있습니다. php-class-to-read-psd-files 라는 소스코드를 다운로드 한 후에, classPhpPsdReader.php 라는 이름으로 저장한 후에 서버로 업로드 합니다. 그 후에 HTML 문서를 하나 만들고 아래와 같은 코드를 작성하고 브라우저에서 열어보면 됩니다. 이때 myfile.psd 는 실제로 보여지게되는 psd 파일이므로 자신의 파일명을 적어주시면 됩니다. 1 2 3 4 5 Colored by Color Scripter cs 제가 포토샵에서 샘플로 만든 psd 파일입니다. 이름 브라우저에서..

IT공부방/개발환경,오픈소스 2023. 6. 28. 09:31

selectbox 라이브러리 selectric selectbox 라이브러리 중에서 selectric 을 이용하면 아래와 같이, 다양한 형태의 selectbox를 쉽게 만들 수 있습니다. 아래 사이트에 접속하시면 데모코드를 확인하실 수 있습니다. 기본적인 사용방법 selectbox 라이브러리를 이용하기 위해서는 CDN을 이용하거나, 소스코드를 다운로드 받아서 사용하시면 됩니다. 아래와 같이 1번 또는 2번의 방법으로 라이브러리를 포함시킵니다. selectric.css 도 포함시켜줍니다. 그런후에 적용하려는 selectbox에 selectric() 를 실행시켜주기만 하면 됩니다. 다양한 테마와 커스텀 기능 sectctric 홈페이지에서는 아래와 같이 테마를 제공합니다. 기본테마부터 다양한 형태와 색상의 테마..

IT공부방/개발환경,오픈소스 2023. 6. 23. 17:56

그누보드를 설치한 후에 테스트를 해보면, 이메일 발송이 안되는 경우가 있습니다. 그럴땐, 루트 디렉토리에 있는 config.php 파일을 수정하면 해결이 됩니다. 1 2 3 define('G5_SMTP', '127.0.0.1'); // 이 부분을 define('G5_SMTP', ''); // 요렇게 변경 cs 모, 너무 간단한거라 추가 설명은 필요없을듯 합니다^^

IT공부방/개발환경,오픈소스 2023. 6. 15. 17:38

PHP에서 유튜브 API를 이용해서, 특정 채널의 동영상 목록을 가져오는 코드입니다. api_key를 발급받는 것은 구글 클라우드 플랫폼에서 신청해야 하는데, 신청과정은 본 포스팅에서는 소개하지 않습니다. 아래 코드는 curl을 이용해서 목록을 가져오는 코드인데요. 제 서버는 allow_url_fopen 이 막혀있기 때문에, curl을 이용해서 가져오는 방법을 선택했습니다. php.ini 를 직접 수정할 수 있는 분이라면 allow_url_fopen 을 허용해서 file_get_contents() 방식을 사용하셔도 됩니다. 참고로, 아래 코드에 입력된 채널 아이디는 제가 만든 유튜브 채널 '동해둘리' 입니다. 아래 코드에서 api_key만 변경하고 서버에 업로드 하신 후에 확인하시면 제 채널의 동영상 목..

IT공부방/개발환경,오픈소스 2023. 6. 10. 06:39

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

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

쇼핑몰을 개발하다 보면 카드결재 관련 처리를 할 필요가 생기는데요, 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

비메오 Vimeo 를 이용하여 동영상 플레이어를 사이트에 넣을때, 기본 옵션으로 세팅하게 되면 플레이 버튼, 볼륨조절 등을 비롯한 각종 컨트롤러가 표시되게 됩니다. 하지만, 아래와 같이 자신이 원하는 형태로 커스터마이징을 하려면, 비메오 에서 제공하는 API 를 이용해야 합니다. 비메오 API 는 아래 사이트에서 확인할 수 있는데, 아무리 설명을 찾아봐도 전체화면 (FullScreen) 과 관련된 함수를 찾아볼 수가 없었습니다. https://developer.vimeo.com/player/sdk 구글형님한테 열심히 물어본 결과, 전체화면 기능은 브라우저의 특성에 따라 달라지기 때문에 비메오에서 API를 제공하는게 아니라 브라우저에서 제공하는 옵션을 이용해야 된다고 합니다. 커스터마이징한 전체보기 아이콘..

IT공부방/개발환경,오픈소스 2019. 10. 1. 16:31

포토샵누끼따기 포토샵없어도 됩니다!!! 아래 사진의 머리카락처럼 세밀한 부분이 포함된 사진의 누끼를 따는 일은 좀처럼 쉬운일이 아니죠, 포토샵을 이용하여 약간의 도움을 받을수는 있지만, 그래도 여전히 장시간의 노가다^^ 작업을 필요로 하게 됩니다. But, 사진을 업로드만 하면 10초면 해결되는 누끼따기 전문사이트가 있습니다. 저도, 테스트 해보고 깜짝 놀랐네요. 바로 remove.bg 라는 사이트 입니다 http://remove.bg Remove Background from Image – remove.bg Remove Image Background: 100% automatically – in 5 seconds – without a single click – for free. www.remove.bg 사..

IT공부방/개발환경,오픈소스 2019. 9. 23. 12:10

pdf파일을 jpg로 변환하는 방법은 여러가지가 있습니다만, 오늘은 인터넷 상에서 바로 변환하는 방법을 소개드립니다. 아래 사이트에 접속하시면 pdf파일을 jpg파일이나 gif, png, tiff 등의 포맷으로 변환이 가능합니다. https://allinpdf.com/convert/fileconvert/fileconvert-start PDF Converter - Convert to PDF Online Free PDF Converter is a online web-based document to PDF converter software. Convert and create PDF from various types of files like DOC, XLS, PPT. allinpdf.com 접속한 후에 중앙에 ..

IT공부방/개발환경,오픈소스 2019. 8. 30. 14:20