일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- Next
- ccw 알고리즘
- 백준 32028번
- 그리디
- PROJECT
- map
- Express.js
- ucpc 2023 예선 i번
- 백준 32029번
- HTTP
- html5
- string
- ucpc 2024 예선 e번
- JavaScript
- MySQL
- 더 흔한 색칠 타일 문제
- pm2
- MongoDB
- branch
- insomnia
- 게임 서버 아키텍처
- router
- Prisma
- 자바스크립트
- 백준 28303번
- ucpc 2023 예선 d번
- ERD
- Github
- 지금 자면 꿈을 꾸지만
- localstorage
- Today
- Total
목록JavaScript (8)
dh_0e
JavaScript: 정적인(Static) 문서를 조금 더 동적(Dynamic)으로 표현할 수 있도록 만들어짐 정적(Static) 페이지 vs 동적(Dynamic) 페이지정적 웹 페이지 (Static Web Page)- 미리 작성되어 확정된 페이지로 실시간 정보나 맥락을 반영하지 못하며 추가적인 연산이 없으므로 HTML로만 작성 가능 동적 웹 페이지 (Dynamic Web Page)- 맥락, 상황을 반영할 수 있는 페이지- NetScape를 시작으로 브라우저를 만드는 각 회사에서 다양한 언어를 개발하기 시작함- ECMA International에 의해 이를 표준화 시켜 ECMAScript라는 이름으로 자바스크립트 표준을 제정함- Java라는 언어의 인기에 편승하기 위해 지어진 이름으로 전혀 관계가 없음 ..
localStorage는 웹 스토리지 객체(Web Storage Object)로 브라우저 내에 객체로서 저장할 수 있게끔 해주는 문법이다.localStorage에 저장한 값은 웹을 새로고침하거나 꺼도 유지되며 다시 실행하면 데이터가 사라지지 않고 남아있다.하지만 api를 사용하는 것이 아닌 브라우저 내에 저장하는 것으로 다른 컴퓨터(사용자)와 코드만 공유할 경우 저장한 값을 공유할 수는 없다. 본인의 로컬에서만 저장 및 수정이 가능하며 대부분의 브라우저가 2MB 이상의 객체를 저장할 수 있다. get, set, remove localStorage.setItem(key, value) - key, value 쌍을 저장함 (이미 존재하는 key라면 덮어씀)localStorage.getItem(key) - ke..
실행 컨텍스트(Execution Context)실행 컨텍스트란 실행 코드에 제공할 환경 정보들을 모아놓은 객체콜 스택에 환경 정보를 저장하며 스택이므로 FILO(First In Last Out)의 구조임 실행 컨텍스트는 환경 정보 3가지가 모여 객체를 이루며 이를 통해 환경을 보장함 1. VariableEnvironment(VE) - 현재 컨텍스트 내의 식별자 정보(=record)와 외부 환경 정보(=outer) 2. LexicalEvironment(LE) - VE와 동일하지만 변경사항을 실시간으로 반영하며 스냅샷을 유지하지 않는다. 3. this Binding - 함수나 메소드에서 this를 특정 객체로 bind하여 사용하는 것 결국, 실행 컨텍스트를 생성할 때, VE에 정보를 먼저 담으며, 이를 그대..
Map Map은 Object와 유사하지만 Key에 어떠한 데이터타입도 들어올 수 있으며 키가 정렬된 순서로 저장된다는 차이점이 있음반복자를 활용하여 for .. of로 사용이 가능하며 다음과 같은 메소드로 삽입과 검색을 실행함Map.set(Key, value) 데이터 삽입Map.get(Key) 데이터 검색const myMap = new Map();myMap.set(1, 1);myMap.set(2, 2);myMap.set("aaa", 3);myMap.set("bbb", 4);console.log(myMap.get(1)); // 1console.log(myMap.get("bbb")); // 4console.log(myMap); // Map(4) { 1 => 1, 2 => 2, 'aaa' => 3, 'bbb'..
1. 구조분해할당 (destructuring) de(not/분해) + structure(구조) + ing 객체의 속성을 하나 하나 분해해서 값을 변수에 담을 수 있게 해주는 문법 // Arraylet arr = [1, 2, "hi"];let [a, b, c, d] = arr;console.log(a, b, c, d); // 1 2 hi undefined// Objectlet person = { name: "kdh", age: 23, height: 182}let { name, age, height: tall, weight = 75 } = person;console.log(name, age, tall, weight); // kdh 23 182 75 2. 단축 속성명 (property sho..