JQuery의 $.Ajax메소드 사용법 및 Json데이터
·
FE/javascript(jQuery)
jQuery의 $.ajax 메소드 - 비동기적(동시실행)으로 웹 서버와 통신하는 기술 - 웹 페이지의 내용을 새로 고침하지 않고도 웹 서버에서 데이터를 가져오거나 서버에 데이터를 보낼 수 있으며 웹 사이트의 사용자 경험을 향상시킬 수 있다. Json (JavaScript Object Notation) - 웹 어플리케이션에서 정보를 주고받을 때 사용하는 데이터 포맷 - 데이터를 쉽게 인코딩 & 디코딩 할 수 있어 웹 애플리케이션에서 서버와 클라이언트 간 데이터 교환 시에 많이 사용된다. Json샘플 데이터 참고 사이트 https://jsonplaceholder.typicode.com/ JSONPlaceholder - Free Fake REST API {JSON} Placeholder Free fake AP..
제이쿼리(JQuery)를 사용하는 이유와 사용법
·
FE/javascript(jQuery)
제이쿼리(JQuery)란 오픈소스 기반의 자바스크립트 라이브러리를 의미한다. 라이브러리는 SW의 구성요소 중 한 가지로 API를 바탕으로 대상 환경(플랫폼)에서 바로 실행될 수 있도록 모듈화 된 프로그램의 모음이다. 혼자서 동작하는 완전한 프로그램이 아니라 특정한 부분의 기능만을 수행하도록 제작되었으며 컴파일 기계어의 형태로 존재한다. 1. javascript , JQuery의 차이점 자바스크립트 : 선택자의 설정, 스타일 등 기존 명령이나 코드 작성이 달라 초반 진입장벽이 높다는 단점이 있으며 내장형 스크립트를 사용한다. 제이쿼리 : 자바스크립트의 진입장벽을 낮추기 위해 만들어졌으며 cdn방식이나 외부 연결방식으로 파일을 연결해 사용한다. (호환성 부분은 1.12.4 버전이 가장 안전함) [사용하는 이..
자바스크립트 조건문 If 작성하기
·
FE/javascript(jQuery)
자바스크립트에 사용되는 조건문은 if문과 for문이 있는데 for문은 jQuery에 기본적으로 내장되어 있어서 잘 사용하지 않는다. if문은 하나 이상의 조건에 따라 실행할 명령어를 구분하여 실행시킨다. if문 구조 if(조건 1) {조건 1을 만족할 때 실행될 명령어 }else if(조건2){ 조건 2를 만족하면 실행될 명령어 }else if(조건3){ 조건 3을 만족하면 실행될 명령어 }else{ 위의 모든 조건문에 해당되지 않을 경우 실행되는 명령어} *괄호는 붙여 써도 됨 *마지막 else는 생략해도 된다. var question = confirm('대화창 생성하기') document.write(question) if(question==true){ document.write('예를 선택할 경우 나..
[기초] 자바스크립트 변수(var) 작성 법 및 데이터 종류
·
FE/javascript(jQuery)
자바스크립트에서는 변수를 사용해서 중복적으로 사용해야 하는 데이터를 효율적으로 사용한다. 이 변수는 html에서 id와 같은 역할을 하며 다른 점은 중복으로 사용할 수 있다는 것이다. [변수(variable) 사용 법] 'var 변수명 = 데이터 값' 형태로 작성하며 호출 시 var를 넣으면 재선언이 되기 때문에 생략하고 변수명만 사용한다. var hello='안녕하세요' console.log(hello) document.log(hello) 변수명 규칙 1) 반드시 영문만 사용하며 숫자는 올 수 있으나 첫글자에는 사용할 수 없다(대문자도 불가) 2) 띄어쓰기, 특수문자 삽입 금지 (예외: - , _ ) 3) 약속되어 있는 예약어는 사용하지 않는 것이 좋다 (html에서 div, span과 같은 태그명을 ..