이제 대부분의 프론트는 작업이 완료가 된것같다. 막 예쁘거나 하진 않지만 어느정도 쓸만한 상태는 만들었다. 여기서 더 시간을 소모하는것도 배보다 배꼽이 더 커지는 듯한 느낌... 일단 내가 작업한 것들을 사진찍어보았다. 1. 티켓 목록 프론트 구현 2. 유저 정보 수정, 삭제 프론트 구현 1번과 2번은 모두 마이페이지 안에서 이루어지는 작업들이다. 3. 실제 DB와 프론트의 연결 4. 이벤트 상세페이지안에 있는 티켓 예매창까지 이벤트정보 전달 이외에도 로그인시 로그인, 회원가입 버튼이 사라지고 로그아웃, 마이페이지 버튼이 나타나게 하거나 역할이 관리자라면 관리자모드 버튼도 나오게 만들었다.

1. 일단 우리로고디자인에 맞게 웹페이지 색깔을 살짝 수정해줬다. 2. 로그인페이지를 구현했다. 부트스트랩에서 가져왔더니 기본적으로 벨리데이션을 살짝 포함하고있는 듯 하다. 3. 회원가입 페이지를 구현했다. 로그인페이지와 다르게 닉네임을 같이 받는다. 4. 검색창을 구현했다. 왼쪽은 검색기준 (제목, 장소 등) 오른쪽은 정렬기준(좋아요, 리뷰순) 이다. 5. 관리자용 백오피스를 구현했다. 현재로서는 백오피스 구현방법을 잘 모르기때문에 페이지 주소를 직접 바꿔서 들어올수있게 만들었고,(유저가 주소만 알면 들어올수는 있지만) 이 api들은 역할이 ADMIN이여야만 가능하니까 일반 멤버가 들어와서 조작하려고해도 안되게 만들어놨다. 일단 현재 남은 페이지는 티켓목록 페이지 정도이다. 꽤나 순조롭게 진행이 되어서..

모달창을 이용해서 티켓 예매 페이지를 구현해보았다. 단계별로 사진을 준비했다. 1. 모달창 구현완료 우리는 예매 페이지를 따로 만들기보단 모달창을 띄워서 거기서 처리하기로 정하였다. 2. 좌석선택창을 이용하는 방법과 스테퍼를 이용하는 방법 처음엔 스테퍼와 드롭다운을 사용하여 예매처리를 하려했지만 유저관점에서 조금만 생각해봐도 단점이 몇개 떠올랐다. - 우선 남은 좌석을 한눈에 보기가 힘들다. - 좌석 배치도가 없기 때문에 예매하기 힘들다. 따라서 조금 어려워도 좌석배치도를 공부해보고 사용하기로 결정하였다. 그렇다고 스테퍼를 포기하기엔 좀 아까워서 같이 사용해보기로 했다. 3. 좌석 선택창을 늘려보기 우리는 좌석 등급과 조금 규모가 큰 콘서트등도 이용할거기 때문에 좌석양을 조금 늘려보았다. 4. 좌석을 등..

이벤트 상세페이지 구현 일단 구현된 페이지 먼저 붙여본다. 우리조는 유료템플릿을 쓰기보단 내가 직접 이벤트페이지를 구현하기로 했고 최소한의 꾸미기만 적용하고 최대한 기능위주로 넣을수 있도록 하였다. 오른쪽의 예매하기는 드롭다운으로 티켓정보를 먼저 받고 진행할까 하였지만 남는 좌석을 보여줘야하는 등의 이유로 철회하였고, 예매페이지 구현때에 쓸수있도록 드롭다운을 삭제하진 않았다. 프론트엔드 구현해야할 것들 로그인 화면 회원가입 화면 티켓목록 백오피스 메인페이지(구현완료) 이벤트 상세페이지(구현완료) 오늘은 이력서 세션, 코드리뷰 세션과 코드리뷰등으로 개발이 많이 이뤄지진 않았다.

9시 ~ 14시 예상 질문지 작성 및 발표자료 고칠부분 생각해보기 예상 질문지 1. 대기열은 어떻게 구현할 것인가 예매하는 것과 별개로 예매하는 창에 접근하는것에 대기열을 걸것으로 팀원과 의논해보았습니다. 이는 또 락과는 별개의 프로그램을 사용할것 같습니다( 아직 공부필요) 2. 크리티컬 세션은 어떻게 정하였는가 크리티컬 세션(임계구역)은 둘 이상의 스레드 (멀티스레드)가 동시에 접근해서는 안되는 공유 자원에 접근하는 명령문 또는 코드의 일부 영역인데 저희가 설정한 크리티컬 세션은 락키를 좌석번호에 따라 구현했듯이 하나의 좌석에 두명이 몰리면 안되기때문에 티켓에 들어갈 정보들을 고른 후 예매버튼을 눌렀을때가 들어가는 시점이고 나오는것은 정합성 확인후 저장완료하는 시점일것 같습니다. 이는 발표에서 설명한 ..

1. 메인화면 꾸미기 뷰를 이용한 메인화면을 조금 꾸며봤다. 아직 고쳐야될 부분은 좀 있지만 기본적인 구성은 이런식이 될것같다. 2. 페이지 이동 구현(뷰 라우터) 위의 예매하러가기 버튼을 누르면 아래 페이지로 이동된다. 현재는 모든 예매하러 가기 버튼이 해당 화면으로 이동되지만 후에는 카드내용에 맞는 상세페이지로 이동하도록 만들 예정 뷰는 html과 비슷하면서도 살짝 다른 부분이 조금 있는것 같다.