[Javascript] 변수 var, let, const 차이점

var 함수 범위에서 유효(function scope) 재선언, 재할당 모두 가능 >> 개발자 간의 오류 발생 가능성을 높이므로 사용 지양 - 키워드 생략 허용 >> 의도치 않은 전역화를 발생시킴 - 중복 선언 허용 >> 의도치 않은 값 변경 - 호이스팅 적용 대상 >> 선언 이전 참조 가능이라는 비정상 코드를 발생시킴 let 블록 범위에서 유효(block scope) 재선언 불가 재할당은 가능 변수 사용전까지 초기화되지 않음(선언과 초기화의 분리 >> 호이스팅 적용이 안됨) const 블록 범위에서 유효(block scope) 재선언, 재할당 모두 불가 선언시 반드시 값이 할당되어야 하는 상수 변수(초기화하지 않으면 에러) 보통 대문자를 사용해서 선언되나 강제사항은 아님(ex. const NUM = 8..

• format_list_bulleted 프론트엔드/Javascript
• · 2024. 4. 13.
• textsms

[JQuery] val(), html(), text() / eq()

jquery 방식으로 요소의 값을 가져오고 세팅할 때는 val(), html(), text() 를 쓴다 자바스크립트 방식에서는 value, innerHTML, innerText 를 썼다 var v_input = $("#my_input").val(); $("#my_input").val("창섭"); var v_div = $("#my_div").html(); $("#my_div").html("창섭"); var v_div2 = $("#my_div").text(); $("#my_div").text("창섭"); val은 태그의 value 속성의 값을 반환하고 세팅한다 text는 html 코드 제외한 내용을 반환하지만 html은 html 내용을 다 반환한다 제이쿼리의 html과 자바스크립트의 innerHTML은 같은..

• format_list_bulleted 프론트엔드/JQuery
• · 2024. 4. 8.
• textsms

[JQuery] each() 반복문

먼저 객체를 이렇게 생성했다 let obj = { key1 : 'value1', key2 : 'value2', key3 : 'value3' }; 1. selector 이용하는 방법 (jQuery 일반 메서드) //선택자 대상 each문법 - $('선택자').each(콜백) $(obj).each(function(i, v){ console.log(this);// 객체 한 덩어리 자체를 반환 console.log(i);// 객체 한 덩어리를 가리키는 index 0을 반환 console.log(v);// this와 동일 }); 2. object 이용하는 방법 (jQuery 유틸리티 메서드) //객체 대상 each문법 - $.each(객체, 콜백) $.each(obj, function(i, v){ console...

• format_list_bulleted 프론트엔드/JQuery
• · 2024. 2. 22.
• textsms

VSCODE html 단축키 (Emmet 약어)

Visual Studio Code로 웹 공부하는데 단축키를 알면 더 도움이 될 것 같아서 정리한다 처음 HTML 기본세팅은 html만 쳐도 자동완성으로 html:5가 떠서 선택하면 된다 근데 그냥 ! 엔터 해도 된다 html or ! 태그의 속성까지 지정해서 자동완성하려면 [ ] 안에 속성명을 적는다 input[type] 하위 요소까지 같이 만들려면 > 를 사용한다 반복해서 만들려면 * 하고 반복할 숫자를 적는다 table>tr*3>td*2 class와 id는 . 과 #을 쓴다 p.wow h1.hey p.wow#hey

• format_list_bulleted 프론트엔드/HTML
• · 2024. 2. 22.
• textsms

[Javascript] 문자열 자르기 substring() slice() substr()

substring(start[, end]) slice(start[, end]) 두 개 다 start 포함 end 미포함이다 slice()는 start에 음수 넣으면 뒤에서부터 시작위치를 찾고 end까지 자른다 substr(start[, length]) 모두 두번째 인자 생략 시 끝까지 자른다

• format_list_bulleted 프론트엔드/Javascript
• · 2024. 2. 22.
• textsms