Age of Discovery

로컬스토리지란 무엇일까?? 사용자의 개인 브라우저에 저장하는 임시저장소이며 간단한 데이터를 담고 빼올 수 있어서 매우 편하며 반영구적이다. 로그인할 때도 개인 브라우저에 비번이랑 아이디를 저장해놓은다음 다음에 접속할 때 또 귀찮게 로그인을 안해도 자동으로 로그인이 되는 좋은 기능을 가지고 있다. 로컬 짱! 그럼 JS를 이용해 로컬스토리지에 데이터를 저장하고 빼와서 사용해보자. 아주 간단하게 할 것이다. 원리만 알면 된다! const local_data = 'data' const local_obj = [ { name : '강해상', age : 35 } ] const use_local = () => { localStorage.setItem(local_data, local_obj); } local_data라는..

const arr = [5, 12, 8, 130, 44]; const array2 = arr.findIndex( (element) => element > 20 ) console.log(array2) // 출력값은 3 축구선수를 영입하려다가 findIndex함수의 필요성을 느껴서 공부 후 포스팅한다. arr이라는 변수 안에 5가지의 숫자들이 있는데 이 각각의 값들은 element라고 지칭하겠다. array2라는 변수에는 arr이라는 배열 뒤에 findIndex를 붙인 후 콜백함수를 사용한다. findIndex의 파라미터는 element라고 임의로 칭하겠다. (파라미터이름은 어떤걸로 지어도 상관없다. 다만 의미를 제대로 부여해주는 것이 좋다.) 여기서의 element는 arr 배열의 각각의 값들이다 5나 1..

자바스크립트는 변수나 함수의 선언부분을 변수의 범위 맨 위로 강제로 끌고가서 가장 먼저 해석한다. 그게 Hoisting이다. ​ function 함수(){ console.log(이름); var 이름 = 'Klopp'; } 이런 함수를 만들었다고 가정할 때 함수를 실행하면 콘솔에 이름이라는 정의되지않은 변수가 먼저 찍혀야하니 에러가 떠야한다. (원래대로라면) ​ 하지만 에러대신 undefined가 뜬다 ​ 그 이유는 function 함수(){ var 이름; console.log(이름); 이름 = 'Klopp'; } 자바스크립트라는 문법은 호이스팅이 일어나기 때문에 위의 함수처럼 인식을 하고 위에서부터 읽어내려간다. 그럼 var 이름;

한동안 프로젝트 진행으로 블로그 업로드가 뜸했지만 막히는게 많고 기본기가 부족하단 걸 절실히 깨닫게 되어 기초부터 다시 돌아가서 시작하는 의미로 문법부터 차근차근 포스팅하려고 한다. ​ 자바스크립트 변수는 ES6 업데이트 전에는 var 변수만 있었으나 호이스팅과 재할당(이 부분은 다음 포스팅때 설명) 관련 불편함 개선을 목적으로 업데이트 후 let, const 변수가 추가되었다. ​ 기본적으로 변수는 선언과 할당의 특징을 가진다. var name = 'klopp' // var name 까지는 선언 // name = 'klopp' 부분은 할당 var name = 'klopp' // 이 부분은 선언과 할당을 같이 해준 것 ​ let과 const도 이렇게 사용하면 된다. ​ 하지만 var는 재할당과 재선언이 ..