웹디자인 기능사 실기 레이아웃 유형별로 연습해보자!
·
코딩/웹페이지
웹디자인 기능사 실기 레이아웃 A~E유형 웹디자인 기능사 A~E유형 레이아웃을 짜봤습니당. 코드보기 https://yeodaseul4355.github.io/web2023/webd/index.html
자바스크립트와 정보처리기능사 문제 오답노트!
·
코딩/오답노트,마무리 문제
오늘은 7,8번에서 응용한 문제기 때문에 모든 문제 다 적지않고, 틀린 문제만 적겠습니다! 자바스크립트 오답노트 01. 다음의 결괏값을 작성하시오. { let i = 0; let sum = 0; while(i < 10){ i = i+1; if( i % 4 == 0) sum -= i; if( i % 4 == 1) sum += i; if( i % 4 == 2) sum *= i } console.log(sum) } 👊정답 : 190 오답노트 while 루프는 i가 10보다 작을 때까지 반복됩니다. 루프 내부에서는 먼저 i를 1씩 증가시키고, 그 후에 i를 4로 나눈 나머지에 따라서 sum 값을 조정합니다. i를 1 증가시키고, i가 4로 나누어 떨어질 때(i % 4 == 0), sum에서 i를 뺍니다. i를 ..
자바스크립트로 유튜브 뮤직 뺨치는 플레이리스트 구현해보기!!
·
코딩/JAVASCRIPT
안녕하세요! 오늘은 게임 이펙트 중 뮤직듣기 작업을 진행해보겠습니다. 뮤직듣기! 스크립트_선택자 const musicWrap = document.querySelector(".music__wrap"); const musicName = musicWrap.querySelector(".music__control .title h3"); const musicArtist = musicWrap.querySelector(".music__control .title p"); const musicView = musicWrap.querySelector(".music__view .image img"); const musicAudio = musicWrap.querySelector("#main-audio"); const musicP..
PHP 게시판 영역 정복하기👊
·
코딩/PHP
오늘은 게시판 영역 중, 게시글을 수정할 때 비밀번호를 입력해 일치하면 수정할 수 있도록 해주고, 페이지를 넘어가게 해주는 작업을 해보겠습니다. 게시판 수정하기 먼저 세션체크를 해줘야합니다. 현재 로그인 되어 있는지 확인하는 코드로, $_SESSION['memberID']가 설정되어 있지 않으면 로그인 페이지로 이동합니다. 따라서 해당 코드를 사용하는 페이지는 로그인이 필요한 페이지일 것입니다!! 그래서 세션체크가 필요한 곳에 include로 넣어줍니당! include "../connect/sessionCheck.php"; boardModify.php
PHP 게시판 영역 뿌셔보자 👊
·
코딩/PHP
오늘은 PHP 게시판 영역을 정리해보겠습니다. board.php(게시판) boardView.php(게시글 보기) boardWrite.php(게시글 쓰기) boardWriteSave.php(게시글 쓰고 저장) boardModify.php(게시글 수정) boardModifySave.php(게시글 수정 저장) boardRemove.php(게시글 삭제) PHP 게시판 영역 만들기 게시판을 만들기 앞서, board테이블을 만들겠습니다. createBoard.php board 테이블을 만들어줍니다. createBoardData.php
제이쿼리를 이용해 드래그 효과 만들기! (게임 이펙트)
·
코딩/JAVASCRIPT
오늘은 제이쿼리를 이용해 드래그 효과를 만들어보도록 하겠습니다. 구조 🎮JJUL GAME WORLD🎮 2023년 4월 24일 09시 30분 15초 MUSIC MUSIC MUSIC MUSIC 현재 윈도우를 사용하고 있으며, 화면 크기는 1920 X 760입니다. 기본적으로 header에 현재 날씨를 표시할 것이고, 메인엔 커서 이미지와 icon들이 들어갑니다. 그리고 footer에는 OS를 나타내줄 것입니다. 스크립트_jquery와 gsap 제이쿼리를 연동시켜줍니다. 마우스 커서 window.onload = function(){ window.addEventListener("mousemove", e => { gsap.to(".cursor", {duration: 0, left: e.pageX - 5, top:..
다쭐◠‿◠
쭐코딩