9. JS 코드 리팩토링 해보기 (객체 리터럴 표기법 사용)

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(..

• format_list_bulleted JS/JavaScript 게시판 만들기
• · 2024. 8. 29.
• textsms

8. JavaScript boardDetail.js 상세보기 화면 만들기

목차1. 디자인 시안 확인권한이 있는 경우 (본인 작성 글)권한이 없는 경우 (다른 사용자 작성 글, 비로그인 시)2. 코드board-detail.html 게시판 로그인 회원가입 상세보기 화면 by JS 제목 작성자 ..

• format_list_bulleted JS/JavaScript 게시판 만들기
• · 2024. 8. 29.
• textsms

7. JavaScript boardWrite.js 글쓰기 기능 만들기

1. 디자인 시안 확인board-write.html: 비 로그인 시 로그인 페이지로 리다이렉션 처리 됨: 파일 미리 보기 기능 구현2. 코드borad-write.html 게시판 로그인 회원가입 글쓰기 by JS 제목 작성자 ..

• format_list_bulleted JS/JavaScript 게시판 만들기
• · 2024. 8. 27.
• textsms

6. JavaScript board-list 기능 만들기

목차1. 디자인 시안 확인board-list.html게시글이 없는 경우 (비로그인시), 게시글이 는 경우(로그인시)2. (사전 기반 지식) 자바스크립트의 if문 조건식의 평가 방식 if (조건) {     // 조건이 true일 때 실행되는 코드 } 자바스크립트에서 if 문 안에 들어가는 조건식은 Boolean 값으로 평가됩니다.즉, 조건식이 true로 평가되면 코드 블록이 실행되고, false로 평가되면 실행되지 않습니다.자바 스크립트 "truthy"와 "falsy”다음은 자바스크립트에서 거짓(false)으로 평가되는 "falsy" 값false: Boolean 값 false0: 숫자 0"": 빈 문자열 (길이가 0인 문자열)null: 값이 없음을 나타내는 값undefined: 정의되지 않은 상태를 나타..

• format_list_bulleted JS/JavaScript 게시판 만들기
• · 2024. 8. 26.
• textsms

5. JavaScript 로그인 기능 만들기

1. 디자인 시안 확인sign-in.html2. 코드sign-in.html 게시판 로그인 회원가입 로그인 by JS 아이디 비밀번호확인 ..

• format_list_bulleted JS/JavaScript 게시판 만들기
• · 2024. 8. 22.
• textsms

4. JavaScript 회원 가입 만들기

목차1. 디자인 시안 확인2. 코드sign-up.html 게시판 로그인 회원가입 회원가입 by JS 아이디 중복확인 닉네임 ..

• format_list_bulleted JS/JavaScript 게시판 만들기
• · 2024. 8. 21.
• textsms