본문 바로가기

js22

HTML/JS: Audio 객체 음악 파일 제어 및 사운드 재생/정지 방법 HTML에서 오디오를 재생하는 방법 2가지를 정리한다. 1. HTML의 audio 태그를 이용하는 방법 2. Javascript의 audio객체를 이용하는 방법 참고로, 크롬 브라우저에서는 autoplay가 금지되어 자동재생이 불가하다. 1) HTML에서 코드는 자동 재생되지 않으며, 2) Javascript에서 사용자의 액션이 없는 상태에서의 audio객체.play() 코드도 작동하지 않는다. 상황에 따라 아래와 같은 로그가 뜰 수도 있다. Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. 오디오 자동재생이 사용자 환경에 좋지 않다고 판단한 크롬의 정책이라는 것.. 2021. 6. 19.
VS CODE: JS 함수 주석 문서화하는 방법(자동완성 툴팁 노출) 자바스크립트 작업을 할 때, 함수에 주석을 달아서 문서화(Doc?)해두면, 함수를 호출할 때 아래처럼 자동완성 툴팁이 노출되어 아주 편하다. 즉, 함수의 파라미터 타입, 반환값에 대한 정보를 보면서 프로그래밍할 수 있게 된다. (작업 환경: VSCode 자바스크립트 개발) # JS 함수의 문서화 주석 만드는 방법 1. 함수 선언 ▶︎ 평소처럼 함수를 만들어준다. ▶︎ 여기서는 id, name을 파라미터로 받아서 반환하는 getInfo 함수를 선언했다. 2. 주석 생성 ▶︎ 함수의 바로 윗부분에서 /** 까지만 입력한다. ▶︎ 아래와 같은 자동완성이 노출되면 엔터를 쳐준다. 3. 파라미터 타입 ▶︎ @param {*} 파라미터 형식의 주석이 자동완성 되면, ▶︎ 대괄호 { } 사이에 number, stri.. 2021. 5. 9.
[자바스크립트] TSV to JSON 변환 출력 파싱 방법(예제 코드 + node.js 파일 처리 포함) CSV를 JSON로 파싱하는 방법(CSV to JSON)은 아래 링크 참고. [자바스크립트] CSV to JSON 변환 출력 방법+샘플예제코드(node.js 파일 처리 포함) | Javascript: TSV를 JSON으로 변환하는 방법 TSV는 Tab Seperated Values의 약자로, 탭( \t )로 구분된 문자열을 말합니다. 각 열은 탭(\t)로 구분되고, 각 행은 줄바꿈(\r\n)으로 구분되기 때문에, 이를 이용하면 TSV를 JSON으로 파싱할 수 있습니다. 이 글에서는 별도 라이브러리 없이, 자바스크립트만으로 TSV를 JSON으로 만드는 법을 정리합니다. (node 및 브라우저 환경 모두에서 작동) "아래의 tsvToJSON() 함수에 TSV문자열을 넣어호출하면 됩니다." (TSV파일을 다루.. 2021. 3. 24.
[JS] 자바스크립트 변수 생성 과정, 호이스팅 정리 # 자바스크립트의 변수 numOne = 1 처럼 값을 저장해둔 저장소. 필요할 때마다 numOne라는 이름으로 사용할 수 있다. 정확히는 38이라는 값이 저장된 메모리 주소(0x0773F542 등)를 저장하고 있다. var numOne = 1; console.log(numOne); // 1 # 변수의 생성 : var, let, const 키워드로 변수를 만든다 1) var : ES5 이전에 사용하던 변수 생성 키워드. 스코프 관련 이슈가 있음 var numTwo = 2; console.log(numTwo); // 2 2) let: ES6 부터 나온 변수 생성 키워. 다른 언어랑 비슷하다. let numThree = 3; console.log(numThree); // 3 3) const: ES6 부터 나온.. 2020. 10. 8.