[작성일: 2023. 04. 11] JSON 객체REST API 등에서 많이 사용되는 JSON 형태의 데이터를 object로 변환할 수 있고, object를 JSON으로 변환하는 것도 가능함. JSON.parse()         JSON 타입의 데이터를 javascript object로 변환JSON.stringify()   object를 JSON 타입의 데이터를 변환  Javascript JSON Object      JSON(JavaScript Object Notation)객체생성JSON은 맵 구조이기 때문에 key, value가 쌍으로 저장됨.내부 JSON 객체에는 put(K, V)을 통해 넣어주고, 외부 JSON 객체로 묶어서 관리함.JSON은 내부에서 외부 순서대로 데이터를 생성함...

[작성일: 2023. 04. 09] AjaxAsynchronus Javascript and XML비동기적인 자바스크립트와 XML빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법Ajax는 웹 페이지 전체를 다시 로딩하지 않고도 웹 페이지의 일부를 갱신할 수 있음.백그라운드 영역에서 서버와 통신하여 결과를 웹 페이지에 표시할 수 있음. 서버와 아래와 같은 데이터를 주고받을 수 있음.JSONXMLHTML   Ajax의 장점페이지 전체를 로드하지 않고도 일부분만의 갱신이 가능함.페이지가 로드된 후 서버로 데이터 요청을 보내거나 받을 수 있음.다양한 UI(동적 페이지) 구현 가능함.   Ajax의 단점페이지 이동이 없으므로 히스토리 관리가 되지 않음.반복적인 데이터를 요청하면 느려지거나 작동하지 않음.페..

[작성일: 2023. 03. 07] jQuery란?요소들을 선택하는 강력한 방법을 사용하고, 선택된 요소들을 효율적으로 제어할 수 있는 라이브러리간결한 문법으로 개발 속도 증가처리 비용 감소   jQuery의 단점순수 자바스크립트보다 속도는 느림파일 자체가 무거움60% 이상의 사이트가 사용 중이나 상황에 맞추어 사용해야 함.   jQuery 기본 문법$("선택자")아이디 : #클래스 : .속성 : 태그명[속성명 = 속성값]태그: 태그명   jQuery 사용법값 가져오기$("선택자").val();$("선택자").text(); 값 변경하기$("선택자").val("값");$("선택자").text("값"); 반복문$.each(iterator, function(index, item){});          🐣 ..

[작성일: 2023. 03. 03] DOM(Document Object Model)HTML 태그들을 하나씩 오브젝트화 한 것HTML 페이지의 내용과 모양을 제어하기 위해 사용되는 객체HTML 태그 당 DOM 객체가 하나씩 생성HTML 태그의 포함관계에 따라 Parent-Child 관계로 구성 됨.     BOM(Browser Object Model)자바스크립트를 이용하면 브라우저의 정보에 접근하거나 기능을 제어 가능함.이 때 사용하는 객체 모델을 BOM이라고 부름DOM은 W3C의 표준이지만 BOM은 아님.자바스크립트가 브라우저의 기본적인 기능 요소를 직접 제어하고 관리하는 방법을 제시함.   Window 객체웹 브라우저의 창을 나타내는 객체로 대부분의 브라우저에서 지원함.자바스크립트의 모든 객체, 전역 ..

[작성일: 2023. 02. 25] 함수(function)인자(parameter) : 매개변수(선언부)인수(argument) : 매개변수에 들어가는 값(사용부)함수명은 동사 + 목적어로 작성하는 것이 좋음.function 함수명(parma1, param2, ...) { 코드 작성 return 리턴값;}     Javascript 전역함수eval()eval("2 + 3 * 4") // 14  parseInt()문자열을 정수타입으로 변환함.parseint("32") // 32 출력 isNaN()숫자가 아니면 true, 숫자면 falseisFinite()숫자면 true, 아니면 false     객체(Object)객체의 고유한 속성을 프로퍼티(Property)라고 부르며, 여러 프로퍼티와 값의 쌍으로 표현..

[작성일: 2023. 02. 21] 자바스크립트 대화상자(dialog)사용자 입력 및 메시지 출력사용자에게 메시지를 출력하거나, 입력 받을 수 있는 3개의 대화상자가 있음.   Prompt디폴트 입력값은 생략 가능함.사용자가 입력한 문자열 값을 리턴하지만 아무 값도 입력하지 않으면 "" (빈칸)을 리턴함.취소나 강제로 닫으면 null을 리턴함.chrome등 브라우저의 개발자 도구 > console(F12)prompt("메시지", "디폴트 입력값")var : 자바스크립트의 변수 선언console.log : 변수 값이나 텍스트를 로그로 생성   Confirm확인/취소 버튼을 가진 다이얼로그를 출력함.확인 = true취소 또는 강제종료 = false 리턴confirm("메시지")   Warningalert("..