두부의 코딩일기

안녕하세요. Javascript에서 배열에 들어있는 모든 숫자의 합계를 계산하는 방법에 대해서 알아보겠습니다. for loop forEach() 메소드 reduce() 메소드 총 3가지 방법으로 배열 내에 모든 숫자들의 합계를 구해보겠습니다. 1. for loop const nums = [1, 2, 3, 4, 5]; let sum = 0; for (let i=0; i { sum += num; }) // 15 3. reduce() 메소드 const nums = [1, 2, 3, 4, 5]; const sum = nums.reduce((accumulator, currentValue) => { return accumulator + currentValue }, 0); // 15 reduce()는 ES6에서 도입..

자바스크립트를 실행하려면 웹브라우저와 에디터만 있으면 된다. 웹브라우저는 크롬, 에디터는 Notepad++를 사용했다. (노트패드가 없는 경우에는 메모장을 사용해도 된다.) 1. 노트패드를 실행하고 아래 구문을 입력한다. HTML 기본 구조다.

자바스크립트에서의 변수 선언은 var, let, const를 사용한다. java에서는 변수의 유형에 따라 int, String, double 등으로 선언하지만 자바스크립트에서는 위 3가지로 변수 선언이 이루어진다. 그렇다면 var, let, const는 어떤 차이점이 있을까? 변수 선언 및 재할당 가능 여부 1. var [중복 선언 가능, 재할당 가능] var tmp = 'Hello'; console.log(tmp); // Hello var tmp = 'World'; console.log(tmp); // World tmp = 'Hello World'; console.log(tmp); // Hello World 동일한 이름으로 중복 선언을 했는데도 에러가 발생하지 않고, 해당 변수를 다른 값으로 변경할 수..

정규표현식 정의 (Regular Expression) 특정한 규칙을 가진 문자열의 집합을 표현하는데 사용하는 언어로 코드가 간결해지는 장점을 가지고 있지만 가독성이 떨어진다. 정규표현식 형식 /패턴/플래그 슬래시(/) 사이에는 매칭시킬 패턴을 써준다. 슬래시(/) 다음에는 옵션을 설정하는 플래그를 써준다. (플래그는 하나만 찾을지 여러 개를 찾을지 등을 설정하는 옵션) 정규표현식 매칭 패턴 (문자, 숫자, 기호 등) 패턴 의미 a-zA-z 모든 영어 ㄱ-ㅎ가-힣 모든 한글 0-9 모든 숫자 . 모든 문자열 (숫자, 한글, 영어, 특수기호, 공백 모두) \d 숫자 \D 숫자 제외 모든 문자 \w 영어 \W 영어 제외 모든 문자 \s 공백 \S 공백을 제외한 모든 문자 정규표현식 검색 패턴 기호 의미 | O..

자바스크립트에서 문자열의 공백을 제거하는 방법에는 trim 함수와 replace 함수 2가지가 있습니다. trim 함수와 replace 함수 사용 방법에 대해서 알아보겠습니다. 1. trim 함수를 이용한 공백 제거 var str = ' Java Script '; str.trim(); // 'Java Script' trim 함수를 이용하면 문자열의 맨 왼쪽과 오른쪽의 공백을 제거할 수 있지만 문자열의 내부는 제거되지 않는다. 또한 trim 함수는 인터넷 익스플로러 IE10 버전부터 지원이 가능하기 때문에 IE9 아래 버전은 replace 함수를 이용해야한다. 2. replace 함수를 이용한 공백 제거 replace 함수를 이용하면 정규식과 함께 사용해야한다. var str = ' java script ..

1. substr() str.substr(start, [length]); str: 문자열 start: 문자열 시작 인덱스, 0부터 시작 length: 추출할 문자열의 길이 const str = 'Hello'; console.log(str.substr(1,3)); // ell 2. substring() str.substring(start, [end]); str: 문자열 start: 문자열 시작 인덱스, 0부터 시작 end: 문자열 끝 인덱스 const str = 'Hello'; console.log(str.substring(1,3)); // el 3. slice() str.slice(start, [end]); str: 문자열 start: 문자열 시작 인덱스, 0부터 시작 end: 문자열 끝 인덱스 cons..

window.open(url, name, specs, replace); 1. url: 새 창에 보여줄 주소 2. name: 새로 열릴 창의 속성 또는 이름을 지정, 기본 값은 _blank이다. - _blank: 새 창에 여린다. - _parent: 부모 프레임에 열린다. - _self: 현재 페이지를 대체 - _top: 로드된 프레임셋을 대체 - _name(임의의 이름): 새 창이 열리고 창의 이름을 지정 3. specs: 창의 크기, 스크롤여부, 리사이즈 기능 등을 지정 - channelmode=yes || no: 전체화면으로 창을 띄움 - directories=yes || no: 디렉토리 버튼의 표시여부 - fullscreen=yes || no: 전체 화면 모드 - height=pixels: 창의 높..