벡엔드 부분에서 로그인 후 로그아웃 시 까지 세션을 유지하는 기능을 구현해 보았다.주석으로  controller, service, dao, mapper, vo 레이어에서 수행하는 기능들을 작성하였으니 참고 바란다. 목차1. URL2. CODE3. 세션 4. 쿠키URL127.0.0.1:8088/api/member/login CODEapp\src\main\java\com\chat\app\member\controller→ MemberController (뷰)package com.chat.app.member.controller;import com.chat.app.member.service.MemberService;import lombok.RequiredArgsConstructor;import org.spring..

이 프로젝트는 단순히 '소켓통신을 구현해보고싶다' 라는 목적 하에 이루어졌다.따라서 시장성이나 사용자 편의성을 고려하지 않는 단순 연습용 플젝이다.목차1. 요구사항 정의서2. 데이터 모델링3. 데이터 베이스 스키마4. 더미 데이터5. 리소스요구사항 정의서데이터 모델스키마-- 참조 관계를 고려하여 DROP 쿼리 순서대로 작성DROP TABLE IF EXISTS MESSAGE; -- 메시지 테이블 삭제 (ROOM, MEMBER, EMOJI 참조)DROP TABLE IF EXISTS FRIENDS; -- 친구 관계 테이블 삭제 (MEMBER 참조)DROP TABLE IF EXISTS ROOM_MEMBER; -- 채팅 참여자 테이블 삭제 (ROOM, MEMBER 참조)DROP TABLE..

html에서 만든것을 윈하는 위치에 배치하기 위해서는 css에서 두가지가 필요하다. 하나는 지금 설명할 flex이고 다른 하나는 다음에 설명할 grid이다.​우선, css에서 flex를 이용하기 위해서는 원하는 div를 flex컨테이너로 만들어줘야 한다/*html*/ /*css*/.box{display: flex;}/* item은 box의 자식요소이고box는 item의 부모요소이다.*/따라서 div(box)에 div(item)을 만들고 css에서 box를 item의 flex의 컨테이너로 만들었다.​flex 축flex를 사용하기 앞서 메인축과 교차축에 대해 알아야한다. ​flex컨테이너를 만들었다면 그 안에서 메인축과 교차축이 생긴다. 메인축은 가로축이며 교차축은 메인축의 중앙을 가로지르는 세로축이다..