HTML,CSS, JS 65

[JavaScript] 30. JavaScript를 사용한 게시글 상세보기 기능 만들기(1)

[JavaScript] 30. JavaScript를 사용한 게시글 상세보기 기능 만들기(1) 1. boardList.js// 샘플 데이터 입력const sampleBoardList = [ { id: 1, title: "첫번째 게시글", content: "첫번째 게시글에 내용 입니다.", username: "홍길동", today: "2024.08.25", count: 5, }, { id: 2, title: "두번째 게시글", content: "두번째 게시글에 내용 입니다.", username: "이몽룡", today: "2024.08.25", count: 5, }, { ..

[JavaScript] 29. JavaScript를 사용한 글쓰기 기능 만들기

[JavaScript] 29. JavaScript를 사용한 글쓰기 기능 만들기   1. boardList.js// 샘플 데이터 입력const sampleBoardList = [ { id: 1, title: "첫번째 게시글", content: "첫번째 게시글에 내용 입니다.", username: "홍길동", today: "2024.08.25", count: 5, }, { id: 2, title: "두번째 게시글", content: "두번째 게시글에 내용 입니다.", username: "이몽룡", today: "2024.08.25", count: 5, }, { id:..

[JavaScript] 26. JavaScript를 사용한 헤더 만들기

[JavaScript] 26. JavaScript를 사용한 헤더 만들기  1. 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'); // 로그인 ..

[JavaScript] 23. JavaScript를 사용한 회원 가입 만들기 (2)

[JavaScript] 23. JavaScript를 사용한 회원 가입 만들기 (2) 1. JavaScript를 사용하여 기능 만들기(1) 아이디 중복 확인 기능// 1. 변수의 선언과 초기화const inputs=document.querySelectorAll(".inputs");const checkIdBtn = document.getElementById("checkIdBtn");const signUpBtn = document.getElementById("signUpBtn");const toDay=new Date(); // 현재 날짜와 시간을 가져오는 객체// 로컬 스토리지에 접근해서, 사용자 정보를 가져오는 함수를 만들어보자.// localStorage