IT Study4

• 

  jQuery 정리 jQuery는 HTML 문서 작업 프로세스를 간소화하는 자바스크립트 라이브러리이며, jQuery 셀렉터는 DOM(Document Object Model)에서 요소를 선택하고 이에 대한 작업을 수행할 수 있다. jQuery 사용하기 - CDN jQuery 사용하기 - 내부자원사용의 경우 다운로드 후 해당 경로에서 가져오기 npm install jquery jQuery 기본 사용 예 $(document).ready(function() { $("p").css("background-color", "red"); }); $(document).ready(function() { ~ }); 은 웹페이지가 모두 랜더링된 후 일어난 이벤트이며 이 이벤트에 실행될 스크립트를 작성한다. jQuery 셀레터 사용법 태그 요소는 .. IT Study 2023. 1. 31.

• 

  자바스크립트 정리 주석처리 대소문자 구별 및 카멜케이스(소문자로 시작) 사용한다. 주석 // 단일라인 주석 /* 멀티라인1 멀티라인2 */ let(변수) , const(상수) 선언 var가 function-scouped로 전역적으로 hoisting이 일어나서 변수 선언이전에도 해당 변수를 사용할 수 있었으며 여러 문제를 야기한다. var colorCode = "red"; let, const는 block-scoped단위로 hoisting이 일어난다. 앞으로 var대신에 let, const 문으로 변수를 선언한다. let colorCode = "red"; 연산자 산술 연산자(예: +, -, *, /, %) 비교 연산자(예: ==, ===, !=, !==, >, =, y); // true console.log(x < y); /.. IT Study 2023. 1. 27.

• 

  CSS 정리 CSS(Cascading Style Sheets)는 마크업 언어로 작성된 문서의 프레젠테이션을 설명하는 데 사용되는 스타일 언어이다. CSS를 사용하려면 스타일시트를 작성하고 HTML 문서에 연결해야 한다. 스타일은 규칙으로 정의되며, 규칙을 적용할 element를 지정하는 선택기와 선택한 element의 스타일을 정의하는 하나 이상의 선언이 있다. CSS 규칙의 기본 구문은 다음과 같다. selector { property: value; property: value; ... } HTML 문서의 HTML element의 스타일 속성을 사용하여 특정 HTML element에 CSS 스타일을 적용할 수 있다. This text will be blue. 마진과 패딩 CSS에서 여백과 패딩은 웹 페이지의 요소 .. IT Study 2023. 1. 27.

• 

  HTML HTML은 하이퍼텍스트 마크업 언어(Hypertext Markup Language)의 약자 웹 페이지를 구성한 표준 마크업 언어이다. 일반적인 HTML 태그는 다음과 같다: : HTML 문서의 루트 Home About Contact Welcome to my website! Here you will find information about my interests and hobbies. Copyright © 2021 My Website div 태그 HTML의 div 태그는 다른 block타입 컨트롤로 사용시 기본 줄바뀜이 된다. 다른 요소를 위한 컨테이너를 만들고 CSS를 사용하여 해당 요소에 스타일이나 레이아웃을 적용하는 데 사용한다. id 스타일 A link #container{ background-co.. IT Study 2023. 1. 27.