JavaScript35 [Javascript] 웹 스토리지 Web Storage DB 공부를 하다가 문득 생각해 봅니다. 웹 개발을 하다가도 잠깐 저장하고 싶은 정보가 있는데 그럴때마다 DB를 연동하고 서버를 켜두는 것은 굉장한 낭비가 될거같은데 어디다 저장해야하지? 하는 생각에 찾아보니까 스토리지(Storage)라는 기술이 존재하고 있었습니다. 1. 웹 스토리지 사실 웹에서 정보를 저장해 두는 수단엔 대표적으로 '쿠키'라는 것이 존재합니다. 하지만 이 쿠키는 크기가 매우작고 네트워크 통신이 필요하기에, 쿠키의 최대 크기(약 4KB)보다 큰 정보를 담거나, 네트워크 통신이 필요하다면 사용하는데 문제가 발생합니다. 무엇보다 쿠키는 자바스크립트만으로 조작하는 것이 어렵다는 단점이 있습니다. 그래서 이런점을 보완하기 위해 웹 스토리지를 이용하게 되었습니다. 웹 스토리지는 브라우저에 내장된.. 2021. 10. 2. [Javascript] 브라우저 객체 모델 BOM 브라우저 객체란, 브라우저에 내장되어있는 브라우저 조작을 위한 객체입니다. 더욱 간단히 설명하자면 브라우저에서 뒤로가기나 새로고침, 새 창 열기 등과 같은 조작을 위해 제공하는 객체입니다. 0. 계층 구조 브라우저 객체는 window라는 최상위 객체 아래에 자식 객체로 존재하고 있습니다. 물론 window가 최상위 객체이므로 여하에 수 많은 자식 객체들을 데리고 있지만 여기서는 간단하게 표시했습니다. 그리고 채용률이 높은 네 가지 정도의 객체들만 간단히 소개해보려고 합니다. 여기서 document 객체는 지난 시간까지 다룬 문서 객체입니다. 1. window 객체 window 객체는 위에서 언급했듯이 모든 객체의 최상위 객체 입니다. 다른 객체들과는 달리 메소드 앞에 이름을 따로 명시하지 않아도 되는 객.. 2021. 4. 30. [Javascript] 스코프, 호이스팅 스코프는 변수가 스크립트 내부의 어떤 위치에서 참조될 수 있는가에 대한 것입니다. 자바스크립트는 세가지 경우의 스코프를 가지고 있습니다. 1. 스크립트 내부 어디에서든 참조가 가능한 글로벌 스코프 2. 정의되어있는 함수 내부에서만 참조가 가능한 로컬 스코프 3. 블록 내부({})에서만 참조가 가능한 블록 스코프 스코프 개념은 변수 선언과 밀접한 연관이 있기때문에 변수 선언이 헷갈린다거나 하면 아래 포스트를 참조합시다. 2021/01/28 - [Programming/Javascript] - [Javascript] 변수 선언과 명명 규칙 1. 글로벌 스코프 글로벌 스코프는 어떤 함수 내부에도 들어가있지 않도록 되어있게 선언된 스코프이다. 더 간단히 하면 함수 외부에 선언된 변수라고도 할 수 있습니다. 2. .. 2021. 2. 25. [Javascript] 사용자 정의 함수 3 - 함수 리터럴 (익명 함수) 리터럴은 변수에 저장되는 데이터의 값 또는 그 값의 표현 방법입니다. 2021/01/29 - [Programming/Javascript] - [Javascript] 자바스크립트의 자료형 자료형 포스트에서 참조형에 함수가 있었는데 그 내용을 지금 다루게되었습니다. 자바스크립트에서는 함수도 데이터형의 하나로 간주하여, 함수를 리터럴 자체로 표현하고, 변수에 함수를 대입하고, 다른 함수의 인수로 전달하고, 반환값으로 함수를 건네주는 행위가 가능합니다. 리터럴 선언은 다음과 같이 선언합니다. let addNumber = function(num1, num2) { return num1 + num2; } console.log("합계: " + addNumber(1, 2)); 선언부에 보면 그동안 나왔던 '함수명(인수).. 2021. 2. 24. [Javascript] 사용자 정의 함수 2 - Function생성자 두번째 방법인 Function 생성자를 이용한 방법입니다. Function 생성자는 자바스크립트에 내장된 객체입니다. 내장 객체는 사용자가 정의하는 것이 아닌 자바스크립트에 포함되어 어디서나 사용가능한 객체이며, 이는 객체에서 다시 다루겠습니다. 주의점은 function명령과 다르게 앞이 대문자 'F'로 시작한다는 것을 주의해야합니다. 기본적인 사용방법은 다음과 같습니다. let 변수명 = new Function(인수, 함수의 본체); 소괄호에 인수와 함수의 본체가 같이와서 조금 난해해 보이지만, 인수가 여러개라면 여러개를 콤마로 늘어놓고, 마지막에 함수의 본체를 기입하는 방식입니다. let addNumber = new Function('num1', 'num2', 'return num1+num2'); c.. 2021. 2. 24. [Javascript] 함수, function 1. 함수 함수란 어떤 입력을 받으면 결과를 돌려주는 구조이다. 간단히 말해서 어떤 기능을 수행해주는 블록이라고 생각할 수 있습니다. 이 함수들은 자바스크립트에서 제공하기도 하고(메소드 라고 하는 클래스 함수 등) 사용자가 직접 정의해서 사용할 수 있습니다. 2. 함수의 선언 방법 함수의 선언에는 크게 네가지 방식이 있습니다. 1. function 명령 2. Function 생성자 3. 함수 리터럴 표현 4. 애로우 함수 각 선언 방법에 대해서는 해당포스트 들에서 다루고 지금은 네가지 방법이 존재한다고 아시면 됩니다. 3. 함수의 기본 구조 함수는 보통 다음과 같은 구성을 갖습니다. 함수명(인수) { 반환값; } 함수명은 말그대로 함수를 사용하기 위한 함수의 이름이며 다음과 같은 기본 규칙을 가지고 명명.. 2021. 2. 24. 이전 1 2 3 4 5 6 다음 300x250
