웹디자인기능사) 메뉴 세로 유형 M-3

오늘은 웹디자인 기능사 실기 메뉴 가로 유형에 대해 알아보도록 하겠습니다. 먼저 html부터 작업을 해주도록 할건데요. html 전체 코드부터 보도록 하겠습니다. <nav class="nav"> <ul> <li><a href="#">메뉴...

May 1, 2024 웹디자인기능사

PHP) PHP 사용법과 연동 방법

PHP란? PHP(PHP: Hypertext Preprocessor)는 C언어를 기반으로 만들어진 서버 측에서 실행되는 서버 사이드 스크립트 언어입니다. PHP는 동적 웹 페이지를 쉽고 빠르게 만들 수 있도록 해주는 데 그 목적이 있습니다. PHP로 작성된 코드를 HTML 코드 안에 추가하면, 웹 서버는 해당 PHP 코드를 해석하여 동적 웹 페이지...

Apr 30, 2024 PHP

GSAP) GSAP로 마우스 효과 주기1

오늘은 GSAP를 사용하여 마우스의 움직임에 반응하여 커서를 변경하고, 페이지의 정보를 표시하는 기능을 구현하는 방법에 대해서 알아보도록 하겠습니다. 각 요소에 마우스 이벤트를 추가하여 해당 요소에 마우스가 진입하거나 빠져나갈 때 커서에 특정 클래스를 추가하거나 제거하여 스타일을 변경합니다. 먼저 전체 코드를 보도록 하겠습니다. <s...

Apr 29, 2024 GSAP

PHYTHON)음원 사이트 불러오기

01. 파이썬 설치하기 파이썬을 설치하려면 파이썬 공식 웹사이트에서 다운로드해야 합니다. 아래의 링크를 누르고 파이썬 홈페이지에 다운로드 페이지로 들어가 주세요. 02. 파이썬 패키지 라이브러리 설치 파이썬 설치가 끝나면 자바스크립트의 터미널창을 켠 후 다음 명령어를 입력하여 필요한 라이브러리를 설치합니다. pip3 install requests ...

Apr 28, 2024 PHYTHON

오답노트) 자바스크립트 시험

자바스크립트 문제 및 문제풀이 01. 다음을 보고 결괏값을 작성하시오! { function func(){ let a = []; for(i=1; i<=5; i++){ a += [i]; } console.log(...

Apr 26, 2024 오답노트

웹디자인기능사) 슬라이드 효과 유형

웹디자인 기능사 슬라이드 유형 : S-1 1. html 구조 잡기 위의 코드는 이미지 슬라이더를 만들기 위한 HTML 구조를 정의하고 있습니다. sliderWrap 요소 안에 각각의 슬라이드가 포함되어 있으며, 각 슬라이드에는 이미지와 해당 이미지에 대한 설명이 포함되어 있습니다. <article id="slider"> <di...

Apr 25, 2024 웹디자인기능사

GSAP) GSAP에 대해 알아보자

GSAP란? GSAP은 GreenSock Animation Platform의 약자로, JavaScript로 웹 애니메이션을 작성하는 데 사용되는 강력한 라이브러리입니다. GSAP은 웹 애니메이션을 제작하기 위한 다양한 기능과 유연성을 제공하여 개발자가 웹 사이트나 웹 애플리케이션에 풍부한 인터랙티브 요소를 구현할 수 있도록 도와줍니다. 즉 GSAP은 ...

Apr 24, 2024 GSAP

GSAP) Parallax에 대해 알아보자 +사용방법

Parallax Parallax는 물체의 위치가 변할 때 발생하는 시각적 효과를 말합니다. 이는 일반적으로 물체를 관찰하는 관찰자가 위치를 변경함에 따라 발생합니다. 가장 흔한 예는 눈으로 본 물체의 이동에 따라 배경이 움직이는 것처럼 보이는 것입니다. 이는 물체 간의 상대적인 거리 차이로 인해 발생합니다. Parallax는 천문학, 광학, 그래픽 디...

Apr 23, 2024 GSAP

PHYTHON)파이썬이란?

파이썬이란? Phython은 웹 애플리케이션, 소프트웨어 개발, 데이터 과학, 기계 학습(ML)에 널리 사용되는 프로그래밍 언어입니다. 개발자는 Python이 효율적이고 배우기 쉬우며 여러 플랫폼에서 실행될 수 있으므로 Python을 사용합니다. Phython 소프트웨어는 무료로 다운로드할 수 있고, 모든 유형의 시스템과 원활하게 통합되며, 개발 속도...

Apr 22, 2024 PHYTHON

HTML) html 용어 정리

html 용어 정리 <html>: HTML 문서의 루트 요소를 정의합니다. <html>  </html> <head>: 문서의 메타데이터를 포함하는 요소입니다. <head> <!-- 여기에 스타일,...

Apr 20, 2024 HTML