안녕하세요. 오늘은 제가 크롤링을 공부하면서 정리해가는 python 글입니다. 먼저 전체 코드를 보여드리겠습니다. import requests as req from bs4 import BeautifulSoup as bs import pandas as pd import datetime # datetime 모듈 추가 head = {'user-Agen...

안녕하세요. 오늘은 필자가 GSAP를 사용하여 만들어본 코드들을 간단하게 설명한 글입니다. 포스팅에 앞서 필자도 부족한 부분이 많으니 양해 부탁드립니다. 아래의 코드는 HTML, CSS 및 JavaScript를 사용하여 구현된 Parallax Effect에 관한 페이지입니다. 아래는 해당 코드의 각 섹션에 대한 설명입니다. 1. CSS 스타일 C...

안녕하세요. 오늘은 필자가 GSAP를 사용하여 만들어본 코드 설명글입니다. 포스팅에 앞서 필자도 부족한 부분이 많으니 양해 부탁드립니다. 아래의 코드는 HTML, CSS, JavaScript(GSAP 라이브러리 포함)를 사용하여 구현된 마우스 호버 효과 예제입니다. 각 부분을 자세히 설명하겠습니다. HTML 구조 <div id="wrap"&...

안녕하세요. 오늘은 필자가 GSAP를 사용하면서 어떤 속성이 있는지 조금 정리해본 글입니다. 포스팅에 앞서 필자도 부족한 부분이 많으니 양해 부탁드립니다. 아래의 HTML 코드는 여러 섹션(section) 요소를 포함하고 있습니다. 각 섹션은 고유한 ID를 가지고 있고, 각 섹션 내에는 숫자(num)와 이미지(img) 요소가 포함되어 있습니다. 각...

안녕하세요. 오늘은 필자가 GSAP를 사용하면서 정리한 글입니다. GSAP의 ScrollTrigger는 스크롤 이벤트를 기반으로 요소의 애니메이션을 트리거하고 제어하는 강력한 도구입니다. 다양한 속성을 사용하여 스크롤에 반응하는 멋진 애니메이션을 구현할 수 있습니다. 주요 속성 trigger 애니메이션을 트리거할 요소를 ...

안녕하세요. 오늘은 필자가 GSAP를 사용하면서 정리한 글입니다. GSAP의 주요 메서드 설명 GSAP(GreenSock Animation Platform)은 웹 애니메이션을 구현하는 데 사용되는 강력하고 유연한 라이브러리입니다. GSAP을 사용하면 HTML 요소의 다양한 속성을 애니메이션화하여 웹 페이지를 동적으로 만들 수 있습니다. 1. gs...

안녕하세요. 오늘은 필자가 GSAP를 처음 사용해봐서 GSAP에 대해 정리한 글입니다 포스팅에 앞서 필자도 부족한 부분이 많으니 양해 부탁드립니다. GSAP란? GSAP(GreenSock Animation Platform)은 HTML, CSS 및 JavaScript를 사용하여 웹 애니메이션을 구현하기 위한 강력한 라이브러리입니다. GSAP은 애니...

안녕하세요. 오늘은 필자가 웹디자인기능사 실기를 준비하면서 쓰는 jQuery를 이용한 슬라이드 애니메이션 글 두번째입니다. 포스팅에 앞서 필자도 부족한 부분이 많으니 양해 부탁드립니다. 아래의 코드는 HTML, CSS 및 JavaScript(jQuery)로 구성되어 있으며, 각 부분은 서로 다양한 방식으로 상호작용하여 탭 기능을 구현합니다. 각 코...

안녕하세요. 오늘은 필자가 웹디자인기능사 실기를 준비하면서 쓰는 jQuery를 이용한 슬라이드 애니메이션 글 두번째입니다. 포스팅에 앞서 필자도 부족한 부분이 많으니 양해 부탁드립니다. 이 HTML 및 JavaScript 코드 스니펫은 jQuery를 사용하여 간단한 이미지 슬라이더를 구현한 것입니다. 각 구성 요소와 작동 방식을 살펴보겠습니다. ...

안녕하세요. 오늘은 필자가 프론트 공부를 하면서 궁금했던 웹 브라우저의 역사와 웹이 세상에 끼친 영향들을 정리해 보았습니다. 포스팅에 앞서 필자도 부족한 부분이 많으니 양해 부탁드립니다. 웹 브라우저는 인터넷을 통해 웹 페이지를 검색하고 표시하는 소프트웨어입니다. 사용자가 웹 주소를 입력하면 해당 웹 페이지를 가져와서 보여주는 역할을 합니다. 또한...