잘 살고 싶은 보겸삼촌의 블로그

1. Ajax (Asynchronous JavaScript and XML) Web에서 화면을 갱신하지 않고 Server로부터 데이터를 가져오는 방법 1.1. 동작원리 : Browser에서 Server로 보낼 데이터를 Ajax Engine을 통해 Server로 전송됨 이 때, Ajax Engine에서는 JavaScript를 통해 DOM을 사용하여 XMLHttpRequest(XHR) 객체로 데이터를 전달 이 XHR을 이용해서 Server에서 비동기 방식으로 자료를 조회 Server에서 데이터를 전달할 때 화면 전체의 HTML을 전달하지 않고 Text 또는 xml형태로 Browser에 전달 1.2. Ajax 특징 : Ajax를 사용하지 않은 web page에서는 Server로 데이터를 전송할 때마다 화면 전체..

1. onload VS ready 1.1. onload 1.1.1 onload (JavaScript) 문서의 모든 콘텐츠(images, script, css, etc)가 로드된 후 발생하는 이벤트 - DOM의 standard 이벤트로, html의 로딩이 끝난 후에 시작. 화면에 필요한 모든 요소들이 웹 브라우저 메모리에 모두 올려진 다음 실행되며 화면이 그려진 다음 메시징이나 이미지가 관련 요소가 모두 올려진 다음의 애니메이션에 적합 - 외부 링크나 파일 include시 그 안에 window.load 스크립트가 있으면 둘 중 하나만 적용 window.onload = function(){ //실행될 코드 } - 문서에 포함된 모든 콘텐츠가 로드된 후에 실행되기에 불필요한 로딩시간이 추가될 수 있음 - 전체..

//Associative Array stats array = { '0' : '7', '1' : '8', } 이런 상황에서 array.length 를 수행했을 때, TypeError: array is not iterable 가 발생 [ 해결방법 ] Object.keys(array).length 연관배열의 '키'의 길이를 구하는 방법으로 전체 연관배열 데이터의 크기를 알 수 있음

사용목적 문자열을 수식으로 계산하여 결과를 얻으려고 할 때 사용 Number eval("문자열"); 예시) function function_eval(str_format_num1, str_format_num2){ var result1 = str_format_num1 + str_format_num2; console.log(typeof(result1)); console.log(result1); var result2 = eval(str_format_num1 + str_format_num2); console.log(typeof(result2)); console.log(result2); var result3 = parseInt(str_format_num1) + parseInt(str_format_num2); con..

사용목적 해당 값이 숫자인지 숫자가 아닌지 판별할 때 사용 bool isNaN(값) (예시) if(!isNaN(value)){ console.log("value는 숫자가 아닙니다."); //NaN }else{ console.log(value); //숫자 값 }

PHP 변수를 javascript에서 사용하는 방법은 크게 두 가지가 있음 1. echo() 2. hidden()

1. php 배열 예시 ; console.log(typeof(arr_js)); console.log(arr_js);

javascript에는 다음과 같은 메소드가 포함되어 있음 속성 설명 push(object) 배열 끝에 요소 추가 pop() 배열 끝의 요소 삭제 unshift() 배열 앞에 요소 추가 shift 배열 앞의 요소 삭제 splice(index, removeCount, [Object] 여러 개의 객체를 요소로 추가 및 삭제 slice(index, copyCount) 여러 개의 요소를 잘라내여 새 배열 객체로 생성

가장 기본적인 JSON 형태의 예시 // 기본적인 JSON 형태 const exam = { key1 : 'value1', key2 : 'value2' } 보통 key, value 쌍으로 이루어 졌음 * 문제상황 key 값에는 문자열을 그대로 사용하기 때문에, 키 값을 동적으로 해 줄 필요가 있을 때 다음과 같이 사용할 수 없음 // 동적으로 사용할 수 없는 예제 var key3 = 'key_content'; const exam = { key1 : 'value1', key2 + key3 : 'value2' }s value 부분에는 문자열을 이어 붙여도 자동으로 처리해주고 변수도 사용할 수 있으나, key에서는 그렇게 할 수 없어서 다음과 같은 방법으로 설정해주어야 함. // 동적으로 사용할 수 있는 예제 ..