자바스크립트에서 웹서비스, 웹사이트를 개발하기 위해서는 서버와 통신하는 것도 중요합니다. 로컬환경에서 돌아가는 페이지를 만들수도 있지만 웹서비스라고 한다면 많은 유저들이 어디서든 서비스에 접근해서 이용이 가능해야합니다. 그 기능을 담당할 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..
1. 자바스크립트란? >> 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어입니다. 2. 브라우저는 왜 자바스크립트 언어를 사용? 2-1) HTML 안에 파이썬, 자바 언어사용은 불가능? >> 브라우저에 자바스크립트 언어 사용은 이미 만들어진 표준이기때문에 모든 브라우저는 기본적으로 자바스크립트를 알아듣게 설계되어있고, 모든 웹서버는 HTML+CSS+자바스크립트 구조로 되어있습니다. >> 이미 많은 브라우저들이 자바스크립트로 만들어져있어서 파이썬이나 자바로 굳이 만들 이유가 없기때문에 표준처럼 굳어진 것입니다. 3. 자바와 자바스크립트의 차이점? >> 아무관련 없다고 봐도 무방합니다. 4. 자바스크립트 사용법? >> 태그 안에 CSS를 넣었듯이 태그 안에 자바스크립트를 넣습니다. ex) on..
