안뇽하세여 오늘은 자바스크립트 콜백함수에 대해 자세히 파헤쳐봅시당 ^^! 자바스크립트 콜백(callback) 함수 일단 콜백함수가 무엇인지 한 번 살펴보죠😎 🔙콜백 함수 콜백 함수는 다른 함수에 인자로 전달되어, 그 함수의 작업이 끝난 후에 호출되는 함수를 말합니다. 콜백 함수는 자바스크립트에서 비동기 처리를 구현하는 가장 일반적인 방법 중 하나입니다. 아래의 주석부분을 콜백 함수로 표현한 것입니다. // function func1(){ // document.write("1.함수 실행"); // } // function func2(){ // document.write("2.함수 실행"); // } // func1(); // func2(); function func(){ document.write("2.함..

안녕하세요~ 오늘은 저번에 했던 게임 이펙트를 이어서 작업해보겠습니다! 뮤직리스트 버튼, 뮤직리스트 닫기 버튼 // 뮤직 리스트 버튼 musicListBtn.addEventListener("click", () => { musicList.classList.add("show"); }); // 뮤직 리스트 닫기 버튼 musicListClose.addEventListener("click", () => { musicList.classList.remove("show"); }); "musicListBtn"와 "musicListClose" 두 개의 버튼에 이벤트 리스너를 추가하는 JavaScript 코드입니다. "musicListBtn" 버튼을 클릭하면 "musicList" 요소에 "show" 클래스가 추가되고, "m..

오늘은 코딩일기 쓰는 날~ ~~ 오전에 뭔가 시간이 안갔는ㄷㅔ 오후에 조별작업하니까 시간이 후루루룩... 그래도 이번주엔 내일만 나가면 되니까 ㅎㅎ^^! 열심히 버텨본다. 오전엔 사이트 완성? 마무리 아직 못지었지만 어느정도 다 완성한 것 같다 스와이퍼? 라이브러리에서 갖다 쓰니까 엄청 편했다 ㅎㅎ 스크립트 짤려면 매우 힘들었겠지만 ... 이거는 소스 갖다 쓰고 내맘대로 바꾸면 되는 거니까 ㅎㅎ 실무에 가면 저런 거 먼저 한다니.... 미리미리 연습해둬야겠다ㅜㅜ https://yeodaseul4355.github.io/web2023/site/site1/index.html 사이트 만들기 1 오드퍼퓸(EDP) 오드퍼퓸(EDP)은 향수의 농도가 가장 높은 제품 중 하나로, 향수 성분의 농도가 약 15-20% ..

오늘은 게시판 영역 중, 게시글을 검색하는 부분을 작업해보겠습니다. 게시판 검색하기 board.php input과 select에 name과 id를 붙여줍니다. 게시판 검색 영역 boardSearch.php

오늘은 메뉴 유형 2가지를 만들어보겠습니다! 메뉴 유형 1 구조 메뉴1 서브메뉴1-1 서브메뉴1-2 서브메뉴1-3 서브메뉴1-4 메뉴2 서브메뉴2-1 서브메뉴2-2 서브메뉴2-3 서브메뉴2-4 메뉴3 서브메뉴3-1 서브메뉴3-2 서브메뉴3-3 서브메뉴3-4 메뉴4 서브메뉴4-1 서브메뉴4-2 서브메뉴4-3 서브메뉴4-4 메뉴 안에 서브메뉴가 있는 구조입니다. 각각의 메뉴에 마우스오버를 하면 서브메뉴가 나오는 구조입니다. CSS .nav { width: 80%; background-color: #ccc; } .nav > ul { display: flex; justify-content: right; padding: 30px 40px; } .nav > ul > li { position: relative; } ..