본문 바로가기

분류 전체보기

 (354)
2일차 - 푸터 화면 구성 및 회원가입 기능 구현 푸터 화면 구성 - footer.jsp 이용약관         |         개인정보처리방침 상호 : (주)시네데이트    |    대표자 : 김근호    |    소재지 : 부산광역시 부산진구 중앙대로 749 범향빌딩 3층    |    개인정보관리책임자 : 변영준 &..
1일차 회원가입, 로그인 화면 구현 회원가입 화면 구현 - signUp.jsp JOIN 아이디 중복확인 이름 비밀번호 비밀번호 확인 이메일 주소 휴대폰 번호 중복확인 생년월일 년도 월 일 성별 남자 여자 가입하기     로그인 화면 구현 - signIn.jsp LOGIN ..
JavaScript 게시판 만들기 - JavaScript 회원 가입 만들기 디자인 시안 확인 sign-up.html 파일 게시판 로그인 회원가입 회원가입 by JS 아이디 중복확인 닉네임 ..
JavaScript 게시판 만들기 - 프로젝트 뼈대 만들기 1. HTML (HyperText Markup Language)역할: 웹 페이지의 구조와 내용을 정의하는 마크업 언어이다. HTML 요소들은 웹 페이지의 다양한 부분들(텍스트, 이미지, 링크, 폼 등)을 정의하고 브라우저에 표시되는 방식에 영향을 준다.기본 구조: HTML 문서는 선언으로 시작하며, , , 등의 주요 태그로 구성다.2. CSS (Cascading Style Sheets)역할: 웹 페이지의 시각적 스타일을 정의하는 언어이다. CSS를 사용하면 글꼴, 색상, 레이아웃, 애니메이션 등 웹 페이지의 외관을 지정할 수 있다.스타일링 방법: CSS는 HTML 파일 내의 태그, 외부 CSS 파일, 또는 인라인 스타일로 적용할 수 있다.CSS 파일 구조: .css 파일은 프로젝트의 스타일 관련 내..
JavaScript 게시판 만들기 - 실행환경 구축 ( VS CODE ) Visual Studio Code(VS Code)에서 웹 개발을 위한 실행 환경을 구성할 때, "Live Server" 플러그인을 사용할 예정이다. 이 플러그인은 정적인 웹 페이지를 실시간으로 확인할 수 있도록 해주며, 로컬 개발 환경에서 쉽게 웹 애플리케이션을 실행하고 테스트할 수 있는 환경을 제공한다.  Live Server 플러그인이란?Live Server는 VS Code에서 사용할 수 있는 확장 플러그인 중 하나로, 로컬 개발 환경에서 HTML, CSS, JavaScript로 구성된 웹 페이지를 실시간으로 미리보기 할 수 있게 해준다. 이 플러그인은 코드가 변경될 때마다 자동으로 브라우저를 새로 고침하여 개발 중인 웹 페이지의 최신 상태를 바로바로 확인할 수 있게 해준다.   Live Server..
JavaScript 게시판 만들기 - 로컬스토리지 ( localStorage ) 란? 로컬스토리지(localStorage)와 세션스토리지(sessionStorage)는 둘 다 브라우저의 웹 스토리지(Web Storage) API에 속하는 기능으로, 사용자의 로컬 환경(즉, 브라우저)에 데이터를 저장하는 방법을 제공한다. 이들은 쿠키와 비슷한 역할을 하지만, 용량이 더 크고 서버와의 통신 없이 클라이언트 측에 데이터를 저장할 수 있다.    로컬스토리지 ( localStorage ) 특징데이터 지속성로컬스토리지에 저장된 데이터는 사용자가 브라우저를 닫거나 컴퓨터를 재부팅해도 삭제되지 않는다. 명시적으로 데이터를 삭제하거나 코드로 제거하지 않는 한, 해당 데이터는 무기한으로 유지된다.데이터 용량로컬스토리지에 저장할 수 있는 데이터의 용량은 보통 브라우저마다 다르지만, 일반적으로 도메인당 약 ..
Bank App 만들기 ( deployment ) - Bank 카카오 소셜 로그인 처리 Auth 2.0 1. 내 애플리케이션 항목에 등록 (로그인) - (kakao developers내 애플리케이션 등록) 2. 플랫폼(web 선택) - 사이트 도메인 기본설정 - http://localhost:80803. 카카오 로그인 사용 시 Redirect URI를 등록- 활성화 ON 처리 - http://localhost:8080/user/kakao (리다이렉트 URI 설정) 4. 동의 항목 설정(제품설정--동의항목 왼쪽 메뉴)- 닉네임, 프로필 사진5. 리소스 다운로드 - 도구 --> 리소스다운로드 --> 카카오로그인 6. REST API 키 - 21625653d6c77548fa54d359f8707123------------------------------------------7. 인가 코드 받기 h..
Bank App 만들기 ( deployment ) - OAuth 2.0 이란 ( Open Authorization ) OAuth ( Open Authorization ) 2.0 이란 ?사용자가 자신의 계정 정보를 직접 공유하지 않아도 서드 파티 애플리케이션들이 제한된 접근을 할 수 있게 해준다.카카오 로그인은 카카오계정으로 다양한 서비스에 로그인할 수 있도록 하는 소셜 로그인 서비스이다. 카카오싱크는 서비스 간편가입 등 카카오 로그인에 더 다양한 확장 기능을 제공하는 비즈니스 설루션이다. 카카오 로그인과 카카오싱크가 제공하는 핵심 기능은 다음과 같다. https://developers.kakao.com/ Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com 구분 설명인증..
728x90

티스토리툴바