Web Study/노마드코더11 바닐라 JS 크롬 앱 만들기 (4) - 2 1. localStorage 브라우저에게 무언가를 저장할 수 있게 해주는 공간 개발자 도구 > Application > localStorage 에 존재 아이템 저장 window.localStorage.setItem('key', 'value') 아이템 키로 값 불러오기 window.localStorage.getItem('key') 키가 없는 경우 null 리턴 즉 유효성 검사를 하려면 getItem('key')가 null 인지 아닌지로! 아이템 키로 삭제 window.localStorage.removeItem('key') input 으로 유저 정보를 submit 으로 입력 받아 -> 브라우저에 임시로 저장해두고 -> 그 저장된 값을 키로 확인하여 -> h1 태그로 띄우기 const loginForm = d.. 2023. 2. 22. 바닐라 JS로 크롬 앱 만들기 (4) - 1 1. 유효성 검사? const loginForm = document.querySelector('#login-form'); const loginInput = loginForm.querySelector('input'); const loginButton = loginForm.querySelector('button'); loginButton.addEventListener('click', function() { const value = loginInput.value; if(value === "") { alert('Please write your name!'); } else if (value.length > 12) { alert('Too long your name!'); } console.log('Hello', l.. 2023. 2. 22. 바닐라 JS로 크롬 앱 만들기 (3) 수업을 들으며 추가적으로 JS에 관련된 기능들을 더 접근하고 싶어서 유명한 노마드코더의 바닐라 Js로 크롬 앱 만들기 수업을 듣기 시작했다. 앞 내용은 생략하고 DOM요소부터 알고 있는 내용을 복기하면서 찬찬히 듣기 시작한다! https://nomadcoders.co/javascript-for-beginners/lobby?utm_source=free_course&utm_campaign=javascript-for-beginners&utm_medium=site 바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders Javascript For Beginners nomadcoders.co console.log() console.dir() ->>> 요소의 Object 안을 자세히 볼 수 있음 즉, .. 2023. 2. 21. 이전 1 2 3 다음
