| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
- js todo
- js date.now
- 노마드코더
- js 시계만들기
- js array id 부여
- js 문자열을 배열로
- js forEach
- 피그마 왕초보
- js
- js 문자열 변환
- js 시간 표시
- javescript
- 판다코딩
- c++
- javascript
- js localstorage
- js todolist
- 노마드코더 크롬앱 만들기
- js preventDefault
- js 노마드코더
- 깃허브 꾸미기 예시
- js local storage
- js filter 삭제
- 깃허브 뱃지 링크
- 깃허브 리드미 기술스택
- js localstorage 저장
- js 삭제 기능
- js string을 array로
- 깃허브 리드미 뱃지
- js 삭제 버튼
- Today
- Total
목록js local storage (2)
I'm gonna be the BEST.
[JS] local storage를 이용한 user login 최종 복습
[ 노마드코더 학습 기록 ] 바닐라 JS로 크롬 앱 만들기(4.7 Super Recap) 그동안 작성했던 코드들을 좀 더 고쳐보도록 하자. function paintGreetings(username) { greeting.innerText = `Hello ${username}`; greeting.classList.remove(HIDDEN_CLASSNAME); } 생각해보면 paintGreetings 함수는 따로 인자를 받을 필요가 없다. if (savedUsername === null) { // show the form loginForm.classList.remove(HIDDEN_CLASSNAME); loginForm.addEventListener("submit", onLoginSubmit); } else..
[JS] local storage를 이용하여 유저 정보 표시하기
[ 노마드코더 학습 기록 ] 바닐라 JS로 크롬 앱 만들기(4.6 Loading Username) 이번 시간에는 form을 보여주기 전에, addEventListener를 하기 전에 local storage가 비어있으면 form부터 보여주면서 지금까지 해왔던 대로 프로그램이 진행되고(이전 포스팅 참고) local storage에 유저 정보가 있으면 form을 보여주지 않고 h1을 보여주는 프로그램을 만들어보도록 하자! 그럼 먼저 local storage에 유저 정보가 있는지 없는지 확인해야 할 것이다. const loginForm = document.querySelector("#login-form") const loginInput = document.querySelector("#login-form inp..