Programming6 자바스크립트 - 심화 [01] Truthy와 Falsyjavascript 에서는 참, 거짓이 아닌 값도 참, 거짓으로 평가한다.Truthy : 참 같은 값Falsy : 거짓 같은 값→ 이를 이용하면 조건문을 간결하게 만들 수 있음.// 1. Falsy한 값let f1 = undefined;let f2 = null;let f3 = 0;let f4 = -0;let f5 = NaN;let f6 = "";let f7 = 0n;// 2. Trusy한 값// -> 7가지의 falsy한 값을 제외한 나머지 모든 값let t1 = "hello";let t2 = 123;let t3 = [];let t4 = ();let t5 = () => ();// 3. 활용 사례function printName(person) { // undefined 또는.. 2025. 3. 14. 자바스크립트 - 기본 [01]javscript: 인터프리터 언어(바로실행), 컴파일을 거치지 않음.- 버그가 덜 걸러지고, 실행이 조금 느리다는 단점이 있음.- 객체 지향, 프로토타입 기반..[02]변수와 상수- 데이터에 의미 부여- var (예전 자바스크립트 버전에서 사용. 오늘날에는 사용하지 x)- ES6 부터는 let, const 사용!!- 자바스크립트는 데이터의 종류에 있어 엄격하지 않음. (하나의 주머니에 텍스트, 숫자, 배열 등 담아도 됨)- 이미 만든 상수와 같은 이름의 상수를 다시 만들 수 없음.(브라우저 콘솔 예외)let : 변수- 넣은 데이터를 바꿀 수 있음const : 상수- 넣은 데이터를 바꿀 수 없음- 상수는 선언만 할 수 없음. 데이터를 넣어줘야함변수 명명 규칙- $나 _ 제외하고는 사용하지 않아야한.. 2025. 3. 14. [jQuery] progressbar & 로딩중 텍스트 변경 이번 기록할 내용은 프로그래스바가 100%로 채워지면서 하단 텍스트가 변경되는 내용이다. 가끔 로딩화면이 필요한 경우가 있어 프로그래스바 작업은 했었는데, 추가로 텍스트 변경 요청이 있어서 같이 작업할 겸 기록하기! 먼저 html,css로 로딩바 스타일 잡기. 텍스트영역 progress-bar는 전체 로딩바 영역 progress는 채워지는 로딩바 영역 loading-txt는 변경될 텍스트 영역 #progress-bar { width: 100%; background-color: #f1f1f1; height: 30px; border-radius: 30px; overflow: hidden; } #progress { background-color: #24bbff; height: 100%; width: 0; bo.. 2023. 8. 14. [jQuery] 체크박스 > 전체체크 박스 만들기 생각보다 자주 사용되던 전체체크박스 이벤트 할때마다 스크립트가 계속 바뀌었지만, 하나로 통일해서 쓰면 좋지 않을 까 해서 기록하기! 전체체크 체크박스1 체크박스2 체크박스3 우선 html 구조 짜주기 체크박스같은 경우는 디자인을 입히는 경우가 많고 클릭 영역을 넓히기 위해 label태그를 같이 써준다. $("#chkAll").click(function(){ if($(this).is(":checked")){ $("input[name=checkItem]").prop("checked",true); }else{ $("input[name=checkItem]").prop("checked",false); } }) $("input[name=checkItem]").click(function(){ var total = $.. 2023. 6. 26. 이전 1 2 다음
