코딩 맛집

JavaScript의 배열과 유사 배열에 대해서 알아 보겠습니다. var array = [1, 2, 3]; // [1, 2, 3] var nodes = document.querySelectorAll('a'); // NodeList [a, a, a, ...] 위 예제에서 array는 배열이고, nodes는 유사배열입니다. 둘 다 []로 감싸져 있거든요. 그럼, Array.isArray 메서드 또는 instanceof Array 를 사용해서 어떤것이 배열인지 확인해 보도록 하겠습니다. Array.isArray(array); // true Array.isArray(nodes); // false array instanceof Array; // true nodes instanceof Array; // false ..

https://coding-food-court.tistory.com/39

데이터베이스를 사용하지 않고 브라우저에서 사용자 정보를 저장 하기 위해서는 어떻게 해야 할까요? JavaScript API 를 이용해서 사용자 정보를 저장 할 수 있습니다. 쿠키 보다도 더 강력 합니다. 쿠키보다 데이터 저장공간도 훨씬 뛰어납니다. 1. Window.localStorage 2. Window.sessionStorage 이 객체를 이용 할수 있습니다. 이 객체들은 다음과 같이 사용 할수 있습니다. // 데이터 저장 localStorage.setItem('index', '123'); sessionStorage.setItem('index', '123'); // 데이터 읽기 localStorage.getItem('index'); sessionStorage.getItem('index'); // 모든..

JavaScript 는 동적 타입 언어 입니다. 동적 타입은 타입 (자료형) 이 컴파일 시에 정해 지는 것이 아니라, 실행 시에 정해 집니다. 따라서 자바스크립트 에서는 (==) 동등 비교 연산자(형변환 비교) 뿐만 아니라, (===) 일치 비교 연산자(엄격한 비교) 가 존재 합니다. 1. (==)동등 연산자와 (===)일치 연산자 (===) 일치 연산자는 두 피연산자가 같은 자료형, 같은 값 일 경우에 true 를 반환 합니다. (==) 동등 연산자는 두 피연산자를 같은 자료형으로 형변환 후에 값이 같은 경우 true 를 반환 합니다. console.log(1 == 1); // true 출력 console.log('1' == 1); // true 출력 console.log(1 === 1); // tru..

1. json 이란? json 은 클라이언트와 서버와 같이 서로 다른 프로그램에서 데이터를 읽거나 쓸수 있도록 만들어진 데이터 포맷을 의미 합니다. 이런 데이터 포맷에는 XML 이라는 포맷도 있습니다. 이런 HTTP 상에서 데이터 포맷을 HTTP Content-Type 이라고 합니다. HTTP Content-Type 종류 에는 1. Text 2. JSON (application/json) 3. JavaScript (application/JavaScript) 4. XML (application/xml) 5. XML (text/xml) 6. HTML (text/html) 등 이 있습니다. 특히나 json 은 JavaScript Object Notation 의 약자 입니다. 한글로 해석 하면 '자바스크립트 객..

1. FormData 란? FormData 라는 자바스크립트 객체가 있습니다. HTML5의 태그를 대신 할 수 있는 객체 입니다. FormData는 다음과 같이 객체 생성후 사용 할 수 있습니다. var formData = new FormData(); var formData = new FormData(document.getElementById('폼 아이디')); var formData = new FormData($('form')[0]); 2. FormData의 활용 보통은 HTML상에서 태그를 사용해서 submit 버튼을 만들어서 전송 합니다. ajax로 비동기로 데이터를 전송 해야 할때는 보통 json 데이터를 전송 합니다. 하지만 파일을 전송해야 하거나, 이미지를 전송해야 하는데, 비동기로 전송 하고..