100S00

GGGGAME효과 + 미션 1,2,3,4 HTML 코드 HB GAME WORLD 뮤직 듣기1 뮤직 듣기2 뮤직 듣기3 뮤직 듣기4 스크립트 코드 jquery와 gsap를 둘 다 사용하기 위해 라이브러를 둘 다 가져왔습니다. $(".icon1").draggable({ containment: ".icon__box", scroll: false, start: function () { $(".cursor img").attr("src", "assets/img/game_mouse01.png") } 라이브러를 가져와 가능한 효과이다. $(선택자).draggble 에 containment icon__box,scroll: false, 이 경우, 드래그 가능한 요소는 클래스가 "icon__box"인 요소 내에서만 이동할 수..

헤더 부분을 사이드로 뺀 시안입니다. 헤더 부분은 아래 이미지의 사이트 디자인을 참조하였습니다. 메인 상단페이지는 페이지의 메인인 향수 시각화 영상을 짧게 풀스크린으로 넣으려합니다. 그 다음 텍스트 페이지는 풀스크린 이미지를 백그라운드에 넣고 센터에 텍스르를 넣어 작업할 예정입니다. 세번째 슬라이드 영역은 총 6개의 이미지 슬라이드로 구성되어 있으며 슬라이드 박스와 텍스트 박스를 비정형으로 배치하고 z축에 차이를 주어 표현하려합니다. 슬라이드 영역은 아래 사이트 슬라이드 영역과 수업시간 슬라이드 썸네일 페이지를 참조 하였습니다.

문자열 메서드 01. 문자열 메서드 : at() "문자열".at() 문자열에서 지정된 인덱스에 있는 문자를 반환합니다. 인덱스가 음수이면 문자열의 끝에서부터 거꾸로 인덱싱됩니다. const str = 'hello'; console.log(str.at(1)); // 'e' console.log(str.at(-1)); // 'o' 02. 문자열 메서드 : charAt() "문자열".charAt() 문자열에서 지정된 인덱스에 있는 문자를 반환합니다. 인덱스가 문자열의 길이보다 크거나 같으면 빈 문자열을 반환합니다. const str = 'hello'; console.log(str.at(1)); // 'e' console.log(str.at(-1)); // 'o' 03. 문자열 메서드 : charCodeAt()..

헤더 영역 바로가기 컨텐츠 영역 바로가기 푸터 영역 바로가기 메인으로 Developer Blog 회원가입 회원가입 로그인 게시판 블로그 웹디자이너,웹퍼블리셔,프론트앤드 개발자를 위한 게시판입니다. 관련된 문의사항은 여기서 확인하세요! *총1234건의 게시물이 등록되어 있습니다. 제목 작성자 검색 글쓰기 번호 제목 작성자 작성일 조회수 1 게시판 제목이 없어요! 김현빈 2023-04-21 100 2 게시판 제목이 없어요! 김현빈 2023-04-22 90 3 게시판 제목이 없어요! 김현빈 2023-04-20 80 4 게시판 제목이 없어요! 김현빈 2023-04-20 70 5 게시판 제목이 없어요! 김현빈 2023-04-20 60 6 게시판 제목이 없어요! 김현빈 2023-04-20 50 7 게시판 제목이 없..

01. SQL문의 빈칸을 완성하시오. [학생] 테이블에서 전화번호가 NULL 값이 아닌 학생명을 모두 검색하기 위한 SQL문의 작성하시오. SELECT 학생명 FROM 학생 WHERE 전화번호 _____; 정답: IS NOT NULL 해설: 02. SQL문의 빈칸을 완성하시오. 사용자 "HWANG"에게 테이블을 생성할 수 있는 권한을 부여하기 위한 SQL문을 작성하시오. _____ CREATE TABLE _____ HWANG 정답: GRANT 해설: 03. SQL문의 빈칸을 완성하시오. [성적] 테이블에서 점수가 90점 이상 95점 이하인 '컴퓨터공학과' 학생의 정보를 검색한 SQL문을 작성하시오. SELECT * FROM 성적 WHERE (점수 _____ 90 _____ 95) AND 학과 = '컴퓨터..

01. 다음의 결괏값을 작성하시오. { let i = 0; let sum = 0; while(i < 10){ i = i+1; if( i % 3 == 0) sum -= i; if( i % 3 == 1) sum += i; if( i % 3 == 2) sum *= i } console.log(sum) } 정답:129 해설: while 루프는 i가 10보다 작은 동안 실행됩니다. 루프의 처음에 i와 sum 변수가 초기화됩니다. 루프 내부에서 i는 1씩 증가하면서, i를 3으로 나눈 나머지에 따라 다른 조건문이 실행됩니다. 만약 i를 3으로 나눈 나머지가 0이면, i를 sum에서 빼줍니다. 만약 i를 3으로 나눈 나머지가 1이면, i를 sum에 더해줍니다. 만약 i를 3으로 나눈 나머지가 2이면, i를 sum에 ..

오늘은 스크롤 애니메이션을 공부해보았습니다. WEB Hello Fighting "실패는 재도전의 시작이다." - 헨리 포드 "가장 어려운 일이 가장 중요한 일이다." - 알버트 아인슈타인" - 헨리 포드 가봅시다. 노가다.. 스크립트로 스크롤 값을 제일 먼저 가져와 .scrollTop 위치에 출력 시켜줍니다. 그 후 스크롤 애니메이션을 가능하게 해줄 라이브러리를 가져와줍니다.

로그인 하기 본문코드 로그인 로그인을 하시면 게시글 및 댓글 작성이 가능합니다. 회원가입을 하면 로그인이 가능합니다. admin@admin.com/1234 로그인 영역 이메일 비밀번호 로그인 회원가입을 하지 않았다면 회원가입을 먼저 해주세요! 회원가입 아이디가 기억이 나지 않는다면 아이디 찾기 비밀번호가 기억이 나지 않는다면 비밀번호 찾기 로그인 페이지도 동일하게 include를 사용하여 헤더와 스킵메뉴를 불러와줍니다. login.php include "../connect/connect.php"; include "../connect/session.php"; include를 사용해 connect.php 와 session.php 의 데이터를 가져와줍니다. connect.php $youEmail = $_POS..

php 로그인 과 회원가입 페이지 만들기 로그인 페이지 회원가입을 해주시면 다양한 정보를 자유롭게 볼 수 있습니다. 회원가입 회원가입 영역 이메일 이름 비밀번호 비밀번호 확인 연락처 회원가입 완료 php로 작업할때는 를 사용하여 작업을 많이 한다. include를 사용하여 html코드가 저장되어있는 php파일도 불러올수있으며 반복되는 작업을 할때 편리한거 같다. 회원가입 영역 이메일 이름 비밀번호 비밀번호 확인 연락처 회원가입 완료 HTML의 form은 사용자와 웹사이트 또는 어플리케이션이 서로 상호 작용하는 것 중 중요한 기술 중에 하나이다. 폼은 사용자가 웹사이트에 데이터를 전송해주기도 하며 이밖에 웹페이지가 입력 데이터를 사용하기 위하여 사용할 수 도 있다. form을 사용하여 이 코드를 기반으로 ..

패럴럭스 효과 HTML코드 Javasrcipt parallax Effect01 패럴럭스 이펙트 : 메뉴효과 1 2 3 4 5 6 7 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴7 메뉴8 메뉴9 01 Section1 결과도 중요하지만, 과정을 더 중요하게 생각한다. 02 Section2 삶이 있는 한 희망은 있다. 03 Section3 오늘의 선택이 내일을 결정한다. 04 Section4 삶은 짧고 예술은 길다. 05 Section5 비록 천천히 가더라도 항상 앞으로 가라. 06 Section6 가장 어두운 밤이 지나면 해는 떠오른다 07 Section7 먼저 자신을 비판하라, 그러면 남들이 당신을 칭찬할 것이다. 08 Section8 성공의 열쇠는 자신감과 열정이다. 09 Section9 도전이 없다..