XMLHttpRequesthttps://www.mockaroo.com/ 1. XMLHttpRequest let request = new XMLHttpRequest(); //통신객체생성 const url = "./MOCK_DATA.json"; //서버주소설정 //응답상태별 처리 request.onreadystatechange = function () { if (request.readyState == 4 && request.status == 200) { jsonfunc(this.responseText); } }; //통신 방식과 주소 .open("GET", url) , 회선연결 request.open("GET", url); //통신실행 request.send(); //네트워크 통신으로 db 받기 //받은 db를 가공해서 화면에 바인딩 function jsonfunc(responseText) … 더 읽기
자바스크립트 데이터 타입 JavaScript에는 원시형(primitive type)과 참조형(reference type) 두 가지 유형의 데이터 타입이 있습니다. 원시형 데이터 타입은 변수에 직접 값을 할당하며, 참조형 데이터 타입은 변수가 객체를 참조합니다. 특징: 참조형 데이터는 가변(Mutable)합니다. 객체나 배열은 변경 가능하므로 동일한 참조를 공유하는 다른 변수들도 해당 변경 사항을 반영합니다.변수에 참조값(reference value)이 저장되며, 실제 데이터는 힙(Heap) 메모리에 저장됩니다.참조값은 객체나 배열의 위치 … 더 읽기
자바스크립트로 웹페이지에 AI기반 이미지 생성 서비스를 구현해 봅시다. Chat-GPT 의 DALL-E 모델을 활용할 것입니다. DALL-E는 텍스트 설명을 기반으로 이미지를 생성하는 AI 모델로, 자연어를 기반으로 그림을 생성합니다. 현재 버전은 DALL-E-3 이며 DALL-E-2 와 DALL-E-3 모델 중 선택하여 사용할수 있습니다. 오픈ai api 문서 https://platform.openai.com/docs/overview 이미지생성기 가이드 링크 https://platform.openai.com/docs/api-reference/images 🔗완성화면 1. html 구조작성 💡 html,css, 아이콘 모두 부트스트랩 … 더 읽기
자바스크립트 클래스(JavaScript Class) 📁 완성파일 https://jsfiddle.net/qwerew0/qfezhc0g/11/ 1. 개요 class ? 객체 팩토리(공장) Class는 객체의 모양과 동작에 대해 미리 정의해 놓은 틀 클래스는 객체의 기본값(속성)을 정해놓고 메소드를 여러번 정의하기 위해씀 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Classes 클래스 정의하기 클래스는 class 키워드를 사용하여 정의됩니다. class ClassName { // 클래스 내용 } 클래스 생성자 클래스는 생성자를 가질 수 있습니다. 생성자는 클래스의 객체를 만들 … 더 읽기
