728x90 Develop/Javascript24 자바스크립트 변수와 상수 let, const, var 변수(variable) 란 "변경되거나 변경할 수 있는 값"으로 자바스크립트에서 변수를 선언할 경우 아래와 같이 선언해줄 수 있습니다. let a = 10; console.log(a); 결과 : 10 선언한 변수를 사용하여 새로운 변수를 선언하거나 선언한 변수에 새로운 값을 대입할 수도 있습니다 let a = 10; let b = a - 7; a = 5; console.log(b, a); 결과 : 3 5 상수(constant) 는 변수와는 달리 "변경할 수 없는 값"입니다. 자바스크립트에서는 const 라 표현하고 아래 와 같이 선언해줄 수 있습니다 const a = 10; 변수처럼 값을 대입할 수 없기 때문에 만약, 아래와 같이 선언된 상수에 새로운 값을 대입할 경우 에러가 발생하게 됩니다. const.. 2020. 3. 13. jQuery 미리보기 이미지 설정방법 안녕하세요. 은은한 개발자입니다. 이번 포스팅에선 마우스 오버 시 미리 보기 이미지가 나오는 방법에 대해 준비해봤습니다. 1. HTML 태그 example.jpg 먼저 위와 같은 이미지 링크가 있습니다. 2. CSS 설정 #preview { z-index: 1; /* 필요시 설정 */ position: absolute; background: #999999; padding: 2px; } 마우스 오버시 나타날 이미지의 CSS를 설정해줍니다. z-index의 경우 현재 CSS의 상태에 따라 필요할 경우 설정해주세요. 3. jQuery 설정 $(document).ready(function () { var xOffset = 10; var yOffset = 30; // 마우스 오버시 미리보기 이미지 설정 및 위치 .. 2020. 3. 9. 노마드코더 "초보자를위한 바닐라 자바스크립트" 소개 안녕하세요~ 은은한 개발자입니다. 최근에 바닐라 자바스크립트(VanillaJS)의 매력을 느끼게 되어 노마드코더님의 영상을 보며 공부를 시작하게 됬습니다. 강의사이트 : 바닐라 JS로 크롬 앱 만들기 크롬 앱 클론코딩하며, JS 이론 배우기 [초급] HTML, CSS, JS academy.nomadcoders.co 유튜브 : JS Basics - YouTube 🚨 한글 자막 ON! 🚨 EN: https://academy.nomadcoders.co/p/javascript-basics-for-absolute-beginners/ KR: https://academy.nomadcoders.co/p/javascript-basics-for-absol... www.youtube.com 아카데미 사이트에서 강의를 수료하.. 2020. 3. 9. Javascript & jQuery 현재 URL정보 가져오는 방법 안녕하세요. 은은한 개발자입니다. 이번 포스팅을 통해 현재 URL의 정보를 Javascript 와 jQuery 로 어떻게 가져오는지 포스팅해보도록 하겠습니다. 현재 URL : http://bellsilver7.tistory.com/main/index.php?key=value 위와 같은 URL이 있다고 가졍해보자! [ Javascript ] 더보기 location.href => http://bellsilver7.tistory.com/main/index.php?key=value location.protocol => http: location.host => bellsilver7.tistory.com location.pathname => /main/index.php location.search => ?key=v.. 2020. 2. 23. jQuery 체크박스 전체 선택 안녕하세요. 은은한 개발자입니다. 이번 포스팅에서는 체크박스 목록을 전체 선택 하는 방법에 대해 포스팅해보도록 하겠습니다. $("#checkall").change( if ($(this).is(":checked")) { $(".check-id").prop("checked", true); } else { $(".check-id").prop("checked", false); } }); 가끔 이렇게 해주고 나서 똑같이 했는데 왜 안되지? 할 때가 있습니다. 그 때는 개발자 도구 보면 답이 나옵니다. 2020. 2. 23. jQuery 이미지 사이즈 조절 안녕하세요. 은은한 개발자입니다. jQuery로 이미지 사이즈를 조절하는 방법에 대해 포스팅해보도록 하겠습니다. $(document).ready(function() { $('.modal-img').each(function() { var maxWidth = 680; // Max width for the image var maxHeight = 680; // Max height for the image var ratio = 0; // Used for aspect ratio var width = $(this).width(); // Current image width var height = $(this).height(); // Current image height // Check if the current wid.. 2020. 2. 23. 이전 1 2 3 4 다음 728x90
