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; ..
변수/자료형/함수/조건문/반복문 ※오타 주의!!!! 오타 작렬하는 곳 예를 들어 0부터 99까지 출력해야 하는 상황이라면! console.log(0) console.log(1) console.log(2) console.log(3) console.log(4) console.log(5) ... console.log(99) // 이렇게 쓰기엔 무리가 있겠죠? 그래서, 반복문이라는 것이 존재합니다! 반복문을 이용하면 아래와 같이 단 세줄로, 출력할 수 있습니다. for (let i = 0; i 2체크하고 -> (괜찮으면) -> 4 -> 3 -> 2체크하고 -> (괜찮으면..
