JavaScript13 [JavaScript] - AJAX란 AJAX (Asynchronous JavaScript And XML) 이란 정의 Asynchronous JavaScript And XML (비동기식 자바스크립트와 xml)의 약자입니다. 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신기능입니다. 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법입니다. 비동기 방식이란 비동기 방슥은 웹페이지를 리로드 하지 않고 데이터를 불러오는 방식이며, ajax를 통해서 서버에 요청을 한 후 멈추어 있는 것이 아니라 그 프로그램은 계속 돌아간다는 의미를 내포하고 있습니다. 동기방식 : 하나의 업무가 시작되면 다른 업무는 실행되지 않는 방식.. 2023. 11. 9. [JavaScript] - JSON이란 JSON(JavaScript Object Notation) 이란 JSON 정의 JavaScript Object Notation이라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 Data 교환 형식입니다. JavaScript에서 객체를 만들 때 사용하는 표현식을 의미합니다. JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용합니다. JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법일 뿐입니다. JSON 특징 서버와 클라이언트 간의 교류에서 일반적으로 많이 사용됩니다. 자바스크립트 객체 표기법과 매우 유사합니다. 자바스크립트를 이용하여 JSO.. 2023. 11. 8. [JavaScript] - 비교문 / 분기문 / 반복문 / 문자열 자바스크립트의 비교문, 분기문, 반복문, 문자열이란 1. 비교문 if, else if, else 문을 통해서 다양한 비교문을 사용할 수 있습니다. if(true) console.log(true) else console.log(false) // 삼항 연산자 var a = true; var result = (a) ? "ok" : "not ok"; console.log(result); // ok a = ""; var result = (a) ? "ok" : "not ok"; console.log(result); // not ok 뮩2. 분기문 로직을 분기하기 위해서 if문 이외에도 switch문을 통해서도 해결할 수 있습니다. 3. 반복문 for문이나 while문을 사용해서 반복문을 구현할 수 있습니다. fun.. 2023. 10. 25. [JavaScript] - 자바스크립트 기본 문법 정리 기본 문법 정리 1. JavaScript란 HTML과 CSS로 만들어진 웹 페이젱 생동감을 불어 넣기 위해 만들어진 객체기반의 스크립트 프로그래밍 언어입니다. 따로 C, C++처럼 컴파일 없이 한줄 한줄 해석하며 바로 명령어를 실행하는 인터프리터 언어입니다. HTML의 특정 요소를 선택하여 다양한 이벤트 (마우스 클릭, 키보드 입력 등)에 따라 어떤 동작을 하도록 기능을 넣을 수 있습니다. 2. JavaScript 사용법 내부 스크립트 자바스크립트 코드는 외부 스크립트 3. JavaScript에서 선택자 태그 선택자 document.getElementsByTagName(태그명)[순서]; 태그는 같은 이름으로 여러개를 생성할 수 있습니다. 그래서 getElement가 아닌 getElements로 복수로 사.. 2023. 10. 25. [JavaScript] - 콜백함수 (Callback Function) 자바스크립트 콜백함수 설명 콜백(Callback) 함수는 간단히 말하면 매개변수로 함수 객체를 전달해서 호출 함수 내에서 매개변수 함수를 실행하는 것을 말합니다. 예를 들어 아래 코드와 같이 sayHello() 함수를 호출할 떄 입력 매개변수로 문자열과 printing 함수 자체를 전달하는 것을 볼 수 있습니다. 그리고, sayHello() 함수가 실행되면 실행문 안에서 함수가 들은 두번쨰 매개변수인 callback을 괄호 ()를 붙여 호출됩니다. function sayHello(name, callback) { const words = '안녕하세요 내 이름은 ' + name + ' 입니다.'; callback(words); // 매개변수의 함수(콜백 함수) 호출 } sayHello("남지", functi.. 2023. 10. 25. 이전 1 2 3 다음
