CODING/JavaScript31 자바스크립트 성능 최적화 팁 대부분의 언어가 그렇듯이 자바스크립트는 배우기도 쉽고 사용하기도 쉽지만, 잘 사용하기는 아주 어려운 언어이다. 그냥 작성해도 돌아는 가지만, 더욱 최적화 할 수 있는 방법을 알아보려한다.문법|| 연산자|| 연산자는 참을 만나면 그 뒤는 연산을 하지 않으므로 if문 대신 사용 하면 코드량과 연산 횟수를 줄일 수 있다.var result;if( some_var ){ result = some_var;}else{ result = 'default value';}// || 연산자 사용const result = some_var || 'default value';&& 연산자&& 연산자는 참을 만나야 다음 연산을 하므로 어떤 조건을 만족할 때 실행하도록 하는 코드에서 사용하면 코드량과 연산 횟수를 줄일 수 있.. 2018. 10. 28. JavaScript String match () 메서드 정의와 사용법match() 메서드는 문자열에서 정규 표현식과 일치하는 항목을 검색하고 일치 항목을 Array 객체로 반환합니다.RegExp 튜토리얼 과 RegExp Object Reference 에서 정규 표현식에 대해 자세히 읽어보십시오 .참고 : 정규 표현식에 g 수정 자(전역 검색 수행)가 없으면 match() 메서드는 문자열에서 처음으로 일치하는 문자열만 반환합니다. 이 메소드는, 일치하는 것이 발견되지 않는 경우 는 null를 돌려 줍니다 .예"ain"에 대한 문자열 검색 :var str = "The rain in SPAIN stays mainly in the plain"; var res = str.match(/ain/g); 결과 : ain,ain,ain 통사론string.match(regex.. 2018. 10. 24. slice(), subString(), subStr() method 자바스크립트에서 문자열을 잘라 리턴하는 메소드는 3가지가 있다.1. slice()2. substring()3. substr() 그럼 slice()부터 사용법에 대해 알아보자. slice 사용방법문자열.slice(잘라올 첫 위치값, 잘라올 마지막 위치값) 여기서 잘라올 첫번째 위치값은 이상 이고 잘라올 마지막 위치값은 미만이라고 생각하면 편하다.다시 말해 첫 위치값은 리턴값에 포함되며 마지막 위치값은 미포함된다. 주의하자.아래의 예를 보자 예)12345script>var str = "Apple, Banana, Kiwi, Pear, Peach";var result = str.slice(7, 13);document.write(result);/script> str 변수에 인덱스 값을 확인하면A(0)p(1)p.. 2018. 10. 24. indexOf(), lastIndexOf() 자바스크립트 javaScript indexOf(), lastIndexOf() methodsindexOf() 메소드는 파라메터와 같은 문자 or 문자열을 처음부터 찾아 몇번째 위치하는지 리턴하는 메소드다. -사용방법문자열.indexOf("찾을문자열", 검색을 시작할 인덱스값[생략가능]) 예)1234567script>function myFunction() { var str = "ABCCDE"; var pos = str.indexOf("A"); document.write(pos);}/script>cs위의 예제에서 indexOf의 리턴값은 0이다.주의! 자바스크립트는 0부터 카운트 한다. 그래서 첫자인 A를 찾아 그 인덱스 값인 0을 리턴 하는것이다.그렇다면 str.indexOf("B");의 리.. 2018. 10. 24. .slice() – 배열의 일부분을 선택하여 새로운 배열을 만드는 속성 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 FACTORYhttps://www.codingfactory.net/10420 2018. 10. 22. jQuery 보다 먼저 알았으면 좋았을 것들 웹개발할 때 난 jquery 부터 사용하기 시작한것 같다. 라이브러리가 주는 편리함 넘어 어떻게 DOM API를 사용하는지는 몰랐다. 앵귤러, 리엑트 같은 프레임웍을 사용할 때도 마찬가지다. 기능을 구현하는데 별다는 어려움은 없었다.그러다 보니 다양한 개발 환경에 민첩하게 움직이기 쉽지 않다. 운영중인 서비스에 쉽게 UI 프레임웍을 도입할수 없는 경우. 여러 버전의 제이쿼리를 혼용해서 사용하는 경우.라이브러리야 어찌되었듯 DOM API만은 브라우저에서 지원하기 때문에 처한 상황에 관계없이 안심하고 사용할 수 있다. 이럴 때 순수 자바스크립트 개발 역량은 무엇보다 중요하다고 생각한다.다시 기본으로…우리가 자바 웹 개발을 공부한다고 가정해 보자. 아마 이 순서로 공부거다.자바문법 공부 -> 2. JSP 서블.. 2018. 10. 19. 이전 1 2 3 4 5 6 다음 반응형
