Javascript12 [JS] localStorage란? localStorage 브라우저에 key-value 값을 Storage에 저장한다. 이 저장한 데이터는 세션 간 공유가 된다. 다시말하자면, 세션이 바뀌어도 저장한 데이터는 그대로 유지된다는 것이다. localStorage 사용법 localStorage.setItem(): key와 value값 추가 localStorage.removeItem(): item 삭제 localStorage.clear(): 도메인 내의 localStorage 값 삭제 localStorage.length: 전체 item의 개수 *localStorage에는 문자열만을 저장할 수 있다. localStorage.setItem() localStorage에 아이템을 추가하기 위해서 setItem을 사용한다. localStorage.setI.. 2022. 11. 11. [JS] ES6 문법을 알아보자 우선 ES6의 ES는 ECMAScript의 약자이며 자바스크립트의 표준, 규격을 나타내는 용어이다. 또한, 6는 버전을 의미하며 ES6는 2015년에 나타났다. 이 업데이트로 자바스크립트의 많은 부분이 변하였고, 편리한 기능이 생겨났다. 1. const / let의 등장 const와 let이 등장하기 전에는 변수를 선언 할 때 var만이 존재했다. 하지만 var에는 문제가 있었고, 이를 해결하기 위해 ES6를 통해 const / let을 추가하였다. const: 객체와 함께 사용할 때를 제외하고 변경이 불가능한 변수 (상수) let: 새로운 값을 받을 수 있고, 재할당을 할 수 있다. const와 let이 등장했기때문에 *var 사용을 피하는 것이 좋다. ( *변수 선언 let, var, const ) .. 2022. 8. 12. [JS] 반복문 for문, while문 만약 1부터 10까지 출력을 한다고 했을 때 반복문이 없었다면 console.log(1) console.log(2) console.log(3) . . . console.log(10) 이런 식으로 괜한 노동을 했을 것이다. 이런 문제를 해결하기 위해 자바스크립트에는 많은 반복문들이 있다. for문, for-in문, for-of문, while문, do-while문 등등.. 오늘은 이 반복문들 중 가장 많이 쓰이는 for문, while문에 대해서 알아 볼 것이다. 1. for문 for문은 상당히 많이 쓰이는 반복문으로 구조는 for(변수 선언; 변수 범위 지정; 증감식) { 반복하고 싶은 코드 } 로 이루어진다. 1부터 10까지 출력을 한다고 했다면 for(let i = 0; i < 10; i++){ cons.. 2022. 8. 8. [JS] 숫자 맞추기 게임 만들기! 숫자 맞추기 게임 - 컴퓨터가 랜덤한 숫자를 생성하면 그 숫자를 사용자가 맞추는 게임 필요한 기능 1. 약간의 HTML과 CSS 사용 2. 컴퓨터가 랜덤 번호를 지정한다. 3. 사용자가 예상 번호를 입력한 후 '확인' 버튼을 누른다. 4. 만약, 랜덤번호를 맞추면 맞췄다고 알려준다. 5. 랜덤번호 유저번호일 경우, UP 출력 7. '초기화' 버튼을 누르면 게임이 리셋된다. 8. 기회는 5번 주어지며 5번의 기회를 다 쓰면 게임이 끝난다. 9. 유저가 1~100 범위 밖의 숫자를 입력하면 알려주고, 기회를 감소시키지 않는다. 10. 이미 입력한 숫자를 또 입력하면 알려준 후 기회를 감소시키지 않는다. 1. 컴퓨터가 랜덤 번호를 지정하는 방법 let co.. 2022. 8. 5. 이전 1 2 3 다음