bom's happy life

style에 .bad(미세먼지 나쁨을 의미해서 정한 이름) 나쁨에 빨간색으로 표시하기 미세먼지 농도가 55보다 높으면(if) 빨간색으로 표시하고 그렇지 않으면(else) 표시하지 않기. ** console창에 보이는 데이터를 웹 화면에 보이게 하려면 temp_html을 지정해준다. → let temp_html 중요) console.log 를 수시로 해보는 이유는 중간중간 작업이 잘 되고있는지 확인하기 위해서! 만약에 코드를 다 짜놓고 작동을 해봤는데 에러가 뜨면 어디서 잘못했는지 찾아내야 하는데 그럼 시간이 오래걸린다ㅠ 그래서 코드 하나짜고 콘솔창에서 확인해보고 잘 작동하면 그 다음 코드로 넘어간다!

* Ajax는 jQuery를 임포트한 페이지에서만 동작 가능하다. Ajax 기본 골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function (response) { console.log(response) } }) Ajax 코드 해설 $.ajax({ type: "GET", // GET 방식으로 요청한다. url: "http://spartacodingclub.shop/sparta_api/seoulair", (예시) data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 비워둔다!) success: function(response){ // 서버에서 준 결과를 response라는 변수에 담음 console.log(response) /..

01. jQuary란? HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 즉, 자바스크립트 라이브러리! (MIT가 허용한 오픈 소스 라이선스를 이용함. 애니메이션과 플러그인 개발은 물론, 웹페이지에 상호성과 역동성을 더해줌.) Javascript로도 모든 기능(예 - 버튼 글씨 바꾸기 등)을 구현할 수는 있지만, 1) 코드가 복잡하고, 2) 브라우저 간 호환성 문제도 고려해야해서, jQuery라는 라이브러리가 등장하게 되었다. jQuery는 Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드이다. 전문 개발자들이 짜둔 코드를 잘 가져와서 사용하는 것! (그렇게 때문에, 쓰기 전..

1. HTML파일을 받았다고 가정하고, Javascript로 다시 서버에 데이터를 요청하고 받는 방법을 배워보자. 2. jQuery를 이용해 Javascript로 HTML을 쉽게 제어하고, Ajax를 이용해 다시 서버에 데이터를 요청하고 받아보자. 클라이언트(client)란? (정보.통신)서버 시스템과 연결하여 주된 작업이나 정보를 서버에게 요청하고 그 결과를 돌려받는 컴퓨터 시스템 01. - 안에 function hey를 불러주고 alert(알람)을 했을 때 나올 말을 지정해준다. - 그리고 alert(알람)을 지정해준거를 어떻게 불러올 건지 정하는데 나는 button을 onclick하면 불러오는 걸로 설정하겠다! 는 의미. 02. 홀짝 판별 onclick 함수(완성) - 새로고침을 하는 게 아니라 눌..