JAVA HTML JAVASCRIPT (83) 썸네일형 리스트형 [Java] 문자열 자르기(Substring, Split) 사용법 & 예제 자바 스트링 클래스에는 사용하기 편리하도록 만들어놓은 여러가지 함수가 있습니다. 이번 포스팅에서는 그 함수들중 문자열 자르기에 관련된 함수들을 한번 알아보도록 하겠습니다. ▶SubString 문자열 자르기하면 가장먼저 생각나는 함수입니다. 문자열 함수에 익숙해지시면 SubString함수와 다른함수들을 섞어서 정말 다양하게 활용할 수 있는데요. 사용법에 대해 한번 알아보도록 하겠습니다. 활용예제로는 마지막 3글자 자르기, 특정문자 이후의 문자열자르기, 특정(단어) 부분만 자르기 를 준비했습니다. 우선 문자열을 자르기에 앞서 문자열이 어떻게 배치되어있는지 Index값부터 살펴야 문자열을 자를 수 있겠죠? String 클래스 자체가 char을 여러개 붙여놓은 효과를 주기때문에 String 클래스의 해당 Ind.. 문자열 자르기(Substring, Split) 사용법 & 예제 자바 스트링 클래스에는 사용하기 편리하도록 만들어놓은 여러가지 함수가 있습니다. 이번 포스팅에서는 그 함수들중 문자열 자르기에 관련된 함수들을 한번 알아보도록 하겠습니다. ▶SubString 문자열 자르기하면 가장먼저 생각나는 함수입니다. 문자열 함수에 익숙해지시면 SubString함수와 다른함수들을 섞어서 정말 다양하게 활용할 수 있는데요. 사용법에 대해 한번 알아보도록 하겠습니다. 활용예제로는 마지막 3글자 자르기, 특정문자 이후의 문자열자르기, 특정(단어) 부분만 자르기 를 준비했습니다. 우선 문자열을 자르기에 앞서 문자열이 어떻게 배치되어있는지 Index값부터 살펴야 문자열을 자를 수 있겠죠? String 클래스 자체가 char을 여러개 붙여놓은 효과를 주기때문에 String 클래스의 해당 Ind.. [API] Chart.js 차트생성기능을 만들기위해 여러 무료 api를 찾던중 디자인과 기능이 젤 맘에들어서 사용해본 chart.js를 소개하도록 하겠다. http://www.chartjs.org 오픈소스이고 8가지의 타입이 있고 html5의 canvas를 사용하고 반응형이다. 시작해보자. 일단 chart.js를 사용하려면 GitHub에서 다운받거나 CDN을 이용한다. 나는 걍 CDN을 이용한다. 차트를 만들자. 먼저 canvas를 만들고 너비와 높이를 정한뒤 꼭 id를 넣자. 기본 사용틀이다. 기본 폰트 셋팅이다. 공통으로 사용되는 구성이다. 차트 제목에 관련된 구성요소들인데 일단 저런 옵션 안주면 안나오고 나오게 하고 싶으면 저 도표에 있는 옵션들로 구성하면 될거 같다. 배경에 패턴을 넣을 수 있는데 나는 아직 해보진 않음. .. 구글 차트 api 구글차트(Google Chart) 사용해서 그래프 생성하기 - 라인차트, 컨트롤 구글차트(google-chart)의 line 그래프와 그래프에서 원하는 구간만 볼 수 있는 컨트롤바 생성 소스코드입니다. 주제와 데이터는 임의로 지정하였으며, 원한다면 DB의 데이터를 사용할 수 있습니다. 화면 * 10월 14일자 데이터는 클릭했을 경우, 10월 23일자 데이터는 마우스 포인터를 올려놨을 경우에 나오는 툴팁입니다. * 그래프 아래에 컨트롤 바가 실제 그래프의 미니버전(?) 으로 출력됩니다. (사이즈 조절 가능, 다른 그래프로 대체 가능) GIF * 컨드롤바에서 그래프 중 구간(범위)을 선택하여 원하는 날짜의 그래프를 확대해서 볼 수 있습니다. * 화면 크기에 따라 그래프와 컨트롤바의 크기도 달라집니다.(반응형.. @Resource @Resource 어노테이션이란? @Autowired와 같은 역할을 한다고 보면된다. @Resource 어노테이션은 빈의 이름을 이용해서 주입할 객체를 검색한다. @Resource 어노테이션을 사용하려면 앞서 @Autowired 어노테이션과 마찬가지로 다음의 두가지만 추가하면된다.ㅇ 1.자동 주입 대상에 @Resource 어노테이션 사용 2.XML설정에 설정 추가 @Resource 어노테이션은 빈의 이름을 사용해서 주입할 빈 객체를 찾기 때문에, @Resource 어노테이션의 값으로 빈 객체의 이름을 지정한다. @Resource 어노테이션은 생성자에 적용할 수 없고 필드나 메서드에만 적용할 수 있다. @Autowired와 @Resource의 차이점. Autowired와 Resource 중에 무엇을 사용하.. @Autowired 자동 주입 기능을 사용하는 것은 매우 간단하다. 다음의 두가지만 사용하면 된다. 1.자동 주입 대상에 @Autowired 어노테이션 사용. 2.XML 설정에설정 추가 위 두가지를 하면, @Autowired가 적용된 의존 주입 대상에 대해서는 태그나 태그를 사용하지 않아도 스프링이 알맞게 의존객체를 주입한다. ex)예시 위의 xml파일에 bean을 등록한것처럼 빈등록만 한다면 태그나 태그를 사용하지 않아도 된다. 빈으로 등록한 memberDao를 이용하여 다른클래스에선 똑같이 그냥 빈만 등록하고 그 클래스에서 의존을 주입하고싶은 빈 대상이 있을경우 @Autowired로 자동 의존 주입하면 된다. 1. 2. 여기서, 만약 동일한 타입을 가진 빈 객체가 두개가 있다면 @Autowired 어노테이션은 어떻게 작.. jQuery / Method / .each() .each() .each()는 선택한 요소가 여러 개일 때 각각에 대하여 반복하여 함수를 실행시킵니다. 문법 1 .each( function ) 특정 조건을 만족할 때 반복 작업에서 빠져려면 1 return false 를 사용합니다. 예제 1 p 요소에 각각 다른 클래스를 추가합니다. 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 Lorem Ipsum Dolor Amet 예제 2 반복 작업을 두번만 하고 빠져나옵니다. 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 Lorem Ipsum Dolor Amet jQuery / Method / .children() .children() .children()은 어떤 요소의 자식 요소를 선택합니다. 문법 1 .children( [selector] ) 예를 들어 1 $( 'div' ).children().css( 'color', 'blue' ); 는 div 요소의 자식 요소의 색을 파란색으로 만듭니다. 1 $( 'div' ).children( 'p.bl' ).css( 'color', 'blue' ); 는 div 요소의 자식 요소 중 클래스 값으로 bl을 가진 p 요소의 색을 파란색으로 만듭니다. 예제 ul 요소의 자식 요소 중 ip를 클래스 값으로 가지는 요소의 색을 빨간색으로 만듭니다. p 요소도 ip를 클래스 값으로 갖고 있지만, ul 요소의 자식 요소가 아니어서 선택되지 않습니다. 1 2 3 4 5 6 7 8 9 .. 이전 1 ··· 5 6 7 8 9 10 11 다음
