[PROJECT 1] 햄릿 증후군을 위한 술자리 결정 웹 서비스

햄릿증후군? 결정장애, 선택장애로서 선택의 갈림길에서 결정을 하지 못하는 우유부단한 사람을 칭하는 신조어이다. 그 원인으로는 필요 이상 많아진 선택의 폭, 실패의 두려움, 높아진 만족 기준 등이 있을 수 있다. 큐레이터 서비스형 웹페이지로 햄릿 증후군을 해소 목표

사용 데이터베이스 : mongoDB Atlas 디자인 : 부트스트랩을 활용하였고 필요시에 CSS를 따로 생성하여 디테일한 작업을 진행하였습니다. 본인은 디자인 외 백, 프론트 풀스택의 작업을 맡았기 때문에 본 코드리뷰엔 CSS는 생략하도록 하겠습니다. A. 회원

로그인 형식에 맞춰 아이디와 비밀번호를 입력을 마친 후 로그인 버튼을 눌렀을 때 두 가지 API가 동작을 합니다. 첫번째로는 데이터베이스의 정보를 클라이언트에 전송하는 API이고 두번째는 회원가입을 통해 데이터베이스에 성공적으로 저장된 회원정보가 일치할시 JWT를 발

필요한 패키지들을 설치 후에 클라이언트에서 소켓을 뚫을 주소와 연동을 합니다. (서버 배포의 IP주소이기 때문에 보안상 끝 3자리는 \*\*\*로 표기하였습니다.) 채팅방의 전체 구조를 담을 Container입니다. 삼항 연산자를 통해 입장하기를 누르지 않았다면 U

안주선택 (detail.js) UI 우선 Main에서 명언문을 클릭하여 이러한 Detail 페이지로 이동할 수 있습니다. 파라미터 문법을 활용하여 데이터베이스에 미리 저장돼있는 술, 안주 데이터를 갖고 옵니다. 예시) 소주 0번 파라미터 - 데이터베이스의 적재된 배열

마이페이지 버튼을 클릭하여 들어왔을 때 가장 처음이자 기본으로 띄워주는 페이지인 찜목록입니다.햄릿 증후군을 위해 재밌고 신선하도록 룰렛을 추가하여 고를 수 있고 그 아래에 내가 여태 찜했던 식당 정보와 주류, 찜목록 삭제 버튼이 있습니다. 만약 아직 찜목록에 어떠한 상

- 마이 페이지 구성 - 찜 목록 (룰렛, 찜 정보) (Mypage.js) - 닉네임 변경 (ChangeNickname.js) - 비밀번호 변경 (ChangePassword.js) - 회원 탈퇴 (Resign.js)

세 번째 메뉴 비밀번호 변경입니다. 먼저 변수와 state의 구조입니다. ID에 sessionStorage에서 꺼내온 로그인시의 ID값이 들어가 있고 현재 비밀번호를 관리할 currentPW, 새로운 비밀번호를 입력할 newPW, 새로운 비밀번호의 일치값을 확인하는 r

마지막 네 번째 메뉴에 존재하는 회원탈퇴입니다.삭제하기 위해 비밀번호를 확인하는 Input과 체크박스 그리고 탈퇴하기 버튼으로 이루어져있습니다.앞서 닉네임 변경과 마찬가지로 변수와 state구조가 동일합니다.ID는 sessionStorage를 통해 로그인 시 저장한 I