웹개발 종합반 - 2주차 마무리

학습내용

JavaScript 기본문법
JavaScript 라이브러리 활용 - jQuery
JavaScript fetch
크롬 확장프로그램

JavaScript 기본문법

변수선언

자료형

함수선언

함수호출

JavaScript 라이브러리 활용 - jQuery

라이브러리란 소프트웨어 개발에 사용되는 코드 모음이며, 다른 프로그램에서 호출되어 사용될 수 있습니다.

jQuery - js 라이브러리. DOM을 쉽게 접근하고 제어할 수 있다.

 

jQuery는 빠르고 작고 기능이 풍부한 JavaScript 라이브러리로, HTML 문서 탐색, 이벤트 처리, 애니메이션 및 Ajax 상호 작용을 간소화하여 빠른 웹 개발을 지원합니다.

// jQueyr import
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

 

JavaScript fetch

자바스크립트 fetch는 웹 개발자가 HTTP 프로토콜을 사용하여 비동기적으로 네트워크 요청을 보내고 응답을 받을 수 있게 해주는 내장 메소드입니다. 이 기능을 사용하면 서버와의 데이터 통신을 통해 웹 페이지를 동적으로 업데이트 하거나, 데이터를 가져와서 다양한 방식으로 처리할 수 있습니다. fetch() 메소드는 네트워크 요청을 보내고, 응답을 처리하기 위해 Promise 객체를 반환합니다. 이 Promise 객체는 비동기적으로 응답을 처리할 수 있도록 해주는데, 이를 통해 UI가 멈추지 않고 다른 작업을 처리할 수 있습니다.

json 데이터를 패치를 통해 받아와서 화면에 나타내는 내용을 배움.

// fetch 기본 코드
fetch("URL").then(res => res.json()).then(data => {
console.log(data)
})

크롬 확장프로그램

json 형식의 데이터를 쉽게 볼 수 있도록 도와주는 확장 프로그램 JSONVue를 사용하였다.

JSONVue는 JSON 파일을 시각화하고 편집하는 데 사용되는 웹 기반 도구입니다. 사용자는 사용자 친화적 인 인터페이스에서 JSON 데이터를보고 조작할 수 있습니다.