본문 바로가기

분류 전체보기

[ChatGPT] DALLE3 ChatGPT에서 DALLE3 모델을 출시하였는데요.DALLE3는 프롬프트를 기반으로 이미지를 생성해주는 사이트입니다.DALL·E 3 | OpenAI  메인 페이지입니다.Try chatGPT를 클릭후프롬프트에 요구사항을 적으면 이미지를 생성합니다.   저는 이 이미지를 사용해서 개인 프로젝트를 진행해보려고 합니다.이미지가 필요한데 요구사항이 있을 때 사용하면 좋은DALLE3 모델이었습니다. 더보기
[jQuery] 반복문 Javascript에서는배열을 대괄호 []로 선언하고,객체는 중괄호 {}로 선언합니다. 배열let arr = [1, 56, 3, 86, 12]; 객체let obj = {menu : "초밥", price : 15000}; 배열속에 객체를 넣는 방법도 있습니다. let arrobj = [{    menu : "라면",    price : 4000,   },   {       menu : "김밥",        price : 3000,                   },      {       menu : "돈까스",        price : 7000,                    }       ];  jQuery에서는 배열을 대상으로 반복문을 사용할 수 있습니다.$.each를 사용해서 구현할 수 있.. 더보기
[jQuery] Mouseenter, Mouseleave Mouseenter와 Mouseleave는jQuery에서 제공하는 마우스 이벤트 함수입니다.코드를 보면서 설명하겠습니다.$("#t2").mouseenter(()=>{    $("#t2").css("opacity" , 1);    });$("#t2").mouseleave(()=>{    $("#t2").css("opacity" , 0);    }); Mouseenter는 Mouse가 식별자에 해당하는 공간에 들어올 때 (Enter),작업을 수행하는데요.위에서는 t2라는 식별자에 해당하는 태그의 공간에 마우스가 들어올 때table border = "1" id = "t2">table>(=>여기서는 table입니다.)해당 테이블의 opacity(투명도를) 1로 바꿉니다. 밑에는 Mouseleave라는 함수가 있.. 더보기
[jQuery] setInterval setInterval은 JavaScript의 반복 함수입니다.일정한 시간 간격으로 코드를 반복 실행하는데요.이와 비슷한 함수로는setTimeout이 있습니다. 정해진 시간 후에 코드가 한번 실행시키는 함수입니다. setInterval함수의 예제를 살펴봅시다.setInterval(() => {    let x = Math.random() * 500;    let y = Math.random() * 500;    $("img").css("top", y + "px");    $("img").css("left", x + "px");         }, 1000); 함수는 실행할 내용과반복할 시간이 들어가는데요.위 코드를 해석해보면x와 y에 랜덤한 값을 넣어서이미지의 x,y값에 해당 값을 css로 넣는 코드입니다.. 더보기
[jQuery] CSS jQuery의 css메소드를 써서선택자에 따른 css를 부여할 수 있습니다.이때 jQuery문의 구조는 $("선택자").css("속성명", "값") 형태입니다.예제 코드를 살펴보겠습니다. script type ="text/javascript" src ="jQuery.js">script>script type ="text/javascript">$(function(){    // $("선택자").css("속성명", "값");    $("#btn1").click(()=>{                 $("h1").css("color", "teal");        $("h1").css("background-color", "pink");                       });}); #btn1이라는 선택자.. 더보기
[jQuery] 선택자 선택자는 HTML 요소를 선택하는 방법입니다. jQuery에서는 $(선택자)를 사용하여 HTML 요소를 선택하고,해당 요소에 대해 작업을 수행할 수 있습니다.예시를 하나 살펴볼까요. $(function(){ alert("점심 먹으러 준비 갈 완료 !"); })  function이라는 선택자가 들어가면프로그램이 실행되면해당 메소드 내에 작업을 수행합니다.jQuery를 사용하면서 알게되는여러 기능들을 기록해 나갈 예정입니다. 더보기

티스토리툴바