| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
- 서비스기획부트캠프
- 항해99
- fetch
- requests패키지
- PM코스 후기
- 당뇨병발병률예제
- jQuery
- temp_html
- 서비스기획
- 자바스크립트
- 로컬개발환경
- 타이타닉예제
- HTML
- 항해99 PM코스
- venv설치
- PM부트캠프 후기
- 웹프로그래밍
- javascript
- js
- CSS
- 항해99PM코스
- 프로덕트매니저
- 데이터분석
- PYTHON
- get요청
- 직무부트캠프후기
- 제이쿼리
- 파이썬
- PM코스후기
- IT부트캠프후기
- Today
- Total
목록javascript (2)
노엘의 샴슈
[6] Javascript, jQuery : 서버-클라이언트 통신, Open API, JSONVue, Fetch() 함수
1. 서버-클라이언트 통신 이해하기 1) 서버 ➡️ 클라이언트 : JSON 데이터 더보기 1) 서울시 미세먼지 Open API http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 그냥 열어보면 데이터가 보기 좋지 않게 뜰 것이다. 그래서 Json형으로 바꿔주는 아래 확장자를 추가한다! 2) JSONVue 설치하기 https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=ko 3) 다시 데이터 확인해보기 그럼 아래처럼 데이터가 보기 좋게 정리되어 뜨는 것을 확인할 수 있다! 2) 클라이언트 ➡️ 서버 :..
[5] Javascript 기초 : jQuery 문법
1. Javascript, jQuery, Fetch란 더보기 Javascript : 웹페이지가 특정 상황에 따라 동적으로 작동할 수 있도록 해주는 언어 jQuery : 웹사이트에 자바스크립트를 쉽게 활용할 수 있도록 도와주는 라이브러리 jQuery를 임포트하려면 아래 코드를 head 태그 안에 넣어준다. Fetch : 짧은 코드로 서버에 요청을 보내고 데이터를 받아올 수 있다. 2. 자바스크립트와 HTML의 연결 더보기 1) 자바스크립트 위치 안에 로 작성한다. script 태그 안에 자바스크립트를 작성하는 것. 2) 함수 작성해보기 script 태그 안에 hey() 라는 함수를 정의하고, 버튼 태그 안에 onclick="hey()" 함수를 호출했다. 페이지에서 버튼을 누르면 alert가 뜨는 걸 볼 수..