코딩공부/Javascript3 Javascript var, let, const 차이 1. 변수 선언 방식 var var은 선언한 변수가 동일한 이름으로 중복 선언이 가능하다. 기존에 선언해둔 변수의 존재를 잊고 재선언 하는 경우 문제가 발생할 수 있다. var title = 'apple'; console.log(title); // apple var title = 'banana'; console.log(title); //banana title = 'remon'; console.log(title);//remon let 중복 선언 시, 이미 선언되었다는 에러 메세지를 출력한다. 단, 변수 값을 재할당하는 것은 가능하다. let title = 'apple'; console.log(title); // apple let title = 'banana'; console.log(title); //Unc.. 2022. 12. 22. jQuery 기초 _ TIL 3일차 jQuery 기초 jQuery는 HTML의 클라이언트 사이드 조작을 단순화 하도록 설계된 크로스 플랫폼의 자바스크립트 라이브러리 자바스크립트의 복잡한 언어를 제이쿼리로 직관적으로 쓸 수 있다. jQuery 기본 문법 //Javascript code document.getElementById("element").style.display = "none"; //jQuery code $('#element').hide(); jQuery 함수/메소드 .text 는 안에 있는 모든 텍스트를 변경하라는 뜻 .html 은 안에 있는 모든 내용을 변경하라는 뜻 .css 는 스타일 속성을 변경하라는 뜻 $('#title').text('hi'); $('#title').html('hi'); $('#title').css('col.. 2022. 8. 31. Javascript 다크모드 라이트모드 구현하기 Javascript 다크모드 라이트모드 구현하기 Javascript toggle을 적용하기 toggle이란, on/off 스위치 처럼 켰다, 껐다 하는 기능을 가지고 있음 아래 코드와 같이 CSS로 배경색상 및 폰드 색상을 지정해놓고 자바스크립트 토글로 현재 색상에서 CSS에 저장해 놓은 .dark-mode의 색상으로 변경 가능 HTML Dark Mode CSS Javascript function darkMode() { var body = document.body; body.classList.toggle("dark-mode") 토클로 배경과 폰트의 색상 뿐만 아니라 HTML의 원하는 객체의 색상 또한 바꿀 수 있음 HTML 태그에 id값을 정해주고 자바스크립트에서 getElementById로 활용 Jav.. 2022. 8. 30. 이전 1 다음
