Coding/JavaScript11 [JavaScript] Local Storage Local Storage란? 브라우저 내 데이터를 가지고 있는 저장소 sessionStorage와 같지만 sessionStorage는 브라우저를 닫을 경우 데이터가 삭제된다. Local Storage는 브라우저를 새로고침, 닫기를 실행해도 데이터가 보존된다. 하지만, 시크릿 모드를 사용하여 Local Storage에 담긴 데이터는 시크릿 모드로 열린 브라우저를 닫으면 데이터가 삭제된다. Local Storage 사용법 로컬 스토리지 내 데이터 저장 객체 형태로 저장 된다. // key value localStorage.setItem('minwoo', 'cho'); 로컬 스토리지 내용 가져오기 const name = localStorage.getItem('minwoo'); 로컬 스토리지 내용 삭제 loca.. 2022. 5. 22. [JavaScript] 클로저 클로저란? 외부 함수의 변수에 접근 할 수 있는 내부 함수 JavaScript MDN: 클로저는 함수와 함수가 선언된 어휘적 환경의 조합, 클로저를 이해하려면 자바스크립트가 어떻게 변수의 유효범위를 지정하는지(Lexical scoping)를 먼저 이해해야 한다 어휘적 환경의 조합이라는 것이 낯설게 느껴진다. 하지만, 앞서 작성한 스코프에 대해서 이해를 하고 온다면 유효범위가 지역범위라는 것을 알 수 있다. 외부함수, 내부함수(클로저) 외부 함수 안에 있는 함수가 내부함수이며, 클로저라고 불린다. 외부함수는 내부함수의 변수를 사용하지 못한다. 내부함수는 외부함수의 변수를 사용할 수 있다. 내부함수는 여러개를 작성할 수 있다. function init() { let name = "minwoo"; // nam.. 2022. 5. 13. [JavaScript] 스코프 스코프(Scope) 변수의 접근할 수 있는 '유효범위'를 나타낸다. 스코프의 접근 범위 전역 스코프(Global Scope): 가장 바깥의 범위 전역 스코프에서 선언한 변수는 지역 스코프에서 사용이 가능하다. 지역 스코프(Local Scope): 전역 스코프가 아닌 나머지 범위 지역 스코프에서 선언한 변수는 전역 스코프에서 사용이 불가능하다. let hi = 'hello'; // 전역 스코프 function talkMessage(){ // 지역 스코프 let message = 'JavaScript'; return hi + ' ' + message; } console.log(talkMessage());// 'hello JavaScript' console.log(hi);// 'hello' console.lo.. 2022. 5. 12. [JavaScript] 객체 객체(Object) 원시 타입을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체이며, JavaScript의 객체는 key와 value로 구성된 property들의 집합이다. 객체의 구조 key와 value가 존재 key: 빈 문자열을 포함하는 모든 문자열 value: 모든 데이터 값 let obj = {}; // 'key' 'value' obj['name'] = 'cho'; console.log(obj);// {name: 'cho'} 객체 생성 {} 객체 리터럴 방식으로 생성할 수 있다. new Object 함수로 생성할 수 있다. // 객체 리터럴 방식 let obj1 = {}; // Object 생성자 함수 let obj2 = new Object(); 객체 key, value 할당 객체.. 2022. 5. 10. [JavaScript] 배열 배열(Array) 순서가 있는 값을 저장할 때 사용하는 자료구조이며 배열을 사용하는 자료구조의 대표적인 예로 스택, 큐, 덱이 있다. 배열의 구조 요소가 들어있는 방의 번호를 인덱스라고 하며, 정수형만 입력이 가능하고 0부터 시작한다. 배열에 값을 삽입하는 js 메서드는 push(), unshift()가 있으며, 삭제하는 메서드는 pop(), shift()가 있다. 자세한 내용은 자료구조 스택에서 다룬다. 인덱스(Index) 0 1 2 3 요소(element) 'banana' 'apple' 'peach' 'pineapple' 배열생성 및 출력 []을 사용하여 빈 배열을 생성할 수 있다. new Array()를 사용하여 빈배열을 생성할 수 있다. [](배열리터럴)을 사용하여 '배열[인덱스]'형식으로 요소를.. 2022. 5. 10. [JavaScript] 반복문(for, while) 📌 반복문: 같거나 비슷한 코드를 여러번 실행해야 하는 경우에 사용한다. 📌 반복문의 종류 for for...in for...of while do ...while 📌 for 어떠한 조건이 거짓이 될 때까지 반복한다. 주로 특정 조건이 주어져 있을 경우에 많이 사용합니다. for (초기문; 조건문; 증감문) 문장 ex) 초기문 i = 1, 조건문 i 2022. 4. 28. 이전 1 2 다음
