목록JS (22)
병호의 IT새싹키우기
JavaScript 게시판 만들기 - 8. JavaScript boardDetail.js 상세보기 화면 만들기
권한이 있는 경우 (본인 작성 글) 권한이 없는 경우 (다른 사용자 작성 글, 비로그인 시) boardDetail.js 파일
JavaScript 게시판 만들기 - 7. JavaScript boardWrite.js 글 쓰기 기능 만들기
디자인 시안 확인 board-write.html: 비 로그인 시 로그인 페이지로 리다이렉션 처리 됨: 파일 미리 보기 기능 구현 board-write.html boardWrite.css header.js 코드 추가 임시 코드 - boardWrite.js
JavaScript 게시판 만들기 - 6. JavaScript board-list 기능 만들기
디자인 시안 확인 board-list.html게시글이 없는 경우 (비로그인시), 게시글이 는 경우(로그인시) header.js 사전기반 지식자바스크립트의 if문 조건식의 평가 방식if (조건) { // 조건이 true일 때 실행되는 코드}자바스크립트에서 if 문 안에 들어가는 조건식은 Boolean 값으로 평가됩니다. 즉, 조건식이 true로 평가되면 코드 블록이 실행되고, false로 평가되면 실행되지 않습니다. 자바 스크립트 "truthy"와 "falsy” 다음은 자바스크립트에서 거짓(false)으로 평가되는 "falsy" 값false: Boolean 값 false0: 숫자 0"": 빈 문자열 (길이가 0인 문자열)null: 값이 없음을 나타내는 값undefined: 정의되지 않은 상태를 나타..
JavaScript 게시판 만들기 - 5. JavaScript 로그인 기능 만들기
디자인 시안 확인 sing-in.html sign-in.html signIn.js
JavaScript 게시판 만들기 - 4. 회원 가입 만들기
디자인 시안 확인 sign-up.html 파일임 sign-up.html common.css header.css signUp.js결과화면
JavaScript 게시판 만들기 - 3. 프로젝트 뼈대 만들기
사전기반 지식 확인1. HTML (HyperText Markup Language)역할: 웹 페이지의 구조와 내용을 정의하는 마크업 언어입니다. HTML 요소들은 웹 페이지의 다양한 부분들(텍스트, 이미지, 링크, 폼 등)을 정의하고 브라우저에 표시되는 방식에 영향을 줍니다.기본 구조: HTML 문서는 선언으로 시작하며, , , 등의 주요 태그로 구성됩니다2. CSS (Cascading Style Sheets)역할: 웹 페이지의 시각적 스타일을 정의하는 언어입니다. CSS를 사용하면 글꼴, 색상, 레이아웃, 애니메이션 등 웹 페이지의 외관을 지정할 수 있습니다.스타일링 방법: CSS는 HTML 파일 내의 태그, 외부 CSS 파일, 또는 인라인 스타일로 적용할 수 있습니다.CSS 파일 구조: .css ..