코딩 공부 코딩 공부

템플렛 리터럴(Template literals) 템플렛 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다.템플릿 리터럴은 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공합니다. ES2015 사양명세서에서는 template strings라고 불렸습니다. 템플릿 리터럴은 런타임 시점에 일반 자바스크립트 문자열로 처리/변환됩니다. 프론트엔드에서는 HTML을 데이터와 결합해서 DOM을 다시 그려야 하는 일이 빈번하기 때문에, 템플릿을 좀 더 쉽게 편집하고 작성해야 할 필요가 있어서, 이러한 기능이 추가되었습니다.(자바스크립트 자체적으로 지원하기 전에도 라이브러리로 존재했습니다.) 표현식 삽입법과 비교 템플릿 리터럴은 작은따옴표(')나 큰따옴표(") 대신 백틱(`)(..

문법정리 Groups and ranges Chracter 뜻 | 또는 () 그룹 [] 문자셋, 괄호안의 어떤 문자든 [^] 부정 문자셋, 괄호안의 어떤 문가 아닐때 (?:) 찾지만 기억하지는 않음 Quantifiers Chracter 뜻 ? 없거나 있거나 (zero or one) * 없거나 있거나 많거나 (zero or more) + 하나 또는 많이 (one or more) {n} n번 반복 {min,} 최소 {min,max} 최소, 그리고 최대 Boundary-type Chracter 뜻 \b 단어 경계 \B 단어 경계가 아님 ^ 문장의 시작 $ 문장의 끝 Character classes Chracter 뜻 \ 특수 문자가 아닌 문자 . 어떤 글자 (줄바꿈 문자 제외) \d digit 숫자 \D dig..

배열 메서드 reduce() 기본형태 배열.reduce((누적값, 현잿값, 인덱스, 요소) => { return 결과 }, 초깃값); 초깃값 설정에 따른 각 매개변수의 출력 let arrNum = [5, 6, 7, 8, 9]; document.write("****reduce()메서드 안, 초깃값 설정 안함****") let arrNumReduce1 = arrNum.reduce((p,c,i) => { document.write("p c i: ") document.write(p +" "); document.write(c +" "); document.write(i +" "); return i; }); let arrNum = [5, 6, 7, 8, 9]; document.write("****reduce()메서드..

자바스크립트의 반복 메소드 기본 동작 배열 내 모든 요소들을 순회하면서 특정 작업을 수행하거나 특정 조건을 만족하는 요소를 가져오는 등 반복적인 작업에 사용한다. 첫번째 인수로 콜백함수를 받는다. 콜백 함수는 일반적으로 다음과 같이 3개의 인수를 사용한다. function(element, index, array) forEach() 배열 내 각 요소를 순서대로 처리한다. 예제 forEach() 특징 반환 값이 없다. 원본 배열을 변경시킬 수 있다. map() 배열 내 각 요소를 순서대로 변환 처리후, 처리 결과를 새 배열로 반환한다. 예제 map() 특징 배열 내 각 요소별로 처리하되, 새로운 결과 배열을 반환한다. 새 배열을 출력하면서 같은 크기를 유지하지만 개별 요소의 내용은 변경 가능 forEach(..

함수 함수란 자바스크립트 코드를 저장하고 필요할 때 마다 호출하여 사용할 수 있는 코드 저장소입니다. function이라는 키워드를 이용하여 선언하고 결괏값을 반환합니다. 선언적 함수 기본형 function 함수명(){ 자바스크립트 코드(함수 정의문); } 함수 정의문안에 작성된 코드는 즉시 실행되지 않고 메모리에 할당되어 대기하고 있다가 함수가 호출되면 실행합니다. 함수 호출 함수명(); 함수는 정의되고나서 한번 이상 호출(선언)이 되어야만 실행됩니다. 이것을 선언적 함수라고 말합니다. 선언적 함수 예제 myFnc(); //함수 호출문이 먼저 나와도 호이스팅 방식이 적용되어 정상적으로 함수를 호출합니다. function myFnc(){ document.write("Hello", " "); } myFnc..

for ...in 반복문 for in 반복문은 배열의 인덱스값이나 객체의 key를 순차적으로 불러올 수 있는 반복문입니다. for ...of 반복문 for of 반복문은 배열의 값을 불러올 수 있는 반복문 입니다. for in과 for of의 차이점 for in은 객체의 순환이고 for of는 배열의 순환입니다. 자바스크립트에서는 배열도 객체이기 때문에 for in은 배열의 인덱스 값을 key값으로써 불러옵니다.

반복적으로 출력시켜야 하는 부분은 for문이나 while문을 사용하는게 좋다. while문을 이용해서 1부터 100까지 출력하기 { let num = 1; while(num

반복문 반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행할 수 있습니다. 반복문에는 while문과 for문이 있습니다. 반복문을 제어는 break문과 continue문도 있습니다. while문 while문은 조건식을 만족할 때 까지 코드를 여러 회 반복하여 실행할 수 있습니다. 기본형 var 변수 = 초깃값; while(조건식){ 자바스크립트 코드; 증감식; } while문 예제 var i = 1; while(i