jQuery 사용하기 미리 작성된 Javascript 코드를 가져오는 것을 '임포트'라고 부릅니다 [코드스니펫] jQuery CDN jQuery CDN 부분을 참고해서 임포트하기(https://www.w3schools.com/jquery/jquery_get_started.asp) jQuery를 사용하는 방법 css와 마찬가지로, jQuery를 쓸 때에도 "가리켜야" → 조작할 수 있습니다. 예) 특정 인풋박스의 값을 → 가져와줘! 예) 특정 div를 → 안보이게 해줘! css에서는 선택자로 class를 썼지요? jQuery에서는 id 값을 통해 특정 버튼/인풋박스/div/.. 등을 가리키게 됩니다. 백문이불여일견! 자주 쓰는 jQuery들을 함께 다뤄보면서 익혀보죠! 들어가기 전에 - 모든 jQuery를..
Javascript 만으로 충분할까요? 예를 들어 버튼의 색깔을 바꾸고 싶다면? 예를 들어 div 박스를 하나 감추고 싶다면? → 이런 것들 쉽게 해주는 것이, jQuery! JQuery 시작하기 HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리! Javascript로도 모든 기능(예 - 버튼 글씨 바꾸기 등)을 구현할 수는 있지만, 1) 코드가 복잡하고, 2) 브라우저 간 호환성 문제도 고려해야해서, jQuery라는 라이브러리가 등장하게 되었답니다. ※브라우저마다 코드도 다르고 길게 써야하니 다 모아서 라이브러리로 묶어줌 jQuery와 Javascript - 코드 비교해보기 jQuery는 Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javas..
짝수 번 눌렀을 때는 "짝짝짝", 홀수 번 눌렀을 때는 "홀홀홀" 얼럿을 띄우는 버튼을 만들어 볼게요! 짝/홀수 판단하는 방법 let even = 4; console.log(even % 2); // 2로 나눈 나머지가 0입니다. let odd = 5; console.log(odd % 2); // 2로 나눈 나머지가 1입니다. [코드스니펫] 짝/홀수 onclick 함수(완성) Javascript 만으로 충분할까요? 예를 들어 버튼의 색깔을 바꾸고 싶다면? 예를 들어 div 박스를 하나 감추고 싶다면? → 이런 것들 쉽게 해주는 것이, jQuery! 수업 ▲작동안함(count함수가 사라져서 count이 안됨) count += 1 //count = count +1; ▲함수 바깥에 있어야 작동함 ※script에..
미세먼지(IDEX_MVL)의 값이 40 미만인 구 이름(MSRSTE_NM)과 값을 출력하기 [코드스니펫] 서울시 미세먼지 값 for (let i = 0; i < mise_list.length; i++) { let mise = mise_list[i]; if (mise["IDEX_MVL"] < 40) { let gu_name = mise["MSRSTE_NM"]; let gu_mise = mise["IDEX_MVL"]; console.log("40보다 작은 구: " + gu_name + ", " + gu_mise); } } 40 이하든, 35 이하든 유용하게 쓸 수 있게, 함수로 만들어볼까요? function show_gus(index) { for (let i = 0; i < mise_list.length; ..
