동해둘리의 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

문자열 원하는 길이로 자르기 아래와 같이 게시판의 제목을 일정 길이로 잘라내어 한줄로 표시하게 하기위한 PHP 코드입니다. 한글의 경우, 잘못 잘라내면 끝 부분이 깨지는 현상이 생기기도 하는데요, 아래 코드는 그런것 까지 감안해서 한글이 안깨지도록 작성한 코드입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 function truncateString($string, $length, $ellipsis = "...") { if (mb_strlen($string, 'UTF-8')

IT공부방/PHP 2023. 9. 1. 13:05

javascript undefined 와 null 자바스크립트로 작업을 하는경우, 사용자의 입력값을 확인하는 등의 작업을 할때 간혹 마주치는 것이 undefined 와 null 입니다. typeof 로 확인가능 특정 객체의 undefined 또는 Null 유무는 typeof 로 확인이 가능합니다. javascript 의 typeof 는 아래와 같은 형식으로 사용하면 됩니다. 1 2 3 4 5 6 7 8 9 10 11 var num = 42; var str = "Hello"; var bool = true; var obj = { key: "value" }; var func = function() { }; console.log(typeof num); // 출력: "number" console.log(typeo..

IT공부방/jQuery, ajax, java 2023. 8. 25. 09:24

javascript 동적생성, 입력폼 input 박스 아래와 같이 설문조사를 위한 등록화면에서, 설문조사 항목을 동적으로 생성하는 프로젝트를 진행하게 되어 작업내역을 공개하려고 합니다. 설문조사 항목 동적생성 위 화면에서 '선택형' 또는 '입력형' 을 선택한 후에 + 버튼을 클릭하면, 아래와 같이 설문조사 항목을 입력할 수 있는 입력폼이 동적으로 생성되게 됩니다. 각 질문은 삭제가 가능하며, 선택가능한 항목도 추가 삭제가 가능하게 만들어 봤습니다. 각 선택항목은 위/아래 화살표를 이용하여 위치이동이 가능하도록 만들어 봤습니다. 먼저, 설문조사 항목이 동적으로 추가될 div 를 생성합니다. 1 cs 그런후에 '선택형' 또는 '입력형'을 선택하고 + 버튼을 클릭하면 앞서 정의한 DIV인 question_bo..

IT공부방/jQuery, ajax, java 2023. 8. 14. 14:02

웹스크래핑으로 채용정보 가져오기 웹스크래핑은 특정 웹페이지의 데이터를 가져와서 원하는 데이터를 추출하여 가공 또는 표시하는 방법을 말합니다. 반면 웹크롤링은 여러 URL을 반복적으로 탐색해서 데이터를 가져오는 방법입니다. 저는 웹스크래핑을 설명드릴건데요, 제가 작업했던 실 사례를 들어서 설명해 볼까 합니다. 장애인 고용포털 사이트에서 채용정보 가져오기 저의 경우는 [장애인 고용포털 사이트] 에 올라와 있는 취업정보를 가져와서 브라우저에 표시하는 작업이었습니다. 개발언어는 PHP로 개발했습니다. 전체 코드를 먼저 살펴보시죠 아래에 전체 PHP 코드가 있습니다. 원하는 웹페이지의 데이터를 crul 을 이용하여 가져와서 파싱하는 방법을 사용했습니다. curl은 다양한 프로토콜로 데이터 전송이 가능한 Comma..

IT공부방/PHP 2023. 8. 10. 07:20

오늘은 PHP에서 자주 사용되는 시간 관련 함수 다섯 가지에 대해 소개해드리겠습니다. 함수소개에 앞서, 먼저 timestamp에 대해 알아볼께요 TIMESTAMP는 1970년 01월 01일 00시 00분 00초로부터 현재까지 몇 초가 지났는지를 정수로 반환한 값입니다. 이 값을 이용하여 더하기/빼기 등의 간단한 연산으로 두 날짜의 차이를 구하거나, 현재 날짜로 부터 몇일 후 날짜값을 얻거나 할때 유용하게 사용할 수 있습니다. 1. date() 함수 date() 함수는 현재 날짜와 시간을 원하는 형식으로 포맷하여 출력하는 함수입니다. 주로 로그 작성, 화면에 날짜 표시 등에 사용됩니다. date함수의 괄호안의 문자는 Ymd 를 제외한 나머지 문자는 자유롭게 입력하면 그 형식대로 표시됩니다. 1 2 3 $t..

IT공부방/PHP 2023. 8. 3. 01:12

PHP 언어에서 제공하는 배열과 관련된 함수 오늘은 PHP에서 제공하는 배열과 관련된 함수를 총 정리 해볼까 합니다. 1. count($array) count() 함수는, 배열에 포함된 요소의 개수를 반환합니다. 사용자가 선택한 항목의 개수를 파악하거나 반복문의 범위를 지정할 때 사용하면 좋습니다 1 2 3 4 5 6 $fruits = ["사과", "바나나", "딸기"]; $fruit_count = count($fruits); echo "과일의 개수: " . $fruit_count; Colored by Color Scripter cs 위와 같이 실행할 경우 아래와 같이 결과가 출력됩니다 과일의 개수: 3 2. array_push($array, $value1, $value2, ...) array_push(..

IT공부방/PHP 2023. 8. 2. 10:38

오늘은 PHP에서 자주 활용되는 함수들을 살펴보고, 간단한 예시를 통해 사용법을 배워보려고 합니다. isset() 함수: 변수가 설정되어 있는지 확인하기 먼저, isset() 함수는 변수가 설정되어 있는지 확인하는 유용한 도구입니다. 변수가 설정되어 있다면 true를 반환하고, 설정되어 있지 않다면 false를 반환합니다. 아래의 예시를 통해 살펴보겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

IT공부방/PHP 2023. 7. 31. 17:14

유튜브 촬영을 위한 장비와 스튜디오를 준비했습니다 저 동해둘리가 준비중인 목공사업을 위해 마케팅 용도로 도움을 주기위해 유튜브 스튜디오를 준비해봤습니다. 첫 도전이니까 저렴한걸로 시도 처음으로 유튜브 촬영을 시도하는 거라서, 장비는 일단 저렴한 것으로 준비해서 테스트 해보기로 했습니다. 쿠팡에서 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

AI 파일을 웹상에서 본다? ai파일은 Adobe Illustrator 프로그램이나 PhotoShop 과 같은 그래픽 프로그램이 설치되어 있어야 볼 수 있는게 정석인데요, 그런 이유로 ai 파일을 웹상에서 보이게 하려고 아래와 같이 코딩을 하게되면 1 2 3 4 5 6 7 8 9 10 11 Colored by Color Scripter cs 화면에 보여지는 대신에 다운로드 하라? 위와 같이 코딩을 하게되면, 웹 브라우저가 ai 파일을 해석할 수 있는 기능을 탑재하고 있지 않기 때문에, 화면에 보여지지 않고, 대신 파일을 다운로드 하라고 탐색기 창이 뜨게 됩니다. AI파일 뷰어 서비스 웹상에서 ai 파일을 업로드 하면, 이를 볼 수 있게 제공해주는 사이트가 있기는 합니다. 하지만, 이런 사이트를 이용해서 ..

IT공부방/HTML5, CSS 2023. 6. 26. 05:10