오늘 한 공부
- JavaScript
- jQuery
- Fetch
JS(JavaScript)
프로그래밍 언어 중 하나로 브라우저가 알아들을 수 있는 언어
Python, Java 같은 언어도 사용할 수 있지만 모든 브라우저는 기본적으로 JS를 이해할 수 있도록 설계되었다.
Python vs JS
-
차이점
Python JS list.append list.push len(x) x.length print console.log for i in list: list.forEach(element =>{}) -
공통점
xxx.split()은 문자열은 나누는 것으로 Python, JS 모두 사용
Python 에서 dictionary를 JS는 object라 한다.
jQuery
라이브러리 중 하나로 JS로만 개발하는데에 대한 어려움(코드가 복잡하고 브라우저 간 호환성 문제)를 고려하여 등장
jQuery에선 append를 사용 (ex. $('#id').append())
| jQuery | |
|---|---|
| $('#id').empty() | 해당 id의 요소 삭제 |
| $('#id').append() | 해당 id의 요소 추가 |
Fetch
서버에 데이터를 요청하고 받을 수 있다.
크게 GET, POST으로 나눈다.
- 기본 골격
fetch("여기에 URL을 입력") // 이 URL로 웹 통신을 요청한다. 괄호 안에 다른 것이 없다면 GET! .then(res => res.json()) // 통신 요청을 받은 데이터는 res라는 이름으로 JSON화 한다 .then(data => { console.log(data) // 개발자 도구에 찍어보기 }) // JSON 형태로 바뀐 데이터를 data라는 이름으로 붙여 사용한다
