Sparta 웹개발 종합반 2주차 9~12강+숙제
09. Ajax 함께 연습하기 미세먼지 OpenAPI http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 Ajax 기본골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) Ajax 연습 미세먼지 수치가 70이상인 곳은 빨간색으로 jQuery+Ajax의 조합을 연습하자! 1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기 모든 구의 미세먼지를 표기해주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 미세먼지 수치가 70이상인 곳은..
Sparta 웹개발 종합반 2주차 1~8강
01. 2주차 오늘 배울 것 jQuery,Ajax HTML파일을 받았다고 가정하고, Javascript로 다시 서버에 데이터를 요청하고 받는 방법 배운다. Query를 이용해 Javascript로 HTML을 쉽게 제어하고 Ajax를 이용해 다시 서버에 데이터를 요청하고 받는다. 02. Javascript 복습 결과 03. JQuery 시작하기 JQuery란? 미리 작성된 javascript 코드 임포트를 해야한다. 브라우저마다 길게 다르게 써야됨(복잡,브라우저 호환성 문제) 해결 =>HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리를 만든다. JQuery document.getElementById("element").style.display = "none"; Jav..
Sparta 웹개발 종합반 1주차 13~16강 +숙제
13. Javascript 기초 문법 배우기(1) 크롬 개발자도구 띄워놓은 페이지에서 빠르게 자바스크립트를 테스트해볼 수 있게, 개발자들을 위해 만들어둔 도구 F12 console.log 14. Javascript 기초 문법 배우기(2) 15. Javascript 연습하기 16. 1주차 끝 & 숙제 설명 내가 푼 코드 양초팝니다 이 양초는 사실 특벼한 힘들 가지고 있어요. 양초를 켜고 소원을 빌면 짜자잔 뭐든지 이뤼지게 된답니다.하나 사가세요! 대나무 향이 아주 좋아요 주문자이름 수량 수량을 선택하세요 One Two Three 주소 전화번호 주문하기 내가 푼 코드 결과 1.일단 균형이 안맞는다. background:green;으로 해봤는데 오른쪽만 초록색이 나타났다. 2.그리고 양초팝니다에서 가격을 작게..
Sparta 웹개발 종합반 1주차 5~12강
05. CSS 기초 1.HTML 부모-자식 구조 살펴보기 태그가 바뀌면 그 안의 내용물도 모두 영향이 간다. 버튼1은 초록색 div의 자식이다. 11) CSS 기초 안에 로 공간을 만들어 작성 mytitle라는 클래스를 가리킬 때, .mytitle { ... } 라고 써줘야 한다. 배경관련 background-color background-image background-size 사이즈 width height 폰트 font-size font-weight font-famliy color 간격 margin padding 06. 자주 쓰이는 CSS 연습하기 #한꺼번에 이동하기 위해 div을 만들어줌 로그인 페이지 아이디, 패스워드를 입력해주세요 로그인페이지 ID: PW: 로그인하기 #명찰 두개(mybtn red..
Sparta 웹개발 종합반 1주차 1~4강
전체선택 : Windows: Ctrl + A 잘라내기 :Windows: Ctrl + X 콘솔창 줄바꿈 shift + enter 코드정렬 Windows: Ctrl + Alt + L 들여쓰기 취소 : Shift + Tab 주석: Windows: Ctrl + / [수업 목표] 1.서버와 클라이언트의 역할에 대해 이해한다. 2. HTML, CSS의 기초 지식을 이해한다. 부트스트랩을 가져다 쓸 줄 안다! 3. Javascript 기초 문법을 익힌다. 1-1 1주차 오늘 배울것 1) 서버/클라이언트/웹의 동작 개념 웹동작 개념(HTML을 받을 경우) 브라우저가 하는 일 1)요청을 보낸다. 어디에 요청? 서버가 만들어 놓은 API라는 창구에 미리 정해진 약속대로 요청을 보내는것 ex) https://naver.co..
https://syscoding.tistory.com/3 Sparta 웹개발 종합반 1주차 1~4강 전체선택 : Windows: Ctrl + A 잘라내기 :Windows: Ctrl + X 콘솔창 줄바꿈 shift + enter 코드정렬 Windows: Ctrl + Alt + L 들여쓰기 취소 : Shift + Tab 주석: Windows: Ctrl + / [수업 목표] 1.서.. syscoding.tistory.com https://syscoding.tistory.com/4 Sparta 웹개발 종합반 1주차 5~12강 05. CSS 기초 1.HTML 부모-자식 구조 살펴보기 태그가 바뀌면 그 안의 내용물도 모두 영향이 간다. 버튼1은 초록색 div의 자식이다. 11) CSS 기초 ~ 안에 로 공간을 만들..