분류 전체보기 130

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 - ..

Archive/Javascript 2023.04.27

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

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

Archive/PHP 2023.04.26

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'].""; ..

Archive/PHP 2023.04.25

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

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

Archive/Javascript 2023.04.24

사이트 레이아웃 조사 및 피그마를 이용한 짜집기 작업

- 저희가 계획하고 있는 사이트는 식물을 관리하는 방법을 알려주고 집에서 더욱 쉽게 식물에게 접근할 수 있도록 진입장벽을 낮춰주는 사이트를 계획하고 있습니다. - 사용한 타입들은 헤더타입, 슬라이더타입, 이미지&텍스트 타입, 이미지타입, 푸터타입 등이 있습니다. - 특히 이미지&텍스트타입을 많이 사용하였습니다. - 그리고 타입으로 분류하기 애매한 검색창이 하나 있습니다. - 설명을 살짝하자면 일단 헤더에는 메뉴창이 들어가서 네비게이션 역활을 같이 합니다. - 슬라이더에는 이번달 식물&꽃과 이벤트등의 베너가 들어갈 예정이며 - 그다음장은 이번달 식물과 약간의 설명이 같이 들어가면 이쁠 것 같아서 넣어 보았습니다. - 그리고 그다음 이미지&슬라이더타입은 식물의 기능성 종류(공기정화, 좋은향, 두통완화등등)을..

Archive/CSS 2023.04.23

Javascript를 공부해 봅시다! 11. 문자열 메서드

- 자 오늘은 수많은 메서드들 중에 문자열과 관련된 문자열들 중에서 10개만!! 골라서 해보겠습니다. - 10개지만 2시간 반이 걸린... 개당 15분 실화냐?? 가슴이 웅장해진다. - 한번 보시죠 01. at() "문자열".at([위치값]) - at()메서드는 위치값(인덱스 값)을 받아 해당되는 자리의 요소를 반환합니다. - 배열과 같이 0부터 첫번째 자리의 요소를 반환하며 -1은 마지막 자리의 요소부터 시작합니다. { "javascript reference".at(0); //j "javascript reference".at(1); //a "javascript reference".at(-1); //e "javascript reference".at(-3); //n } 02. charAt() "문자열".c..

Archive/Javascript 2023.04.22