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

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 상세보기 화면 만들기

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

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

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

JavaScript 목차

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

  • format_list_bulleted JS
  • · 2024. 8. 27.
  • textsms
7. JavaScript boardWrite.js 글쓰기 기능 만들기

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 기능 만들기

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 로그인 기능 만들기

5. JavaScript 로그인 기능 만들기

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

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