[JavaScript] 변수와 상수

자바스크립트는 동적 타입이기 때문에 변수나 상수를 선언할 때 타입을 사용하지 않습니다.주로 변수를 선언할때는 var나 let을 사용하고 상수를 선언할 때는 const를 사용합니다.그러나 모던 자바스크립트에서는 var를 사용하지않고 let을 사용합니다. 왜냐하면 let은 같은 변수명으로 중복선언이 불가능한 반면에 var는 중복선언이 가능하기 때문에 문제가 발생할 수 있기 때문입니다. 1. let선언하는 방식은 아래와 같습니다.//변수 선언let x;console.log(x); //undefined//초기화x = 1;console.log(x); //1//변수 선언과 동시에 초기화let y = 1;console.log(y); //12.constconst 키워드의 특징은 선언만 하는 것이 불가능하며 한번 초기화..

• format_list_bulleted Javascript
• · 2024. 7. 15.
• textsms

[JQuery] 웹 class속성 제어

1. addClass()요소에 class 속성을 추가하는 메소드입니다. 실행 분류형식추가 $("div").addClass("클래스명");콜백 함수 $("div").addClass(function(index, className){     // index는 각 div 요소의 index 0,1,2     // className은 각 div의 class 속성     return ​class 속성 // 각 div에 class 속성을 추가한다. }); ................ 내용1 내용2  내용3  [추가설명] [CSS] display 속성설명inline 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치됩니다. 대표적인 inline 엘리먼트로 이나 , 태그 등을 들 수 있습니다.block 전후 줄바..

• format_list_bulleted JQuery
• · 2024. 7. 15.
• textsms

[JQuery] 웹요소 제어

1. $text() 실행 분류형식취득 $("div").text();생성, 변경 $("div").text("텍스트 생성 및 변경");콜백 함수 $("div").text(function(index, t){     // index는 각 div 요소의 index 0,1,2     // t는 각 div 요소의 텍스트 "내용1","내용2","내용3"     return 텍스트 // 각 div 요소의 텍스트를 생성, 변경할 수 있다. }); ................ 내용1 내용2  내용3   ex) jQuery html css javascript결과2. $html() 실행 분류형식취득 $("div").html();생성, 변경 $("div").html("텍스트 생성 및 변경");콜백 함수 $("div").html..

• format_list_bulleted JQuery
• · 2024. 7. 15.
• textsms

[JQuery] 배열

1. 배열 $.each() - index, value결과 2. 배열 $.each() - key, value결과결과 3. 배열 $(selector).each()내용1내용2내용3결과4. 배열 $.map()$.map() 메서드는 $.each() 메서드와 동일한 기능을 가지고 있다.  차이점은 매개 변수의 순서가 서로 반대이며, $.map() 메서드의 경우 기존의 배열을 이용하여 새로운 배열( 예를 들어 조건문을 이용해서 출력문의 배열을 재정렬 )을 만들 수 있지만, $.each() 메서드는 만들 수 없다.  * 수정,추가 부분에서 .map() 메서드 대신 .each() 메서드를 사용하면 조건문을 무시 return 실행되어 배열을 그대로 출력된다.   결과 [수정,추가]결과

• format_list_bulleted JQuery
• · 2024. 7. 15.
• textsms

[JQuery] 선택자

1. 기본선택자선택자 종류설명 태그 선택자 $("p") p요소를 선택합니다. id 선택자 $("#pkt") id = "pkt" 요소를 선택합니다. class 선택자 $(".logo") class = "logo" 요소를 선택합니다. 자식 선택자 $("#gnb > ul > li") class = "gnb" > ul 태그 > li 요소를 선택합니다. 하위 선택자 $("#gnb ul") class = "gnb" 안에 존재하는 ul 요소를 선택합니다. 인접 선택자 $("#aa + #bb") #aa 다음에 오는 #bb 요소를 선택합니다. 형제 선택자 $("#aa ~ #cc") #aa 의 형제 요소 #cc 선택합니다. 종속 선택자 $("div.util") div 요소중 class가 util인 요소를 선택합니다. 그룹..

• format_list_bulleted JQuery
• · 2024. 7. 15.
• textsms

[JQuery] JQuery 연결방법

Query를 사용하기 위해서는 jQuery 라이브러리를 웹페이지에 연결해서 사용해야 합니다.​jQuery 라이브러리를 연결하는 방식으로는 직접 다운로드 방식과 CDN (Centent Delivery Network)방식이 있습니다.​현재 1.x, 2.x, 3.x 버전을 지원해 주고 있으며 각 버전별로 브라우저 지원이나 기존 메서들의 지원 여부 등의 차이가 있습니다.​jQuery 라이브러리 3.0 버전에서 지원하는 브라우저는 아래와 같습니다.Internet Explorer 9 이상Chrome, Edgh, Firefox, Safari 현재 버전Opera 현재버전Safari Mobile iOS 7 이상Android 4.0 이상​1. Download 방식https://jquery.com/download/ - 접속..

• format_list_bulleted JQuery
• · 2024. 7. 15.
• textsms

[Node.js] node.js 설치 및 프로젝트 생성

1. node.js 설치 Node.js — Run JavaScript Everywhere (nodejs.org) Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org   LTS는 Long Term Support의 약자로 오랫동안 지원하는 버전을 말합니다. 클릭하여 다운로드합니다.  라이센스에 동의하고 next버튼을 클릭합니다.  설치하고자하는 경로입니다.  - Node.js runtime : Node.js 런타임입니다.- corepack manager : npm, yarn등의 패키지 관리자의 여러 버전을 설치하고, 시용여부를 지정하는 것이 가능하도록..

• format_list_bulleted Node.js
• · 2024. 7. 15.
• textsms