자주쓰는 String 함수를 나열해보았습니다.



equals();  문자열 비교 함수.

-   문자열 과 문자열이 일치하는지 비교한다,

-    == 비교 연산자가 있지만 String 은 참조형 변수라 비교하지못함.

(굳이 말하자면 String Class 이기때문에)

(뜻하지않는 결과가 나올수도있다.)



String str = "Yes";
 
 
 
// 잘못된 비교 문법 ( 이상황에서도 오류는 발생하지않는다. )
if(str =="Yes"){
    System.out.println("예스!");
}
 
 
// 올바른 문법
 
if(str.equals("Yes")){
    System.out.println("예스!");
}





length(); 문자열 길이

-   어디서많이 보셨죠? 배열의 길이를 알아낼때도 쓰였던 length 함수입니다.

-   문자열의 길이를 나타낼때도 씁니다

-   ※주의사항 - 문자열 공백 " " 도 문자열길이에 포함이 됩니다.



String str = "Hello World lolol";
 
 
System.out.println(str.length());
 
// 결과값 17
 
 
// H e l l o 공백 W  o  r  l  d  공백  l  o  l  o  l
// 1 2 3 4 5 6    7  8  9 10 11 12    13 14 15 16 17





split(); 특정문자(열) 로 잘라내서 결과값 배열형태로 리턴.



-    정말 많이 쓰입니다 연습해둡시다.

String[] names;
String name = "가나다,가나다1,가나다2,가나다3,가나다4,가나다5,가나다6";
names = name.split(",");
 
for(String n1 : names) {
    System.out.print(n1+"\t");
}
 
//결과값 
 
// 가나다    가나다1    가나다2    가나다3    가나다4    가나다5    가나다6


  

내일 조금 수정해서 추가하겠습니다... 



블로그 이미지

잡코드맨

댓글을 달아 주세요

공식 홈페이지 


https://owlcarousel2.github.io/OwlCarousel2/



공식 git-hub


https://github.com/OwlCarousel2/OwlCarousel2


이번에 소개해드릴 라이브러리는 정말 제가 실전에도 자주썼었고


슬라이드 라이브러리중 심플에서는 No.1 이라고 말 할수 있을 정도로


자주 사용했던 라이브러일수있습니다.


제가사용했던 버전은 구버전이었는데 이번에 나온건 좀더 기능이 많은것같네요.




<head> 태그안에 css 파일 로컬로 다운로드 받은 CSS 파일을 인클루드 시킵니다.


<link rel="stylesheet" href="/node_modules/owl.carousel/dist/assets/owl.carousel.min.css" />



기본 스타일을 사용하려면 반드시 추가하라고 나와있네요


<script src="/bower_components/jquery/dist/jquery.js"></script>
<script src="/bower_components/owl.carousel/dist/owl.carousel.min.js"></script>



JS 파일은 


jquery 라이브러리 추가한뒤 바로밑에 추가하라고 정의되어있습니다.


jquery 태그위에 적용하면 오류가 발생하거나 동작이 원활하게 되지않겠죠?


우리는 라이브러리를 쓰는입장이니 하라는대로 합시다 (허허)



Wrap your items (divaimgspanli etc.) with a container element (divul etc.). Only the class owl-carousel is mandatory to apply proper styles:



요런 말이 나와있는데. 


결국 div 나 ul 태그로 묶으라고 나와있네요.


클래스 이름은 무조건 주어져야 한다고 합니다.


<div class="owl-carousel owl-theme">
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
</div>




데모페이지는 밑에 정리해두겠습니다



기본 basic 슬라이드 


https://owlcarousel2.github.io/OwlCarousel2/demos/basic.html



반응형 슬라이드 (브라우저의 가로 크기나 세로크기에 따라서 

슬라이드가 자동조정됨)


https://owlcarousel2.github.io/OwlCarousel2/demos/responsive.html



그외에도 여러기능이 있네요 슬라이드 끊기지않고 쭉이어간다던지.. 


jquery로 로드할때에 속성값을 맞춰주면 아이콘이랑 

여러가지 바꿔서 사용할수 있었던것으로 기억합니다.


따로 만들어보는것도 중요하지만


실전을 위해서 자기가 자주 사용하는 라이브러리들은 정리해두는것이 중요합니다.


가져다쓰는것도 결국엔 기본문법이 되어야 가져다 쓸수있는겁니다.



즐프하시길 바랄께요 ^_^



블로그 이미지

잡코드맨

댓글을 달아 주세요



https://daneden.github.io/animate.css/


공식 사이트 (?)입니다. 





기본 사용법은 




<head> 태그안에


<head>
  <link rel="stylesheet" href="animate.min.css">
</head>



animate.min.css 를 로드합니다.



<div class="animated bounce">Example</div>



클래스 이름을 animated를 앞에 정의해주고 뒤에 애니매이션 속성을 

써주면 적용이 됩니다.  

(태그안에 직접적용시 DOM Element가 로드 될때 한번만 실행됩니다.)

이걸 좀더 반복하거나 이벤트를 주시려면 javascript 문법을 

따로 정의 해주셔야 합니다.




제이쿼리를 통해 로드 되거나 버튼을 클릭해서 이벤트를 bind 해서 

