목록로그인 (4)

비전공자 개발일기

Slide Sign In & Up

Sign Up Sign Up Sign In Forgot your password? Sign In Sign In Sign Up :root { /* COLORS */ --white: #e9e9e9; --gray: #333; --blue: #0367a6; --lightblue: #008997; /* RADII */ --button-radius: 0.7rem; /* SIZES */ --max-width: 758px; --max-height: 420px; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", san..
HTML _CSS 2022. 9. 20. 22:38
Animated Login Form

Login Form Email Show Password Password Forgot password? html, body { align-items: center; background: #f2f4f8; border: 0; display: flex; font-family: Helvetica, Arial, sans-serif; font-size: 16px; height: 100%; justify-content: center; margin: 0; padding: 0; } form { --background: white; --border: rgba(0, 0, 0, 0.125); --borderDark: rgba(0, 0, 0, 0.25); --borderDarker: rgba(0, 0, 0, 0.5); --bgC..
HTML _CSS 2022. 7. 20. 00:13
Javascript Login with LocalStorage

const loginForm = document.querySelector("#login-form"); const loginInput = document.querySelector("#login-form input"); const greeting = document.querySelector("#greeting"); const HIDDEN_CLASSNAME = "hidden"; // 문자열 타입을 변수로 만든 이유 -> 오타로 인한 오류 방지 const USERNAME_KEY = "username"; function onLoginSubmit(event) { event.preventDefault(); // 이벤트의 기본 진행 차단 loginForm.classList.add(HIDDEN_CLASSNAME); co..
Javascript 2021. 8. 25. 00:14
Javascript

개요 Javascript with HTML Javascript with CSS Event localStorage Javascript with HTML console에서 document라고 입력하면, 본인이 작성한 HTML 코드가 나옴 이를 활용해, HTML의 정보 변경도 가능(새로고침을 하게 되면 변경한 기록은 다 지워짐) document = Web page HTML에 Javascript 연동시, 에 삽입 getElementById(" ") = querySelector("# ") const a = document.getElementById("아이디명") const a = document.querySelector("#아이디명") querySelector( ) VS querySelectorAll( ) VS ..
Javascript 2021. 7. 13. 23:28
이전 Prev 1 Next 다음