
5. JavaScript 로그인 기능 만들기
1. 디자인 시안 확인sign-in.html2. 코드sign-in.html 게시판 로그인 회원가입 로그인 by JS 아이디 비밀번호확인 ..
- JS/JavaScript 게시판 만들기
- · 2024. 8. 22.
1. signIn.jsconst signInApp = { userList: JSON.parse(localStorage.getItem('userList')), elements: { inputs: document.querySelectorAll('.inputs'), button: document.querySelector('button') }, init: function() { this.bindEvents(); }, bindEvents: function() { this.elements.button.addEventListener('click', this.login.bind(this)); }, login: function(..
목차1. 디자인 시안 확인권한이 있는 경우 (본인 작성 글)권한이 없는 경우 (다른 사용자 작성 글, 비로그인 시)2. 코드board-detail.html 게시판 로그인 회원가입 상세보기 화면 by JS 제목 작성자 ..
JavaScript 핵심JS - 사전 기반 지식 JS - 점검 1(데이터 타입 및 연산) JS - 점검 2(객체와 배열) JS - 점검 3(함수에 이해와 활용) JS - 점검 4(Document Object Model) JS - 점검 5(Browser Object Model) JS - 점검 6(웹 페이지 렌더링 과정) JS 작업을 위한 코딩 연습 JS 이벤트 처리 - 1 (기본) JS 이벤트 처리 - 2(addEventListener) JS 이벤트 처리 - 3(forms) JS 이벤트 처리 - 4(반복문과동적생성) JS 이벤트 처리 - 5(이미지 토글) JS 이벤트 처리 - 6(배너변경하기) JS 이벤트 처리 - 7(Promise) JS 이벤트 처리 - 8(AJAX 와 Fetch API)Ja..
1. 디자인 시안 확인board-write.html: 비 로그인 시 로그인 페이지로 리다이렉션 처리 됨: 파일 미리 보기 기능 구현2. 코드borad-write.html 게시판 로그인 회원가입 글쓰기 by JS 제목 작성자 ..
목차1. 디자인 시안 확인board-list.html게시글이 없는 경우 (비로그인시), 게시글이 는 경우(로그인시)2. (사전 기반 지식) 자바스크립트의 if문 조건식의 평가 방식 if (조건) { // 조건이 true일 때 실행되는 코드 } 자바스크립트에서 if 문 안에 들어가는 조건식은 Boolean 값으로 평가됩니다.즉, 조건식이 true로 평가되면 코드 블록이 실행되고, false로 평가되면 실행되지 않습니다.자바 스크립트 "truthy"와 "falsy”다음은 자바스크립트에서 거짓(false)으로 평가되는 "falsy" 값false: Boolean 값 false0: 숫자 0"": 빈 문자열 (길이가 0인 문자열)null: 값이 없음을 나타내는 값undefined: 정의되지 않은 상태를 나타..
1. 디자인 시안 확인sign-in.html2. 코드sign-in.html 게시판 로그인 회원가입 로그인 by JS 아이디 비밀번호확인 ..