해당 포스트는 https://courses.wesbos.com/account/access/5d760ba285f96c03c1e5725d/view/194128542 를 기반으로 작성되었습니다. 이번 예제는 웹에서 음성 인식 추출 API( Web Speech API ) 사용하기 입니다. 기본으로 제공해주고 있어 별도의 작업 없이 사용할 수 있습니다만, 아쉽게도 Chrome에서만 제공되는 걸로 알고 있습니다. 만들어볼 예제 설명 이러한 웹 사이트를 만드는 예제입니다. 필요 기능을 분석해보자면, 사이트에 접속하는 순간 부터 음성 인식은 시작되어야 하며, 흐름이 끊기는 순간 문단이 바뀝니다. 실시간으로 음성 인식 텍스트 결과 값이 그대로 표시됩니다. 예제 시작 코드 Wesbos님께서 시작 코드를 제공해주시고 계십니..

해당 포스트는 생활코딩을 참고하여 작성되었습니다. 언어 소개 JavaScript 웹페이지를 동적으로, 프로그래밍적으로 제어하기 위해서 고안된 언어 자바스크립트는 배우기 쉬운 언어다. 웹브라우저에서 유일하게 사용할 수 있는 프로그래밍 언어 웹의 중요성 확대 역사 네스케이프에서 HTML의 정적 문제를 해결하기 위해 만듦 마이크로소프트의 인터넷 익스플로러에 jscript라는 이름으로 탑재 ECMA라는 표준화 기구로 이 언어의 관리 주체가 옮겨짐 ECMAScript 표준화 기구인 Ecma International에 의해서 관리되는 자바스크립트 표준안 현재는 ECMAScript 5(ES6)가 표준으로 정의됨 JavaScript 학습에 요구되는 선행학습 HTML 웹페이지를 만드는 언어로 자바스크립트가 제어하는 직접..

Date생성자는 시간의 특정 지점을 나타내는 Date 객체를 생성합니다. Date객체는 1970년 1월 1일 UTC(국제표준시) 00:00으로부터 지난 시간을 밀리초로 나타내는 유닉스 타임스탬프를 사용합니다. 날짜 구하기 현재 날짜 구하기 let now = new Date.now(); 특정 날짜 구하기 3번째 방법을 사용할 때 주의사항이 있다! ✔️2000년도 이후는 천의 자리로 입력한다. 십의 자리를 입력할 경우 자동으로 1900년도를 지정해준다. ✔️월은 0부터 시작한다. 즉, 1월을 입력하고 싶은 경우 0을 입력한다. let date1 = new Date('December 17, 1995 03:24:00'); let date2 = new Date('1995-12-17T03:24:00'); let d..

목표 정규식에 대한 이해, 간단 학습 일반 숫자 콤마(,) 구분자 넣기 구현 코드 정답부터 알려주자면 다음과 같다. // x는 숫자 function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','); } 1. 문자 변환 우선, 정규식을 사용하기 위하여 그리고 구분자가 포함된 새로운 문자열을 얻기 위하여 toString함수를 사용해 문자열로 변환해준다. 2. 조건에 맞는 문자를 찾아 대체 우리는 1000단위로 끊어, 콤마(,)를 삽입해야 한다. 즉, 특정 패턴을 찾아 새로운 문자열로 대체해야 한다. JS에선 이러한 기능을 제공하는 replace 메소드가 있다. String.prototype.replace() : r..