분류 전체보기 128

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또한 사용하였기 때문에 링크를 긇어 왔..

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

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

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

휴가를 만끽한 하루~

저번에 기능사 필기 2개다 합격을 해서 금요일에 휴가를 받아버렸습니다~!!! 무엇을 할까하다가 오랜만에 친구를 만나서 공원도 가고 사진도 찍고 맛있는 것도 먹었습니당!! - 나름? 괜찮은 것들만 가져왔습니다. 그리고 대망의 저녁은!!! 한국에서 운남쌀국수 라는 명칭으로 팔고 있는 중국음식 米线 입니다!! 쌀국수도 맛있고 사이드도 맛있는 식당이었습니다.!! 추억보정이 된 탓도 있겠지만 아무튼 저한텐 최고였구 가까운 곳에 있었다면 종종 갈텐데 는 생각이 들었습니다!

Javascript를 이용한 사이트 만들기! - 패럴랙스 효과사이트 만들기02

- 오늘은 어제 한 패럴랙스효과를 사용해서 저희 반 소개 라고 하기엔 빈약하지만 소개 페이지를 만들었습니다. - 만드는데 하루종일 걸렸습니다... - 코드입니다. Hello World Web's 2023 Class 2023.02.13 Start! Keep up the good work. 2023.03.10 첫 회식 2023.04월 조별과제1 2023.04월 조별과제2 - 패럴랙스 효과는 스크롤링에 따라 배경 이미지를 움직여 깊이감을 연출하는 효과입니다. - 스크룰의 위치에 따라 요소들에게 효과를 주는 것이죠 - 위치를 바꾼다거나 빙글뱅글 돌린다거나 투명도를 조정한다거나 크기를 바꾸는 등의 효과와 스크롤의 위치를 조합해서 에니메이션 같은 효과를 줄 수 있습니다. - "data-" 뒤에 있는 숫자는 스크룰 ..