전체 글

웹 소켓 이전 HTTP 프로토콜 기반으로한 실시간 통신 방식1. 폴링 (Polling)- 클라이언트가 주기적(일정 시간)으로 서버에 요청을 보내는 방식- 새로운 데이터가 없더라도 서버는 응답을 보냄- 클라이언트는 응답을 받으면 처리, 일정 시간 후에 다시 요청을 보내는 과정을 반복단점: 불필요한 요청 수2. 롱 풀링 (Long Polling)- 클라이언트가 서버에 요청을 보냄- 서버는 새로운 데이터가 없다면 일정 시간 동안 응답을 하지 않고 세로운 데이터가 있을 때 까지 기다림- 일정 시간 동안 새로운 데이터 없음 -> 서버는 TIME OUT 발생- 새로운 데이터가 있음 -> 서버는 즉시 응답으로 보냄단점: 폴링에 비해 요청 수는 줄음 그러나 아직도 많음단점: 요청과 응답 사이에 발생하는 지연 시간3. ..

타임리프의 if / unless 는 조건문을 이용하여 해당 태그를 작성할지 말지를 결정해주는 기능이다. if / unless 를 사용하였는데 기능이 올바로 작동하지 않았다.놓친 부분에 대해 알아보도록 하자. [문제 HTML] 메시지 개수: [[${messageList.size()}]] 메시지 ID: [[${message.id}]] | 보낸 사람 ID: [[${message.memberId}]] | 조건문 결과: [[${#authentication.principal.id == message.memberId}]] ..

[콘솔 에러 메시지]org.hibernate.tool.schema.spi.CommandAcceptanceException: Error executing DDL " alter table bet add constraint FK7i47jpjlmnmjf89vsd8humfw1 foreign key (member_id) references member (member_id)" via JDBC [Key column 'member_id' doesn't exist in table]at ... "bet" 테이블을 생성하는데 외래키인 member_id를 찾을 수 없다는 것이다.위 에러 메시지는 일부분만 발췌한 것이다.전체 에러 메시지는 Member 테이블의 기본키인 "member_i..

기존에 구현하던 페이지 방식은 "/members/login" - 로그인 페이지"/members/join" - 회원가입 페이지이와 같이 한개의 엔드 포인트를 가진 페이지 구성 방식이었다. 그러나, 이번 방식은 별도의 엔드 포인트를 가지는 것이 아닌 메인 페이지("/" - index.html)에서 버튼을 통해 로그인, 회원가입 모달을 생성하는 방식으로 구현하는 것이다. 메인 페이지("/" - index.html) 좌측 상단에 위치한 "Login" , "Sign Up" 버튼을 통해 모달을 생성한다. 왼쪽은 로그인 모달이고, 오른쪽은 회원가입 모달이다. [구현 방식]이와 같은 프로젝트 트리를 가진다.login.html - 로그인 모달 구현signup.html - 회원가입 모달 구현 이때, 2개의 모달은 "sta..

1. 프로젝트 소개프로젝트 설명 : 귀여운 동물인 "웜뱃"을 컨셉으로 한 "3 매치 퍼즐 게임" 입니다.프로젝트 모티브 : 애니팡 시리즈, 캔디 크러쉬 사가, 캔디 크러쉬 소다사용 기술 : HTML, CSS, JavaScript (프론트엔드만을 사용)사용 에셋 출처 : Chat GPT 이미지 생성 이미지 활용개발 이유 : 1. 프론트엔드만을 사용한 이유: 깃허브 정적 디렉토리 배포 기능을 사용해서 배포하기 위함입니다.2. 프로젝트 키워드인 "웜뱃", "3 매치 퍼즐 게임" 선정 이유1. 최근 관심을 갖게된 "웜뱃"이란 동물이 귀엽고 확실한 캐릭터성을 갖고있기 때문입니다.2. 고전적이면서도 중독적인 게임 장르가 "3 매치 퍼즐 게임"이기 때문입니다.3. "3 매치 퍼즐 게임"은 Grid 형태로 구성하기가 ..

1. 프로젝트 소개 프로젝트 설명 : 귀여운 동물인 "웜뱃"을 컨셉으로 한 "리액션 게임" 입니다. (두더지 잡기)프로젝트 모티브 : 가정의 달을 맞아 토스뱅크에서 진행한 이벤트 게임 "카네이션 잡기"를 플레이 해보고 모티브를 받았다.사용 기술 : HTML, CSS, JavaScript (프론트엔드만을 사용)사용 에셋 출처 : Chat GPT 이미지 생성 이미지 활용개발 이유 : 1. 프론트엔드만을 사용한 이유 : 깃허브 정적 디렉토리 배포 기능을 사용해서 배포하기 위함입니다.2. 프로젝트 키워드인 "웜뱃", "두더지 잡기류 게임" 선정 이유 : 1. 최근 관심을 갖게된 "웜뱃"이란 동물이 귀엽고 확실한 캐릭터성을 갖고있기 때문입니다.2. 단순하며, 중독적인 게임이 "두더지 잡기류 게임"이기 때문입니다..