JavaScript 기초와 활용(feat. 조코딩)

* Javascript: 기본적으로 HTML, CSS를 동적으로 변화시키는 역할을 하는 언어

 

* 실행환경

- VS Code로 JS 실행환경 만들기

https://curryyou.tistory.com/169?category=898979 

[JS] VS Code로 HTML, JavaScript 개발 환경 구축/실행(@맥, 윈도우)

- chrome -> 개발자도구 -> console창

 

* jQuery: 자바스크립트를 더 쉽게 해주는 라이브러리

https://jquery.com/

jQuery

- 사용 방법

  1. 사이트에서 Download jQuery 클릭

  2-1. 마우스 우클릭 -> 다른 이름으로 링크 저장

  2-2. CDN을 이용 // CDN: 인터넷에서 특정 파일을 효율적으로 불러올 수 있게 하는 것 -> 연결할 수 있는 태그 HTML파일에 복붙

 

* jQuery UI

https://jqueryui.com/

jQuery UI

 

 

* 튜토리얼

https://ko.javascript.info/

모던 JavaScript 튜토리얼

https://www.codecademy.com/learn

Catalog Home | Codecademy

 

* 참고사이트

- w3shcools : 자바스크립트 함수 설명 잘 되어있음

https://www.w3schools.com/

W3Schools Free Online Web Tutorials

- Codepen: JavaScript, jQuery 관련 예제 복사해서 사용 가능

https://codepen.io/

CodePen

 

* API: 사용 규칙을 제공하는 것

- open API: 누군가 Back-end를 만들어 놓고 주소와 사용 규칙을 공개한 것

- serverless: 공개된 Back-end를 만들고 Front-end만 만들어 쓰는 것

- 서버에 정보를 달라고 하는것(요청 request), 찾은 정보를 받는 것(응답 response) -> 이러한 형식이 작성된 문서: API가이드

 

* 요청(request) 

- 정보 전송 방식: GET, POST

  1. GET: 주소창에 모든 정보를 담아 정보를 전달하는 방식

  2. POST: 내부적으로 정보를 전송하는 방식

 

* 응답(response)

- 형식

  1. JSON: JavaScript의 Object, JavaScript에서만 쓰이는게 아니라 표준으로 사용되기에 정보 전송에 많이 사용

  2. XML

 

* AJAX: API의 요청과 응답을 다루기 위해 사용하는 기술