JS22 9. JS 코드 리팩토링 해보기 (객체 리터럴 표기법에 사용) 💡 학습 목표 객체 리터럴 안에서 this 대한 개념을 반드시 알아야 한다.현재 객체 참조 개념 - 객체 리터럴 내에서의 this는 보통 객체 자신을 가리킵니다. 동적 바인딩이란 뭘까? this는 메서드가 호출되는 시점에 결정됩니다. 만약 메서드가 다른 객체의 컨텍스트에서 호출되면, this는 해당 객체를 가리키게 됩니다. 하지만 객체 리터럴 내에서의 this는 보통 객체 자신을 가리킵니다.this 를 바인딩하는 경우 객체 리터럴 안에서 메서드를 정의할 때, 메서드가 이벤트 핸들러로 등록되거나, 다른 함수로 전달될 경우, this가 원래 객체를 참조하지 않을 수 있습니다. 예시 코드 const myObject = { name: "Alice", greet: function() { .. 2024. 9. 27. 8. JavaScript boardDetail.js 상세보기 화면 만들기 권한이 있는 경우 (본인 작성 글) 권한이 없는 경우 (다른 사용자 작성 글, 비로그인 시)v 게시판 로그인 회원가입 상세보기 화면 by JS 제목 .. 2024. 9. 27. 7. JavaScript boardWrite.js 글 쓰기 기능 만들기 디자인 시안 확인 board-write.html : 비 로그인 시 로그인 페이지로 리다이렉션 처리 됨: 파일 미리 보기 기능 구현 board-write.html 게시판 로그인 회원가입 글쓰기 by JS 제목 .. 2024. 9. 27. 6. JavaScript board-list 기능 만들기 디자인 시안 확인 board-list.html게시글이 없는 경우 (비로그인시), 게시글이 는 경우(로그인시) header.js // DOMContentLoaded 이벤트를 사용해 보자.document.addEventListener("DOMContentLoaded", function () { // DOM 요소를 가져오기 const boardMenu = document.getElementById("board"); const signInMenu = document.getElementById("signIn"); const signUpMenu = document.getElementById("signUp"); const authLinks = document.getElementById("authLinks").. 2024. 9. 27. 5. JavaScript 로그인 기능 만들기 디자인 시안 확인' sing-in.html sign-in.html 게시판 로그인 회원가입 로그인 by JS 아이디 비밀번호 .. 2024. 9. 27. 4. JavaScript 회원 가입 만들기 디자인 시안 확인 sign-up.html 파일임 sign-up.html 게시판 로그인 회원가입 회원가입 by JS 아이디 중복확인 닉네임 .. 2024. 9. 27. 이전 1 2 3 4 다음
