[셸위:게임 친구 매칭 사이트] 4. DB 및 와이어 프레임 구상하기 - 2024.08.21 *오늘 해야할 것No.해야할 것1수강 신청 방식 / 회원정보 프로필 사진 여부 의논하기2핵심 기능 설계하기(1) MBTI 테스트 로직 설계하기(2) MBTI 결과를 통한 친구 매칭 설계3DB 설계하기4와이어프레임 설계하기(1) 테마, 로고, 프로젝트명, MBTI 캐릭터, 컬러(2) 대시보드, 그래프  1. 프로젝트명 구상(1) 프로젝트 명: 셸위(Shall we)(2) 프로젝트 명의 의미: 게임 같이 할래? 게임에 대해 함께 이야기를 나누고, 교류하는 장을 만들자는 의미의 이름. 2. 수강 신청 및 회원 가입 기능 - 세부 사항 검토(1) 수강 신청 방식: 수강 신청 테이블(카테고리) 별도 생성(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

[JavaScript] 22. JavaScript를 사용한 회원 가입 만들기 (1) 1. 폴더 및 파일 구성 2. 기본 뼈대 만들기(1) sign-up.html 게시판 로그인 회원가입 회원가입 by JS 아이디 중..

[JavaScript] 21. 프로젝트 뼈대 만들기 1. HTML 2. CSS3. JavaScript

[JavaScript] 20. 실행 환경 구축 1. Live Server 플러그인-Live Server 플러그인은 VS Code에서 사용할 수 있는 확장 플러그인 중 하나로, 로컬 개발 환경에서 HTML,CSS, JavaScript로 구성된 웹페이지를 실시간으로 미리보기 할 수 있게 해준다. 이 플러그인은 코드가 변경될 때마다 자동으로 브라우저를 새로고침하여, 개발 중인 웹 페이지의 최신 상태를 바로바로 확인할 수 있게 해준다.  2. CORS 문제의 개념CORS(Cross-Origin Resource Sharing) 문제는 웹 개발에서 흔히 겪는 보안 이슈 중 하나!이는 웹 페이지가 자신의 도메인이 아닌 다른 도메인의 리소스를 요청할 떄 흔히 발생하는 문제로, 웹브라우저의 보안 정책 때문에 발생하게 된..

[JavaScript] 19. 로컬 스토리지 1. 로컬 스토리지란?로컬 스토리지와 세션 스토리지 모두 브라우저의 웹 스토리지 API에 속하는 기능으로, 사용자의 로컬 환경에 데이터를 저장하는 방법을 제공한다. 이들은 쿠키와 비슷한 역할을 하지만, 용량이 더 크고 서버와의 통신 없이 클라이언트 측에 데이터를 저장할 수 있다.  2. 로컬 스토리지의 특징(1) 데이터 지속성: 로컬스토리지에 저장된 데이터는 사용자가 브라우저를 닫거나, 컴퓨터를 재부팅해도 삭제되지 않는다.(2) 데이터 용량: 로컬스토리지에 저장할 수 있는 데이터의 용량은 보통 브라우저마다 다르지만, 일반적으로 도메인 당 약 5~10MB 정도이다.(3) 데이터 접근성: 같은 도메인 내에서만 접근이 가능하다.(4) 데이터 형식: 로컬스토리지에 저..