클래스명을 변경시켜 동작할수도 있습니다.




공식 Git-Hub 에서 메뉴얼을 살펴보면 더자세하게 나와있습니다. 

참고하시길 바랍니다.



https://github.com/daneden/animate.css



클래스 이름들은 밑에 나열한 클래스이름들을 이용하시면 되겠습니다.



Class Name
bounceflashpulserubberBand
shakeheadShakeswingtada
wobblejellobounceInbounceInDown
bounceInLeftbounceInRightbounceInUpbounceOut
bounceOutDownbounceOutLeftbounceOutRightbounceOutUp
fadeInfadeInDownfadeInDownBigfadeInLeft
fadeInLeftBigfadeInRightfadeInRightBigfadeInUp
fadeInUpBigfadeOutfadeOutDownfadeOutDownBig
fadeOutLeftfadeOutLeftBigfadeOutRightfadeOutRightBig
fadeOutUpfadeOutUpBigflipInXflipInY
flipOutXflipOutYlightSpeedInlightSpeedOut
rotateInrotateInDownLeftrotateInDownRightrotateInUpLeft
rotateInUpRightrotateOutrotateOutDownLeftrotateOutDownRight
rotateOutUpLeftrotateOutUpRighthingejackInTheBox
rollInrollOutzoomInzoomInDown
zoomInLeftzoomInRightzoomInUpzoomOut
zoomOutDownzoomOutLeftzoomOutRightzoomOutUp
slideInDownslideInLeftslideInRightslideInUp
slideOutDownslideOutLeftslideOutRightslideOutUp
heartBeat





블로그 이미지

잡코드맨

댓글을 달아 주세요



자바스크립트 JQUERY 에서 bind 라는 명령어로 

함수를 연결해 사용할수 있습니다.


$("#table > tbody > tr > td") 



이런식으로 table 태그 내에 있는 CSS 문법도 사용가능 하며 


클래스로 묶어 사용해도 무관합니다..


bind 함수는 정말 유용하니 연습해두시는걸 추천합니다.

블로그 이미지

잡코드맨

댓글을 달아 주세요

https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_dom_html_set



// w3school 예제입니다 가서 확인하셔도 됩니다!






별로 어렵지 않습니다!



블로그 이미지

잡코드맨

댓글을 달아 주세요



이 문법의 핵심은 


왼쪽클릭은  변수로 제어 할수 있지만.


오른쪽클릭은 직접 이벤트를 부여하여.


※ 이러한 형식이 context menu 라 합니다.


 event.preventDefault(); << 이 구분이 기존에 있던 이벤트 

오른찍클릭하면 위의 그림과 같이 나오는 ContextMenu의 이벤트를 없애버립니다. 




블로그 이미지

잡코드맨

댓글을 달아 주세요


입력후에 초기화 버튼 누르면 컨펌 창이 뜨고 확인을 누르면 


input 안에 있는 값들 초기화 시킬수있다.

블로그 이미지

잡코드맨

댓글을 달아 주세요


접근제한자.

통상적으로 메서드 정의할때는 public 
보호해야할 변수가있다면 private 를 사용한다.

다른클래스의 private는 메인함수에서 (다른클래스) 접근 불가능하다.

생성자함수 생략이 가능한데.

애초에 생성자 함수를 따로 정의하지않는다면 

컴파일러 딴에서 자기가 알아서 만들어주어서 넘겨준다.

생성자 함수를 우리가 정의할수도 있는데

초기화의 목적으로 사용한다.




오버로드 - 같은 이름을 가진 함수가 매개변수의 자료형이 다르거나 개수가 다르면. 중복정의 할수있다.

우리는 이미 

System.out.println(); 

우리는 메서드를  통하여 알게모르게 오버로드를 사용하고 있었음


블로그 이미지

잡코드맨

댓글을 달아 주세요

// 붙혀넣기후 Ctrl + i 눌러주세요


// 결과
/*
정수를 입력하요.
123456789 << 입력
45 << 출력

1+2+3+4+5+6+7+8+9 = 45 

*/

// int > String 하려면 .Integer.toString(숫자);
// String 클래스 > length(); 문자열의 길이를 알수있다. "ABC" => 3
Scanner sc = new Scanner(System.in);
System.out.println("정수를 입력하요.");
int number = sc.nextInt();
String str = Integer.toString(number);
int[] nums = new int[str.length()];

for (int i = 0; i <nums.length; i++) {
nums[nums.length -i-1] = number % 10;
number = number / 10;
}
int sum = 0;
for (int i = 0; i < nums.length; i++) {
sum += nums[i];
}
System.out.println(sum);
sc.close();


블로그 이미지

잡코드맨

댓글을 달아 주세요

String str = "사과,배,포도,수박";
List<String> lt = new ArrayList<String>();

String arr[] = str.split(",");
for(int i = 0; i< arr.length; i++) {
System.out.println(arr[i]);
if(i % 2 == 0) {
lt.add(arr[i]);
}
}
for(int i=0; i<lt.size(); i++) {
System.out.println("리스트 array 에 담은 배열 들 "+lt.get(i));
}

블로그 이미지

잡코드맨

댓글을 달아 주세요