CODING/JavaScript
-
indexOf(), lastIndexOf()CODING/JavaScript 2018. 10. 24. 13:58
자바스크립트 javaScript indexOf(), lastIndexOf() methodsindexOf() 메소드는 파라메터와 같은 문자 or 문자열을 처음부터 찾아 몇번째 위치하는지 리턴하는 메소드다. -사용방법문자열.indexOf("찾을문자열", 검색을 시작할 인덱스값[생략가능]) 예)1234567function myFunction() { var str = "ABCCDE"; var pos = str.indexOf("A"); document.write(pos);}cs위의 예제에서 indexOf의 리턴값은 0이다.주의! 자바스크립트는 0부터 카운트 한다. 그래서 첫자인 A를 찾아 그 인덱스 값인 0을 리턴 하는것이다.그렇다면 str.indexOf("B");의 리턴값은? 1이다. 이런식으로 0부터 1, 2..
-
.slice() – 배열의 일부분을 선택하여 새로운 배열을 만드는 속성CODING/JavaScript 2018. 10. 22. 15:09
One, Two, Three, Four, Five, Six slice( 1, 4 ) slice( 2 ) slice( -4, -1 ) 결과One, Two, Three, Four, Five, Sixslice( 1, 4 )Two,Three,Fourslice( 2 )Three,Four,Five,Sixslice( -4, -1 )Three,Four,Five 출처 : CODING FACTORY https://www.codingfactory.net/10420
-
jQuery 보다 먼저 알았으면 좋았을 것들CODING/JavaScript 2018. 10. 19. 15:06
웹개발할 때 난 jquery 부터 사용하기 시작한것 같다. 라이브러리가 주는 편리함 넘어 어떻게 DOM API를 사용하는지는 몰랐다. 앵귤러, 리엑트 같은 프레임웍을 사용할 때도 마찬가지다. 기능을 구현하는데 별다는 어려움은 없었다.그러다 보니 다양한 개발 환경에 민첩하게 움직이기 쉽지 않다. 운영중인 서비스에 쉽게 UI 프레임웍을 도입할수 없는 경우. 여러 버전의 제이쿼리를 혼용해서 사용하는 경우.라이브러리야 어찌되었듯 DOM API만은 브라우저에서 지원하기 때문에 처한 상황에 관계없이 안심하고 사용할 수 있다. 이럴 때 순수 자바스크립트 개발 역량은 무엇보다 중요하다고 생각한다.다시 기본으로…우리가 자바 웹 개발을 공부한다고 가정해 보자. 아마 이 순서로 공부거다.자바문법 공부 -> 2. JSP 서블..
-
자바스크립트 성능 최적화 팁CODING/JavaScript 2018. 10. 19. 15:01
대부분의 언어가 그렇듯이 자바스크립트는 배우기도 쉽고 사용하기도 쉽지만, 잘 사용하기는 아주 어려운 언어이다. 그냥 작성해도 돌아는 가지만, 더욱 최적화 할 수 있는 방법을 알아보려한다.문법|| 연산자|| 연산자는 참을 만나면 그 뒤는 연산을 하지 않으므로 if문 대신 사용 하면 코드량과 연산 횟수를 줄일 수 있다.var result; if( some_var ){ result = some_var; }else{ result = 'default value'; } // || 연산자 사용 const result = some_var || 'default value'; && 연산자&& 연산자는 참을 만나야 다음 연산을 하므로 어떤 조건을 만족할 때 실행하도록 하는 코드에서 사용하면 코드량과 연산 횟수를 줄일 수 있..