기초부터 시작하는 코딩 114

자바스크립트를 사용한 탭메뉴효과 만들기

- 탭메뉴라고 부르는 방식입니다. 버튼에 커서를 올렸을 때 밑에 하위 메뉴가 나오는 방법입니다. - m1은 하나 씩 나오는 것이고 m2는 한번에 나오는 것입니다. - 코드를 보시죠 M1 - Jquery $(".nav > ul > li").mouseover(function(){ $(this).find(".submenu").stop().slideDown() }); $(".nav > ul > li").mouseout(function(){ $(this).find(".submenu").stop().slideUp() }); - 제이쿼리를 사용하는 방법입니다. - 선택자를 $로 선택해주고 마우스를 올렸을 때와 내렸을 때 실행되는 함수를 만들어 준 뒤 slideDown(); 과 slideUP();을 통해 효과를 넣어 ..

Javascript를 공부해 봅시다! - 번외편. 오답노트를 해보자(6)

{ function func(begin, diff, n){ cnt = 1; ret = begin; while(0){ cnt += 1; ret *= diff; if(cnt == n) return ret; } return ret } console.log(func(1, 3, 4)); } - while문 안에 0 이 들어가 있어서 false 가 됩니다. - 그래서 실행이 안되는 것이죠 - 그래서 ret가 그냥 바로 출력이 됩니다. - 정답은 1이죠 { let x = 1; console.log( !(x>0) ); console.log( x>0 || x

Javascript를 이용한 사이트 만들기! - 게임 효과 사이트 만들기02

- 오늘은 저번에 했던 게임 이펙트 입니다. - 이번에는 음악 플레이어를 만들어 주었습니다. - 버튼을 누르면 다음곡,이전곡,재생이 되게 해주었고 원하는 시간 대로 이동할 수 있도록 바에 효과를 주었습니다. - 추가된 코드를 보시죠 - 자바 스크립트만 보시죠 const allMusic = [ { name : "1.Deck The Halls - DJ Williams", artist : "몰루", img: "music_view01", audio: "music_audio01" }, { name : "2.Dove Love - Quincas Moreira", artist : "dd", img: "music_view02", audio: "music_audio02" }, { name : "3.Frightmare - ..

PHP를 사용해서 게시판 페이지 버그를 fix~, 기능을 add~

- 어제 열심히 만들 었지만 버그가 엄청엄청 많습니다. - 그걸 하나하나 고쳐보는 거지요 - 오늘 고친게 일단 사용자가 로그인 되어있는지 확인하는 기능을 추가해주었고, 사용자의 비밀번호를 입력해야 글을 수정할 수 있도록 만들어 주었습니다. - 게시판 페이지 밑에 번호들도 기능을 추가해 주었죠 - 코드를 보시죠 - sessionCheck.php 폴더를 만들어주고 거기에 if문을 만들어 주었습니다 만약 세션에 멤버아이디 데이터가 없다면 로그인 페이지로 이동시켜주어 로그인을 유도하였습니다. - 이걸 이제 필요한 곳에 include 시켜주면 해당 페이지에 로그인을 한 사람만 들어갈 수 있게 되는 거죠 - 자 이제 수정 페이지 입니다. echo "비밀번호"; }; - 일단 모디파이에 인풋박스를 하나 추가해주었습니..

PHP를 사용해서 게시판 페이지를 만들기

- 중에서도 오늘 숙제만 한번 해보겠습니다. - 다 하기에는 너무 많아요... if(isset($_GET['boardID'])) { $boardID = $_GET['boardID']; $sql = "SELECT b.boardContents, b.boardTitle, m.youName, b.regTime, b.boardView FROM board b JOIN members m ON(m.memberID = b.memberID) WHERE b.boardID = {$boardID}"; $result = $connect -> query($sql); if($result){ $info = $result -> fetch_array(MYSQLI_ASSOC); echo "제목".$info['boardTitle'].""; ..

Javascript를 이용한 사이트 만들기! - 게임 효과 사이트 만들기01

- 오늘은 게임 이펙트 입니다. - 뭐 특별한게 있다기 보다는 움직이는 이미지(?) 배경에 넣어주고 - 파일들 드래그가 가능하게 해주었습니다. - 배경은 특별한 css파일을 넣었습니다. - 그리고 파일들을 클릭했을 때 헤더부분의 배경이 변하며 어떠한 아이콘을 선택하고 있는지 알려주는 문구를 띄웠고 - 현재시간을 알려주는 시계와 현재 스크린의 크기를 알려주는 문구를 만들어 주었습니다. - 코드를 보시죠 KEBAB's GAME WORLD 2023년 4월 24일 16시 40분 뮤직 듣기 뮤직 듣기 뮤직 듣기 뮤직 듣기 현재---아이콘를선택하였습니다. 현재 맥 를사용하고 있으며, 화면 크기는 1920*1080 입니다. - 막 특별한 것은 없습니다. - jquery와 gsap또한 사용하였기 때문에 링크를 긇어 왔..