Programming (421) 썸네일형 리스트형 유튜브 API 조회수 많은 순위 뽑아보기 PHP 간단 샘플 코드 유튜브 API 조회수 많은 순위 뽑아보기 PHP 간단 샘플 코드얼마 전 유튜브 조회수가 가장 많은 순위로 재미 삼아 테스트 사이트를 만들면 좋을 것 같다고 생각했습니다. PHP로 구현할 예정이었는데 Google Developers Console을 이용하면 YouTube DATA API V3를 이용해 데이터 조회가 가능하다고 하더군요. 먼저 Google Developers Console 사이트에 접속하시면 됩니다.1. Google Developers Console 프로젝트 생성2. YouTube DATA API V3 API 키 발급3. 호스팅 받은 PHP 사이트에서 YouTube DATA API 매뉴얼을 보며 코딩 후 확인해 보기. 먼저 Google Developers Console 사이트에 접속하시면 됩.. MySql 정규 표현식으로 HTML 제거 후 Mybatis 적용하기 MySql 정규 표현식으로 HTML 제거 후 Mybatis 적용하기 개인적으로 만들고 있는 사이트에 DB에 저장된 글자 중 HTML 문자를 제거하고 출력하는 일은 정규 표현식을 활용해 간단히 처리할 수 있으며 관련 자료도 많이 있습니다. 간단히 더미 테이블을 사용해 테스트 용도로 확인해 보시면 HTML 태그가 삭제된 데이터만 출력됩니다. /* 정교 표현식을 사용해 My SQL HTML 데이터 제거후 쿼리로 보내주기 */ SELECT '2행3열 테이블123456' AS data, REGEXP_REPLACE('2행3열 테이블123456', ';]*>', '') AS html_del FROM DUAL; 위처럼 간단히 쿼리문에서 HTML 문자를 제거할 수 있지만 스프링 환경에 Mybatis를 이용해 데이터를 출.. HTML table colspan(가로) rowspan(세로) 합치기 HTML table 태그 합치는 예제 몇가지 2행 3열 table 태그이며 단순히 table 태그의 가장 기초적인 사용방법이며 table 태그에 border 속성을 사용해 table이 표시 되도록 작성 하였습니다. table 의 넓이는 최대치로 늘려 지도록 width 속성을 사용 했습니다. 2행3열 테이블 1 2 3 4 5 6 결과화면 html table 태그 속성중 넓이와 높이를 지정할 수 있는 width, height 속성이 존재 합니다. table 전체 크기는 200씩 지정 하였으며 3,4 tr 태그 높이만 좀 늘려 봤습니다. 2행2열 3,4 높이 조절 1 2 3 4 결과화면 table 태그에서 3번칸 글자만 align, valign 속성을 사용해 가운데 아래로 글자가 정렬 되도록 작성 하였습니다... 리스트 DTO 타임리프로 출력하는 방법 리스트 DTO 타임리프로 출력하는 방법 개인적으로 사이트를 하나 만들고 있는데 예제가 있으면 좋을 것 같다는 생각에 글을 작성하게 되었습니다. 타임리프를 활용해 리스트 dto를 가져와 타임리프로 출력하는 간단한 예제를 작성해 보았습니다. 데이터 시나리오는 사용자가 구매한 물품이 여러 개 있다는 가정하에 User DTO에서 Goods DTO를 List로 가져와 타임리프로 데이터를 출력하려고 합니다. 담긴 데이터는 DB 데이터까지 가져오는 것은 너무 복잡하다는 생각에 임의로 데이터를 넣어 출력 하였습니다. User.Java 먼저 User라는 클래스를 하나 만들었습니다. 별다른 기능은 없으며 데이터를 넣고 가져오기 위해 get, set만 추가하였으며 Goods dto 데이터를 여러 개 가져오기 위해 Goods.. 이클립스 소스 파일 불러오는 게 너무 느릴 때 이클립스 소스 파일 불러오는 게 너무 느릴 때 이클립스에서 특정 소스 파일을 불러올 땐 엄청난 소스 코드로 인해 파일 하나를 불러오는 데 시간이 오래 걸리거나 심한 경우 이클립스 프로그램이 죽어버리는 경우가 많이 생기는 것 같습니다. 이런 경우엔 굳이 이클립스에서 소스를 수정하려고 시간을 허비하지 않으셔도 됩니다. 이럴 땐 원시적인 방법으로 해결하면 됩니다. 문제가 되는 소스 파일을 마우스 오른쪽 버튼으로 선택하시고 Properties 메뉴를 선택하시면 됩니다. 해당 소스 코드가 있는 폴더를 바로 열어주는 메뉴가 존재 합니다. 이클립스 같이 무거운 프로그램이 아닌 가벼운 에디트 프로그램을 활용해 문제가 되었던 소스 파일을 열어 주세요. 가벼운 에디트 프로그램에서 소스 코드를 수정하면 로딩이 걸리거나 프로.. thymeleaf th with 조건문 넣기 thymeleaf th with 조건문 넣기 최근 스프링4 버전에서 개인 웹 프로젝트를 진행하고 있습니다. 타임리프 th:with 구문을 활용해 변수를 만들 때 조건문을 걸어 겟 파라메터값에 따라 변수를 다르게 할당할 수 있습니다. 간단한 내용이지만 인터넷에 자료가 많이 없는 것 같아 정리해 보았습니다. 대체로 첫 페이지를 웹페이지에서 호출할 때 스프링 컨트롤러에서 데이터를 보내주거나 Javascript를 이용하는 방법도 있겠지만 깔끔해 보이지는 않습니다. 타임리프를 활용해 아래 이미지와 같이 겟 파라메터값이 없는 경우에 html 데이터를 다르게 표시할 수 있습니다. 겟 파라메터 값이 있을 경우엔 아래 이미지와 같이 URL에 담긴 겟 데이터가 표시됩니다. th:with 구문에 삼항 연산자를 이용해 변수 .. 스프링부트 마이바티스 설정 Field mapper 오류가 난다면 확인해 보세요 스프링부트 마이바티스 설정 Field mapper 오류가 난다면 확인해 보세요 개인 취미 생활로 스프링부트 환경에서 사이트를 만들고 있습니다. mybatis를 연동해 데이터베이스에 있는 데이터를 가져오려고 했는데 아래 이미지와 같이 Field mapper in required a bean of type that could not be found. Consider defining a bean of type in your configuration. 라는 오류가 나며 구동이 제대로 안 되더군요. 이 오류 때문에 꽤 긴 시간을 허비했습니다. 문제는 새로운 스프링부트 버전 build.gradle 설정 MyBatis 버전을 3.0 이하 버전을 사용해 겪었던 문제였습니다. 스프링 버전에 맞추어 Mybatis 버전도 .. 클릭하면 나타나는 이미지 클릭하면 나타나는 이미지 html, CSS, jQuery, Javascript를 이용해 웹페이지에서 특정 영역을 누르면 이미지가 나타나고 해당 이미지를 누르면 이미지가 사라지는 소스를 간단히 작성해 보았습니다. 동그란 영역을 누르면 이미지가 나타납니다. 그리고 나타난 이미지를 다시 누르면 해당 이미지가 사라집니다. 직접 사이트 링크를 걸어 놓았으니 테스트 해보실 분들은 링크에서 확인 하시면 됩니다. - http://enjoyrank.com/blog/jjangku.html 소스는 아래 걸로 가져다 쓰시면 됩니다. 이미지와 jQuery 모두 웹에 있는 것을 가져와 사용한 것이기에 소스 그대로 가져와 사용 하시면 됩니다. Click Me!! 이전 1 2 3 4 ··· 53 다음
