본문 바로가기
반응형

전체 글166

SITE 만들기 - 메인 페이지 디자인 시안 SITE 만들기 - 메인 페이지 디자인 시안 참고 사이트 많은 사이를 찾아보았습니다. 다짐 : https://www.da-gym.co.kr/home YB휘트니스 : https://ybfit.co.kr/ JY휘트니스 : https://jysports.co.kr/ 2X 휘트니스 : http://www.2xfitness.co.kr/ 바로 피트니스 : http://varofitness.co.kr/default/ 핏블리 : https://fitvely.co.kr/ 바디채널 피트니스 : https://www.bodychannel.co.kr/ 업타운 휘트니스 : http://uptownfnp.com/ 스포애니 : https://www.spoany.co.kr/main/main.html 하데스 클럽 : http://ha.. 2023. 4. 23.
로그인 확인버튼 애니메이션 로그인 확인버튼 애니메이션 See the Pen Untitled by dongjin6539 (@dongjin6539) on CodePen. 참고 https://codepen.io/soufiane-khalfaoui-hassani/pen/LYpPWda?editors=1100 2023. 4. 23.
자바스크립트 문자열 객체(2) 자바스크립트 문자열 객체(2) https://dongjin6539.github.io/web2023/javascript/javascript05.html string.prototype.at( ) 지정한 숫자(index)를 받아, 문자열에서 해당 되는 인덱스의 요소를 반환합니다. 문자열에서 위치값에 따라 특정 위치의 문자를 가져올 수 있습니다. 위치값이 음수일 경우 뒤에서부터 시작합니다. 위치값에 위치 해있는 문자열이 없으면 'undefined'가 출력됩니다. 기본형 : "문자열".at(위치값) 예시 { "javascript reference".at(0) // j "javascript reference".at(3) // a "javascript reference".at(5) // c "javascript re.. 2023. 4. 22.
정보처리 기능사 기출문제 오답 노트 정보처리 기능사 기출문제 오답 노트(MYSQL, 정보처리 기능사) 길라잡이 수업시간에 배운 MYSQL과 정보처리 기능사 실기 주관식 문제를 풀어보겠습니다! MYSQL 틀린 문제 : 2번, 3번, 4번. 7번 정보처리 기능사 실기 주관식 틀린 문제 : 4번 MYSQL 1. SQL문의 빈간을 완성하시오. [학생] 테이블에서 전화번호가 NULL 값이 아닌 학생명을 모두 검색하기 위한 SQL문을 작성하시오. SELECT 학생명 FROM 학생 WHERE 전화번호 _____; 답 확인하기 IS NOT NULL 2. SQL문의 빈간을 완성하시오. 사용자 "HWANG"에게 테이블을 생성할 수 있는 권한을 부여하기 위한 SQL문을 작성하시오. _____ CREATE TABLE _____ HWANG; 답 확인하기 GRAN.. 2023. 4. 21.
자바스크립트 테스트(7) 자바스크립트(정보처리 기능사 기출문제) 테스트(7) 길라잡이 수업시간에 배운 자바스크립트를 간단하게 테스트합니다. 제대로 배웠는지 간단하게 테스해보세요! 정보처리기능사 기출문제를 자바스크립트로 변환한 문제입니다. 1. 다음의 결괏값을 작성하시오. { 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 2. 다음의 결괏값을 작성하시오. { let num = [10, 20, 30, 40, 50]; let i, max, min; max = min = num[0]; for(i=0; i.. 2023. 4. 21.
패럴랙스 이팩트(Parallax Effect) 예시 패럴랙스 이팩트(Parallax Effect) 예시 완성화면 코드 블럭 https://github.com/dongjin6539/web2023/blob/main/javascript/parallax/parallaxEffectExam.html webs 2023 hello 모두 다함께 시작한 코딩!! 힘들겠지만 끝까지 화이팅입니다!! FIGHTING!!! 구성 각 구역에 알맞은 태그를 사용해서 텍스트를 입력해줍니다. style 태그로 가서 알맞는 스타일을 입력해서 속성을 입혀줍니다. 스크롤마다 효과를 입혀주기 위해 cdn skrollr의 링크를 가져옵니다.(https://cdnjs.com/libraries/skrollr) 사용 방법을 입력하고 사용해줍니다. 스크롤마다 스타일을 입력하는 방법은 data-숫자(sc.. 2023. 4. 20.
PHP 회원가입 페이지, 로그인 페이지 PHP 회원가입 페이지, 로그인 페이지 PHP PHP는 서버 측에서 실행되는 프로그래밍 언어로 HTML을 프로그래밍적으로 생성해주고, 데이터베이스와 상호작용 하면서 데이터를 저장하고, 표현합니다. PHP는 웹을 위해서 만들어졌고, 지금도 웹을 위해서 발전하고 있는 웹을 위한 언어입니다. 웹프로그래밍을 위한 높은 생산성을 제공하는 언어입니다. 특히 서버에 직접 설치해서 운영할 수 있는 설치형 웹에플리케이션(제로보드, 텍스트큐브, 워드프래스, PHPBB등)의 과반이 PHP로 만들어졌습니다. 따라서 PHP를 배워두시면 이러한 솔루션들에 대한 운영, 문제해결 능력이 향상됩니다. 무엇보다 쉽습니다. PHP 장점 웹에 최적화된 언어 웹개발에 필요한 수많은 로직들이 함수의 형태로 미리 제공됨 크로스플랫폼 거의 모든 .. 2023. 4. 19.
패럴랙스 이펙트(Parallax Effect) : 메뉴 효과 패럴랙스 이펙트(Parallax Effect) : 메뉴 효과 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript parallax Effect01 패럴랙스 이펙트 : 메뉴 효과 1 2 3 4 5 6 7 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴7 메뉴8 메뉴9 01 Section01 삶이 있는 한 희망은 있다. 02 Section02 산다는것 그것은 치열한 전투이다. 03 Section03 언제나 현재에 집중할수 있다면 행복할것이다. 04 Section04 신은 용기있는자를 결코 버리지 않는다. 05 Section05 먼저 자신을 비웃어라. 다른 사람이 당신을 비웃기 전에 06 Section0.. 2023. 4. 18.
자바스크립트 JSON 마무리 문제(UPGRADE) 자바스크립트 JSON 마무리 문제(UPGRADE) 참고 https://dongjin6539.tistory.com/78 길라잡이 명언뿐만 아니라 이미지도 10초에 한번씩 바꿔주세요. JAVACRIPT 자바스크립트 구성 https://dongjin6539.tistory.com/78에서 추가로 작업을 했습니다. unsplash 페이지에서 사진을 무료로 가져올 수 있습니다.(https://unsplash.com/ko) 함수 imgLoad를 만들어서 실행해줍니다. 코드의 이미지 부분을 선택자로 만들어줍니다. unsplash API에서 이미지를 random으로 가져올 수 있는 소스가 있습니다. img 요소의 src 속성 값을 변경합니다. 이 때, 새로운 이미지를 불러오기 위해 랜덤한 쿼리 파라미터를 추가해서 속성값.. 2023. 4. 17.
반응형

티스토리툴바