꾸준히 성장하는 개발자

LocalStorage - 데이터를 반영구적으로 사용할 수 있다 SessionStorage - 페이지 세션이 끝나면 데이터가 사라진다. 사용방법 1. 항목 추가하기 아래처럼 작성하는데 setItem을 이용하여 key, value를 저장해주면 되는데 문자 데이터를 이용하여 작성할 것 localStorage.setItem( key , value); localStorage.setItem('myCat', 'Tom'); 2. 항목을 읽는 방법 getItem을 이용하여 읽어낸다. const cat = localStorage.getItem('myCat'); 3. 항목 제거하기 제거할 때는 removeItem을 이용하여 키값을 적어주면 된다. localStorage.removeItem('myCat'); 아래처럼 작성을..

타이머 함수 setTimeout(함수, 시간) : 일정 시간 후 함수 실행 setInterval(함수, 시간) : 시간 간격마다 함수 실행 clearTimeout() : 설정된 Timeout 함수를 종료 clearInterval() : 설정된 Interval 함수를 종료 위에서 작성되는 시간의 단위는 ms 1000ms = 1s = 1초 이다. ex) // 3초가 되면 console창에 hi가 뜬다 const timer = setTimeout(()=>{ console.log('hi') },3000) const h1El = document.querySelector('h1') // 3초가 지나기 전에 h1 태그를 클릭하면 timer함수는 실행되지 않는다 h1El.addEventListener('click', ..

호이스팅이란? - 함수 선언부가 유효범위 최상단으로 끌어올려지는 현상 함수가 실행되기 전에 안에 있는 변수들을 범위의 최 상단으로 끌어올리는 것 호이스팅시 변수의 선언과 초기화(undefined으로 ) 같이 시켜버림 const a=7 doble() const doble = function (){ console.log(a*2) } // 에러가 뜨며 나타나지 않는다 doble이라는 함수 표현을 아래에 하게 되면 함수가 선언될 때 아직 생성이 되지 않았기 때문에 함수가 실행되지 않는다. const a=7 doble() function doble(){ console.log(a*2) } // 14 출력 하지만 함수 선언으로 표현을 하게 되면 호이스팅이 일어나며 함수가 최상단으로 끌어올려지며 함수가 실행이 된다. ..

개발 프로젝트에 따라 Node의 버전이 달라질 수 있어서 여러 개를 설치하고 번갈아 가며 사용해야 하는 경우가 있다. 그래서 내가 원할때 언제든 버전을 바꿔줄 수 있는 NVM(Node Version Manager)을 설치하면 편하게 버전을 바꿔가며 사용이 가능하다 NVM 설치 맥OS 사용자 구글에 nvm을 검색하면 나오는 첫 항목이다. https://github.com/nvm-sh/nvm GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions Node Version Manager - POSIX-compliant bash script to manage mul..

function User(first, last){ this.firstName=first this.lastName=last } const heropy =new User('Heropy', 'Park') console.log(heropy) 생성자 함수 new 키워드를 사용하여 함수를 호출하게 되면 return문이 없어도 새로운 객체를 반환시킨다. 그리고 생성자 함수가 일반 함수와 구분이 안되기 때문에 이를 구분하기위해 new와 함께 쓰이는 함수를 이름을 첫번째 글자를 대문자로 작성한다. 함수 이름의 첫번째 글자가 대문자이면 이 함수는 생성자 함수라고 생각하면 된다.

boolean true : 켜져있음 false : 꺼져있음 null : 비어있음 undefined : variable이 메모리에 만들어졌지만 컴퓨터가 이 variable에 대해서 인지하고 있지만 값이 없는것 Arrays : 데이터 타입을 그룹으로 묶어주는것 [ ] 대괄호를 사용한다. 하나의 variable 안에 데이터의 list를 가지는것 const daysOfWeek =[ "mon","tue","wed","thu","fri","sat"] console.log(daysOfWeek); //['mon', 'tue', 'wed', 'thu', 'fri', 'sat'] daysOfWeek.push("sun"); console.log(daysOfWeek); //['mon', 'tue', 'wed', 'thu', ..

Date( ) Date object는 내가 이걸 호출하는 당시의 현재 날짜랑 시간을 알려준다. setInterval( ) setInterval ( 실행하고자하는 함수 , 호출되는 함수의 시간의 간격(ms) ) ex) setInterval(sayHello, 5000); //5초마다 const clock = document.querySelector("h2#clock"); function getClock() { const date = new Date(); clock.innerText = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`; } // setInterval(실행하고자하는 함수, 호출되는 함수의 시간의 간격(ms) ) // setInter..

조건문을 사용하게 되면 if문을 사용하게 되는데 이를 좀 더 간단하게 사용할 수 있는 삼항 연산자(피연산자가 3개이기 때문)가 있다 ?를 사용하는 조건문 조건 ? 실행문 A : 실행문 B 조건이 참이라면 실행문 A , 거짓이라면 실행문 B가 반환된다