웹디자인 기능사 메뉴 유형 : M-1 주어진 코드는 jQuery를 사용하여 간단한 네비게이션 메뉴의 드롭다운 효과를 구현하는 것입니다. 코드를 각 줄마다 설명하겠습니다. 1. jQuery 라이브러리를 CDN을 통해 로드합니다. 이 코드가 있어야 jQuery를 사용할 수 있습니다. <script src="https://ajax.googleapis...

자바스크립트 문제 및 문제풀이 01. 다음을 보고 결괏값을 작성하시오! { (function(){ console.log("함수가 실행되었습니다."); })(); } (function(){ … })(): 함수를 익명으로 정의합니다. 이 함수는 즉시 실행됩니다. function(){...

어워즈 사이트 소개 https://www.awwwards.com/ 안녕하세요. 오늘은 홈페이지를 디자인하고 코딩할때 참고하기 좋은 사이트를 알려드리고자 합니다. Awwwards는 웹 디자인 및 웹 개발 커뮤니티에서 인정받는 우수한 디자인과 기술적 특색을 강조하는 플랫폼입니다. 이 사이트는 전 세계의 창의적인 웹사이트를 소개하고, 사용자들에게...

jQuery 선택자 jQuery 선택자란? jQuery는 JavaScript 라이브러리로, HTML 문서를 조작하고 이벤트를 처리하는 데 유용한 기능을 제공합니다. jQuery의 선택자(selector)는 HTML 요소를 선택하기 위한 패턴이며, 선택된 요소에 대해 동작을 수행할 때 사용됩니다. jQuery 선택자는 CSS 선택자와 매우 유사하게 작...

자바스크립트 용어 정리 01. 변수 (Variable): 데이터를 저장하고 참조하기 위한 이름이 붙은 메모리 위치. let, const, var 키워드를 사용하여 변수를 선언할 수 있음. var price = 19.99; //정수변수 var message = "Hello, world!"; //문자열 변수 var price = 19.99; //부...

문자 관련 스타일 문자 관련 스타일이란? CSS에서 “문자 관련 스타일”은 텍스트 요소의 모양, 크기, 색상 및 간격 등을 조정하는 데 사용되는 스타일 속성들을 의미합니다. 이러한 스타일은 웹 페이지의 텍스트 내용을 더 읽기 쉽고 시각적으로 매력적으로 만들기 위해 사용됩니다. 주요 문자 관련 스타일 속성에는 다음과 같은 것들이 있습니다. col...

선택자(selector) 선택자란? CSS 선택자(CSS selector)는 CSS 스타일 규칙을 적용할 HTML 요소를 선택하는 데 사용되는 패턴 또는 표현식입니다. 선택자는 특정 요소를 선택하여 스타일을 적용하는 데 사용됩니다. CSS 선택자는 HTML 요소의 이름, 클래스, ID 등의 속성을 기반으로 선택할 수 있습니다. 이를 통해 원하...

터미널로 깃헙을 올리는 이유 터미널을 사용하여 Git을 올리는 이유는 다양합니다. -유연성과 편의성 터미널을 사용하면 Git의 모든 기능을 사용할 수 있습니다. 특히 복잡한 작업이나 자동화된 작업을 수행할 때 유용합니다. 예를 들어, 터미널을 사용하면 Git 명령어를 스크립트로 작성하여 자동화된 작업을 수행할 수 있습니다. -학습 및 이해...

6. 객체 01. 데이터 저장(키와값) : 표현방법1 : 객체 선언 후 배열방식으로 데이터 입력 객체를 생성하고 데이터를 저장하는 방법 중 하나는 객체를 선언한 후에 배열 방식으로 데이터를 입력하는 것입니다. 이는 객체를 초기화한 후에 각 속성에 값을 할당하는 방법과 유사하지만, 여러 개의 속성을 한 번에 지정할 수 있어서 코드를 더 간결하게 작성할 ...

5. 배열 01. 데이터 저장(여러개) : 표현방법1 : 배열 선언 JavaScript의 배열은 여러 데이터를 하나의 변수에 저장하는데 사용되며, 대괄호를 사용하여 선언됩니다. 예를 들어, let myArray = [1, 2, 3];와 같이 사용됩니다. 이러한 배열은 인덱스를 사용하여 개별 요소에 접근할 수 있습니다. { const arr = ne...