![]()
이미지 저장 방식 변경문제상황기존에는 이미지 파일을 서버 파일 시스템에 저장하고, DB에는 이미지 경로를 저장하는 방식으로 구현.하지만 협업을 진행하면서 각자의 서버 파일 시스템에 이미지가 저장되는 상황에서 동기화 문제가 발생.DB에는 이미지 경로가 저장되어 있지만 서버 로컬 파일 시스템에는 해당 이미지가 없는 경우가 있어 이미지를 가져오지 못하는 상황 발생.해결방안동기화를 위해 백엔드 서버를 클라우드에 배포하여 사용하거나하나의 로컬 서버를 여러 사람이 공동으로 사용하는 방식으로 해결 사용자 인증, 로그인 유효시간 및 토큰 관리사용자 인증 및 토큰 관리백엔드는 Authorization 헤더를 통해 전달된 토큰을 검사하여 사용자의 로그인 상태를 관리.로그인 후, login 테이블에 email, token,..
![]()
기존의 회원가입에서는 이메일 형식과 패스워드 유효성 검사는 했지만, 이메일 및 닉네임 중복 검사 기능이 없었음. 이메일이 프라이머리 키이고, 닉네임이 유니크한 필드로 설정되어 있는 점을 고려하여 중복 검사를 추가하게 됨1. MemberDao에 중복 검사 메서드 추가DB에서 이메일과 닉네임의 중복 여부를 확인하기 위해 MemberDao 인터페이스에 isEmailExists와 isNicknameExists 메서드를 추가@Mapperpublic interface MemberDao { public Member login(Member m) throws Exception; public void insertMember(Member m) throws Exception; public void update..
![]()
HTML, CSS, JavaScript로 동적 페이지 구현하기1. 기본 구조index.html에 모든 JavaScript 파일을 불러오고, 페이지의 동적인 콘텐츠를 업데이트할 수 있는 구조를 구현1.1 index.htmlindex.html에는 전체 페이지에서 공통적으로 사용되는 상단 바(헤더)를 구현. 콘텐츠가 동적으로 변경되는 영역을 위해 를 추가 2. URL에 따라 동적으로 내용 변경하기JavaScript를 사용해 현재 페이지의 URL을 확인하고, 해당 URL에 맞는 콘텐츠를 동적으로 main_data 영역에 삽입if (document.location.pathname === "/") { document.getElementById("main_..
시도성공회원가입- email 및 패스워드 양식 확인- salt 부여 및 DB salt 테이블에 저장- salt + 패스워드 해싱해서 DB member 테이블에 저장로그인- 입력 받은 email로 salt 조회- 입력 받은 패스워드 + 조회된 salt로 해싱- DB에 저장된 패스워드 해시값과 비교- salt + email 해싱해서 토큰 발급- 토큰을 login 테이블에 저장 (email, token, 생성시간)- 모든 요청에서 토큰으로 사용자 인증회원가입Member 테이블 생성create table member(email varchar(50) primary key,pwd varchar(256) not null,nickname varchar(20) not null unique,registDate timest..
