Topic

자바스크립트

A collection of 197 posts
자바스크립트

[javascript] JSON 문서에 코멘트를 사용하는 방법

표준 JSON문서는 데이터를 표현하는 규격만 있으며, 코멘트를 작성하거나 표시하는 규격은 없습니다. 따라서 JSON 안에 코멘트를 표시하는 태그, 또는 작성 방법은 없습니다. 모든 문서가 그렇지만, 데이터만을 표현하는 JSON에도 JSON 키와 데이터 구조에 대한 설명을 작성해서 JSON 데이터를 사용하는 사용자에게 알릴 필요가 있습니다. 그래서 JSON 안에 코멘트를 작성하는 몇몇가지 융통성 있는 방법,
2 min read
AI

[node.js] ChatGPT API와 node.js로 AI 자동 글쓰기 기능 만들기

ChatGPT API를 node.js에서 사용하려면 "openai" 패키지를 설치해야 합니다. openai는 node.js에서 ChatGPT API를 사용할 수 있게 해주는 모듈입니다. 인터넷으로 검색되는 ChatGPT API 사용 코드들의 상당수가 현재 버전의 최신 openai 모듈의 사용법과 호환이 되지 않습니다. 모듈의 객체 구조가 많이 다르고, ChatGPT API의 응답 결과를 담는 데이터 구조도 조금 다릅니다. 먼저
10 min read
자바스크립트

[javascript] dialog 태그로 팝업창과 모달 대화상자 만들기

dialog 태그 별도의 창에 표시하지 않는 팝업창과 모달 대화상자를 생성하는 방법은 자바스크립트 코딩을 할 때 꽤 귀찮은 작업입니다. 웹 페이지 안에 모달창을 생성하는 많은 라이브러리들이 있지만 보다 가볍고 빠르게 로딩되는 요즘의 웹 제작 추세와는 거리가 있기 때문에 많은 경우 모달창을 커스텀 제작을 해서 사용하기도 합니다. 웹페이지 가운데 표시되는 인라인 팝업창
14 min read
자바스크립트

[javascript] 정규표현식 객체와 매칭 함수 사용 방법 - RegExp match()

자바스크립트의 정규 표현식 객체 자바스크립트로 작성한 정규표현식은 별도의 개발 도구 없이 웹 브라우저 콘솔 창에서 코드를 실행해서 정규표현식 실행 결과를 확인할 수 있습니다. 자바스크립트는 정규 표현식을 내장 객체로 지원합니다. 정규 표현식 객체를 생성한 후, 문자열을 검색하는 메소드에 정규 표현식 객체를 인자로 삽입해서 정규 표현식 매칭을 합니다. 문자열을 검색하는 메소드 중에
9 min read
자바스크립트

[javascript] null 체크와 널리시 값 체크

null 체크를 알기에 앞서 몇가지 기본적인 타입 체크를 하는 방식과 널리시(Nullish) 값에 대해서 알아야 합니다. typeof 자바스크립트에서 변수의 타입을 체크하는 지시자는 typeof 입니다. "typeof 변수명"을 하면 변수의 타입을 반환합니다. 기본적인 사용 방법은 다음과 같습니다. 반환하는 타입 정보는 문자열입니다. typeof 반환 값과 비교를 할 때는 문자열과 비교를 해야 합니다.
3 min read
자바스크립트

[javascript] confirm 확인창 띄우기

사용자가 웹사이트에서 어떤 동작을 했을 때 해당 동작이 맞는지 확인하는 알림창을 띄워서 다시 확인하는 것을 confirm 확인창이라고 합니다. 폼에 내용을 작성하고 내용 전송을 위해 제출 버튼을 눌렀을 때 작성한 내용이 맞는지 다시 확인할 때 알림창을 사용합니다. confirm 확인창 표시는 confirm() 함수를 사용합니다. 함수 파라미터로 알림창에 표시할 메시지를 넣으면 메시지가 알림창에
2 min read
자바스크립트

[javascript] 숫자만 입력하면 자동 하이픈 연결로 포매팅되는 전화번호 처리 기능 만들기

전화번호, 또는 휴대폰 번호는 입력 오류가 가장 빈번하게 발생하는 입력 필드다보니 입력한 자리수 체크와 숫자 체크, 그리고 하이픈 입력 여부를 체크해서 후처리를 하는 스크립트가 필수입니다. 코딩 스킬이 발전하기 전에는 전화 번호 입력을 국번, 4자리 숫자, 4자리 숫자로 입력 필드를 구분해서 입력을 받는 방식을 사용했습니다. 이런 입력 오류를 차단하기 위해 지역
8 min read
자바스크립트

[javascript] Date객체 시간을 한국 시간으로 설정하기

자바스크립트의 Date객체가 표현하는 시간은 UTC 표준시간으로 한국(아시아/서울) 시간과는 9시간 차이가 납니다. 따라서 시간을 보정해서 한국 시간으로 설정해야 올바른 시간 표현이 가능합니다. Date객체의 시간을 한국 시간으로 변경하는 방법은 여러가지 방법이 있습니다. toLocaleString() 함수로 지역 시간으로 변경 toLocaleString() 함수는 지역 설정 값을 파라미터로 넣어서 시간을 지역 시간으로 변경할 수 있습니다.
2 min read
자바스크립트

[javascript] 날짜 선택 필드의 날짜 선택 범위를 제한하기

HTML의 날자 입력 필드는 별도의 날짜 라이브러리 없이도 날짜 선택을 편리하게 할 수 있게 해주는 새로운 HTML의 입력 타입입니다. 날짜 입력 필드로 날짜를 선택할 때는 두 가지 속성을 이용해서 선택할 수 있는 날짜 범위를 제한할 수 있습니다. * min: 선택할 수 있는 최소 날짜. 최소 날짜 이전 날짜는 선택할 수 없음
5 min read
자바스크립트

[javascript] 디버거 지연 호출하기

자바스크립트에서 웹 브라우저 개발자 도구의 디버깅을 활성화 해주는 구문인 "debugger"는 자동으로 디버거를 띄워주기 때문에 편리하지만 경우에 따라서는 일정시간 지연 호출을 하거나 조건에 부합할 때만 선택적으로 호출할 필요가 있습니다. 그럴 때 다음처럼 디버거 호출을 할 때 조건을 걸 수 있습니다. 일정 시간 후 디버거 호출하기 비동기 처리시 일정 시간 간격으로
1 min read