반응형

IT개발 5

fullpage.js와 aos.js 충돌문제 해결법

**AOS.js**와 **FullPage.js**를 함께 사용할 때 발생하는 오류는 주로 두 스크립트가 서로 충돌하거나 애니메이션이 올바르게 트리거되지 않는 경우입니다. 이 두 라이브러리는 각각 스크롤 이벤트와 애니메이션을 제어하므로, 적절한 설정과 충돌 해결이 필요합니다. 다음은 **AOS.js와 FullPage.js**의 충돌 및 오류를 해결하기 위한 몇 가지 방법입니다. ### 1. **FullPage.js에서 스크롤 이벤트 조정** - **FullPage.js**는 기본적으로 **스크롤을 가로채어** 페이지를 섹션 단위로 전환하는 방식으로 동작합니다. 그러나 **AOS.js**는 스크롤 이벤트를 사용하여 애니메이션을 실행합니다. 이 때문에 AOS가 스크롤을 감지하지 못할 수 있습니다. **해결 방..

IT개발 2024.09.09

[IT] 웹개발 심화 #Document @Document.getElementById()

Document.getElementById() Document.getElementById() 메서드는 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환합니다. ID는 문서 내에서 유일해야 하기 때문에 특정 요소를 빠르게 찾을 때 유용합니다. ID가 없는 요소에 접근하려면 Document.querySelector()를 사용하세요. 모든 선택자 (en-US)를 사용할 수 있습니다. 구문 - document.getElementById(id); 매개변수 id 찾으려는 요소 ID. ID는 대소문자를 구분하는 문자열로, 문서 내에서 유일해야 합니다. 즉, 하나의 값은 하나의 요소만 사용할 수 있습니다. 반환 값 - 주어진 ID와 일치하는 DOM 요소를 나타내는 Ele..

IT개발 2022.08.07

[IT] 웹개발의 이해 #1

HTML+CSS 웹개발 이해 웹 개발? 웹 브라우저에서 작동하는 어플리케이션을 만드는 일. 보통 크롬, 엣지, 웨일, 사파리 등 주소(URL)을 입력하여 들어가는 웹 사이트를 개발하는 일이라고 칭한다. 웹 개발의 종류 = 프론트엔드, 백엔드, 퍼블리싱 - 백엔드는 눈에 보이지 않는 것 (데이터베이스, 서버 등) - 프론트엔드는 눈에 보이는 것 (디자인 + 기능) - 퍼블리싱은 디자인만 구현 퍼블리싱은? 프론트가 디자인과 관련된 기능을 구현하면 퍼블리싱은 디자인을 구현한다. 퍼블리싱을 하는 사람을 퍼블리셔라 칭한다. 퍼블리싱을 위한 기본 도구 3가지 (html + css + javascript) - html(container) 집 - css(디자인/색상,여백) 페인트,벽지, 가구 - javascript(동..

IT개발 2022.08.01

간단한 웹의 기본적인 구조

1. 프론트엔드에 필요한 모든 기초 스킬 웹의 구조부터 html/css, javascript 까지 프론트앤드에 필요한 모든 기초 스킬을 배워봅니다. html(hypertext markup language) - 웹페이지의 큰 골격을 포함한 구조를 만드는 언어 css(cascading style sheets) - 웹페이지에 스타일을 입혀 디자인을 완성하는 언어 javascript - 웹페이지 콘텐츠를 동적으로 만드는 언어 2. 목표는 '웹 서비스 개발' 단순한 언어를 배우고 예저만 풀어보고 끝이 아닌 각각의 기능을 조합하여 하나의 웹 서비스를 구현해보는 것이 목표입니다. html&css->webpage->website

IT개발 2019.08.14
반응형