자바스크립트에서 웹서비스, 웹사이트를 개발하기 위해서는 서버와 통신하는 것도 중요합니다. 로컬환경에서 돌아가는 페이지를 만들수도 있지만 웹서비스라고 한다면 많은 유저들이 어디서든 서비스에 접근해서 이용이 가능해야합니다. 그 기능을 담당할 Ajax (에이잭스)를 공부해보겠습니다. Ajax란? - 자바스크립트 페이지의 전환없이 서버에서 값을 받아올 수 있는 방법입니다. - 서버가 클라이언트한테 데이터를 제공하는 포맷은 JSON으로 이루어져있습니다. 이번 예제실습에서는 OpenAPI로 이용할 수 있는 "미세먼지OpenAPI"를 사용해보겠습니다. JSON이란? - 딕셔너리와 리스트의 조합입니다. 데이터를 관리하기 위해 키와 데이터로 이루어진 리스트가 여러개 있는 것입니다. 클라이언트가 요청할때 '타입'이라는 것..
자바스크립트를 배우면서 웹개발을 하기위해 jQuery (제이쿼리)가 중요하다는 것을 알게되었습니다. jQuery는 자바스크립트를 더 유용하게 만들어주는 라이브러리입니다. 이번에는 웹 개발을 하기위한 jQuery에 대해 공부해보겠습니다. jQuery(제이쿼리)란? - HTML의 요소들을 조작하는, 편리한 자바스크립트를 미리 작성해둔 라이브러리 - 자바스크립트로도 모든 기능 (버튼글씨 바꾸기 등)을 구현할 수 있지만, 코드가 복잡해질 수 있고 호환성 문제도 고려하여 제이쿼리라는 라이브러리가 등장하게 되었습니다. - 전문 개발자들이 짜둔 코드를 가져와서 사용하는 것이기때문에 제이쿼리를 사용하기 위해선 import를 해야합니다. 1. 박스 하나 감추는 것 1) 자바스크립트에서 사용 document.getElem..
저번 'Javascript 공부일지' 에서는 '앱 개발'을 5주간 배우며 앱 서비스를 배포하는 것까지 완성해보았습니다. 개발을 할때 앱을 만들어 배포하는 것도 좋지만, 인터넷을 통해 쉽게 접속하고 모바일로도 쉽게 접할 수 있는 '웹 서비스' 개발 또한 흥미가 생겼습니다. 이번 'Javascript 공부일지2' 에서는 앱을 만들지 않고, 인터넷에 접속하는 것만으로 웹 서비스를 이용할 수 있는 '웹 개발'에 대해 배워보려고합니다! 이 블로그 내 관련 게시물 : https://lefton.tistory.com/50 1. 이미지 넣기 background-image:url("https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-c..
