나의 개발 이야기

sign-in.html 게시판 로그인 회원가입 로그인 by JS 아이디 비밀번호 로그인  ..

sign-up.html  게시판 로그인 회원가입 회원가입 by JS 아이디 중복확인 닉네임 ..

사전기반 지식 확인1. HTML (HyperText Markup Language)역할: 웹 페이지의 구조와 내용을 정의하는 마크업 언어입니다. HTML 요소들은 웹 페이지의 다양한 부분들(텍스트, 이미지, 링크, 폼 등)을 정의하고 브라우저에 표시되는 방식에 영향을 줍니다.기본 구조: HTML 문서는 선언으로 시작하며, , , 등의 주요 태그로 구성됩니다2. CSS (Cascading Style Sheets)역할: 웹 페이지의 시각적 스타일을 정의하는 언어입니다. CSS를 사용하면 글꼴, 색상, 레이아웃, 애니메이션 등 웹 페이지의 외관을 지정할 수 있습니다.스타일링 방법: CSS는 HTML 파일 내의 태그, 외부 CSS 파일, 또는 인라인 스타일로 적용할 수 있습니다.CSS 파일 구조: .css ..

Visual Studio Code(VS Code)에서 웹 개발을 위한 실행 환경을 구성할 때, "Live Server" 플러그인을 사용할 예정입니다. 이 플러그인은 정적인 웹 페이지를 실시간으로 확인할 수 있도록 해주며, 로컬 개발 환경에서 쉽게 웹 애플리케이션을 실행하고 테스트할 수 있는 환경을 제공합니다. Live Server 플러그인이란?Live Server는 VS Code에서 사용할 수 있는 확장 플러그인 중 하나로, 로컬 개발 환경에서 HTML, CSS, JavaScript로 구성된 웹 페이지를 실시간으로 미리보기 할 수 있게 해줍니다. 이 플러그인은 코드가 변경될 때마다 자동으로 브라우저를 새로 고침하여 개발 중인 웹 페이지의 최신 상태를 바로바로 확인할 수 있게 해줍니다.Live Server..

로컬스토리지(localStorage)와 세션스토리지(sessionStorage)는 둘 다 브라우저의 웹 스토리지(Web Storage) API에 속하는 기능으로, 사용자의 로컬 환경(즉, 브라우저)에 데이터를 저장하는 방법을 제공합니다. 이들은 쿠키와 비슷한 역할을 하지만, 용량이 더 크고 서버와의 통신 없이 클라이언트 측에 데이터를 저장할 수 있습니다.  로컬스토리지(localStorage) 특징데이터 지속성로컬스토리지에 저장된 데이터는 사용자가 브라우저를 닫거나 컴퓨터를 재부팅해도 삭제되지 않습니다. 명시적으로 데이터를 삭제하거나 코드로 제거하지 않는 한, 해당 데이터는 무기한으로 유지됩니다.데이터 용량로컬스토리지에 저장할 수 있는 데이터의 용량은 보통 브라우저마다 다르지만, 일반적으로 도메인당 약 ..

요구사항게시판을 구현하시오익명 게시판 사이트입니다. 로그인이 없습니다.제목과 내용은 20자를 넘어갈 수 없습니다.글쓰기, 글목록보기, 글수정하기, 글삭제하기JSP,Mustache 선택 가능JPA, 마이바티스 선택 가능심화1위 요구사항을 만족하였다면 아래 1가지를 해보시오.글목록보기를 5개씩 페이징하세요. prev, next 버튼 구현심화2위 요구사항을 만족하였다면 아래 1가지를 해보시오.전체 글 개수가 21개라면, prev [0][1][2][3][4] next예시) 3번을 클릭하면 ?page=3 페이지로 이동되면 됩니다.예시) 글 개수가 21개이기 때문에 0~4 까지 번호가 만들어집니다.기술스택Springboot 3.2.xJDK 21, 17 선택h2, MySQL 선택의존성LombokDevToolsSpri..