디자인 시안 확인 sign-up.html 파일임sign-up.html 게시판 로그인 회원가입 회원가입 by JS 아이디 중복확인 닉네임 ..
사전기반 지식 확인1. HTML (HyperText Markup Language)역할: 웹 페이지의 구조와 내용을 정의하는 마크업 언어입니다. HTML 요소들은 웹 페이지의 다양한 부분들(텍스트, 이미지, 링크, 폼 등)을 정의하고 브라우저에 표시되는 방식에 영향을 줍니다.기본 구조: HTML 문서는 선언으로 시작하며, , , 등의 주요 태그로 구성됩니다2. CSS (Cascading Style Sheets)역할: 웹 페이지의 시각적 스타일을 정의하는 언어입니다. CSS를 사용하면 글꼴, 색상, 레이아웃, 애니메이션 등 웹 페이지의 외관을 지정할 수 있습니다.스타일링 방법: CSS는 HTML 파일 내의 태그, 외부 CSS 파일, 또는 인라인 스타일로 적용할 수 있습니다.CSS 파일 구조: .css ..
Live Server 플러그인이란?Live Server는 VS Code에서 사용할 수 있는 확장 플러그인 중 하나로, 로컬 개발 환경에서 HTML, CSS, JavaScript로 구성된 웹 페이지를 실시간으로 미리보기 할 수 있게 해줍니다. 이 플러그인은 코드가 변경될 때마다 자동으로 브라우저를 새로 고침하여 개발 중인 웹 페이지의 최신 상태를 바로바로 확인할 수 있게 해줍니다. Live Server의 주요 기능 실시간 미리보기:Live Server는 HTML 파일을 저장할 때마다 브라우저가 자동으로 새로 고침되어 변경된 내용을 바로 볼 수 있습니다. 이 기능 덕분에 개발 속도가 크게 향상됩니다.로컬 개발 서버:Live Server는 로컬에서 웹 서버를 실행하여 웹 페이지를 제공 합니다. 이를 통해, 브..
로컬스토리지(localStorage) 특징데이터 지속성로컬스토리지에 저장된 데이터는 사용자가 브라우저를 닫거나 컴퓨터를 재부팅해도 삭제되지 않습니다. 명시적으로 데이터를 삭제하거나 코드로 제거하지 않는 한, 해당 데이터는 무기한으로 유지됩니다.데이터 용량로컬스토리지에 저장할 수 있는 데이터의 용량은 보통 브라우저마다 다르지만, 일반적으로 도메인당 약 5~10MB 정도입니다. 이는 쿠키(약 4KB)보다 훨씬 많은 데이터를 저장할 수 있게 해줍니다.데이터 접근성같은 도메인 내에서만 접근 가능합니다. 즉, 같은 도메인에 속한 모든 웹 페이지에서 로컬스토리지에 접근할 수 있습니다. 단, 다른 도메인이나 서브도메인에서는 접근이 불가능합니다.데이터 형식로컬스토리지에 저장되는 데이터는 문자열(string) 형식이어야..