프로젝트/보드윗 (보드게임원 매칭 서비스) (22) 썸네일형 리스트형 [ 항해99 실전프로젝트 ] 발표영상 제작 옛날에는 발표하는 거 꽤나 즐겼던 거 같은데, 발표영상 제작하려니 생각보다 힘이 든다. 일단 발음이 많이 꼬인다. 그리고 말 끝이 점점 흐려진다. 그리고 내 프로젝트니까 대본없이도 술술 내용을 잘 전달할 수 있을 줄 알았는 데, 아닌 것 같다. 대본을 쓰기로 결정했다. 피피티 디자인도 얼른 바꿔야 한다. 뭔가 계속해서 네온사인컨셉을 밀고싶어서, 디자인이 조금 촌스러운데도 고집하게 된다. 학교다닐때도, 항상 뭔가에 꽂히면 아닌걸 알면서도 밀고 나가다가 좋은 점수를 받지 못한 적이 많다. 그래도 나는 우리 프로젝트가 네온사인으로 시작해서 네온사인으로 끝났으면 좋겠다. 적어도 사람들 머리 속에 오래 기억될 것이다. 최대한 대본을 안쓰는 방향으로 가고 싶다. 내가 나를 소개하는 데, 대본을 굳이 만들어야 하는 .. [ 항해99 실전프로젝트 ] 최종발표구상 30초 : 서비스 기획 배경 설명 프로젝트를 기획하게된 계기는 번화가를 갈때마다 생겨나는 보드게임카페를 보며 그만큼 사람들도 많이 이용을 할까?라는 생각에서 출발하게되었습니다. 그리고 디자인에 대해 술집같다는 얘기가 많았는 데, 최근 보드게임 대중화가 이루어지면서 성인들이 밤에 즐기는 문화중 하나로 자리잡은 만큼 어두운 밤골목의 보드게임카페를 생각하며 기획을 했다는 점 감안해주시기 바랍니다. (생략) 하여튼 저희 보드윗은 "언제나 내 곁에, 다양한 사람들과 다양한 보드게임을" 이라는 슬로건으로 보다 간편하게 보드게임 파티원 매칭 서비스를 제공하고있습니다. 1분 30초 : 서비스 시연 영상 https://www.youtube.com/watch?v=wMCSIGudH9g 2분 : 서비스 아키텍쳐 설명 및 기술.. [ 항해99 실전프로젝트 ] 최종발표까지 D-7 사실, 내가 원하는 바는 최종발표까지 날짜가 남지않아서 더 열심히하는게 아닌 항상 최선을 다해서 열심히하고 싶다. 항해를 시작하면서 그렇게 마음을 다졌었지만 , 지난 2주 간 왠지 모르게 마음이 조금 풀어져있었던 것 같다. 지나간 건 그렇고, 앞으로 항해99수료까지 2주정도 남았는데, 여지껏 그래왔듯 다시 한 번 최선을 다해볼 생각이다.절대 미련이 남으면 안된다. 최종발표가 다음주인데, 다음주가 지나고 나면 면접준비이기때문에 일단 최종발표까지의 계획을 세워보자. 계획에서 크게 두 가지로 카테고리가 나뉠 것 같다. 하나는 우리 프로젝트의 코드 리팩토링과 유저경험피드백을 바탕으로 좀 더 사용성을 개선하는 것이고 둘째는 발표내용과 발표영상, 그리고 회사에게 우리가 어필할 브로셔 및 소개를 적는 것이다. ( 여.. [ 항해99 실전프로젝트 ] 런칭 이후, 사소한 오류 바로잡기 일단 구글폼에 작성된 오류들부터 바로잡기로 하였다. 사용자분들이 설문조사에 엄청 자세하게 오류들을 나열해 주셔서, 이 답변에 적힌 모든 오류들부터 해결해보자. 필터에 여유 보통 마감 여부가 추가되었으면 좋겠어요!! 모바일 환경에서 마이페이지 신청중인 모임 클릭 시, 모달 이상하게 뜸. accessToken이 만료되었을 때 리디렉션이 안되는 것 같습니다. 파티모집의 좌상단에 있는 버튼이 위치기반 추천인듯 한데 여러번 눌러도 매번 동일한 추천이 뜨는게 아쉽습니다. 그리고 한개만 뜨는것 같은데 여러개 뜨면 더 좋을것 같습니다. 게시글 작성 유효성 걸어주기 페이지 상단의 글자 폰트 크기나 조명 여부가 통일이 되면 좋을 것 같다. (검색페이지) 검색을 했을 때 아무 모임이 없으면 “ 아무런 모임도 검색되지 않았어.. [ 항해99 실전프로젝트 ] 프로젝트 실제 런칭 당일 후기 오늘은 어찌저찌 최대한 빠르게 유저피드백을 참고하는 편이 나을 거 같아, 런칭을 하게 되었다. 현재 브로셔는 디자이너님이 제작하시는 데까지, 시간이 조금 걸릴 것 같아서 급하게 미리캔버스를 통하여 제작해보았다. 디자인과지만, 미리캔버스를 처음 이용해보았고 너무 간편하고 생각보다 퀄리티도 높아 깜짝 놀랬다. 자주 이용할듯. 우리가 강조하는 기능은 아래 5가지로 추려보았다. 보드게임 파티원 모집 파티원끼리 사용할 수 있는 실시간채팅방 커스텀 아바타 파티조건 검색 및 가장 가까운 파티 즉시 찾기 랭킹시스템 실제 우리의 프로젝트를 유저들이 이용하면 ,어떤 피드백들이 주로 나올 지 궁금했다. 약 3시간동안, 37번의 회원가입이 진행되었고 그 중 14분이 설문조사를 작성해주셨다. (감사하다!) 요약해서, 가장 많이.. [ 항해99 실전프로젝트 ] 기존 유저의 아바타는 사용중 띄우기 현재 유저의 아바타정보는 객체형태로 저장되고 있다. //유저의 아바타정보 { Eye: 1, Mouth: 1, Hair: 1, Back: 1 } 아바타샵의 아이템들은 카테고리와 넘버라는 키값으로 관리되고 있다. //아바타의 아이템들 { Category: "Eye", Num: 1 } 이제 구현해야할 로직은 기존 유저가 사용하고 있는 아바타의 아이템들은 아바타샵에서 300포인트가 아닌, 사용중이라는 텍스트를 띄워주어야 한다. 즉 아바타의 아이템들에서 유저가 사용하고 있는 아이템을 골라내어야 한다. 위를 구현하기 위해서, 아래와 같은 순서를 생각했다. 첫 번째로, 유저 아바타의 정보를 아바타샵의 아이템들과 똑같은 형태로 만들어 준다. 그 다음, 필터함수를 이용해 카테고리별로 데이터를 나눈다 분리된 카테고리별로 .. [ 항해99 실전프로젝트 ] 아바타샵 포인트 차감 로직 유저의 기존 아바타 정보와 다른 개수만큼 포인트를 곱하면 되는 것인데... 가장 깔끔한 방법은, 최종 포인트를 합산해서 서버로 넘겨줄 때 계산을 해서 포인트가 음수일 경우 알럿을 띄워주면서 초기포인트값으로 다시 돌리는 방법인 것 같은데 if문이 순서대로 작동하지않아 문제가 된다. 초기에 생각한 포인트 차감 로직은 다음과 같다. const discountPoint = () => { if (userSelect?.Eye !== initialuserSelect?.Eye) { console.log(userSelect?.Eye !== initialuserSelect?.Eye); setPoint((prev) => prev - 300); } if (userSelect?.Mouth !== initialuserSelect.. [ 항해99 실전프로젝트 ] 프로젝트 튜토리얼 만들기 실제 웹을 다른 사람이 사용해보니, 어떠한 기능들이 있는 지 몰라 그냥 넘어가는 경우가 대다수 였다. 실제로 힘들게 구현을 해놓고는 기능을 사용하지 않는 모습을 보니, 너무 마음이 아팠다. 그래서, 첫 회원가입 후 로그인 시 사용방법을 알려주는 모달을 만들기로 하였다. 위와 같은 튜토리얼을 만들어보고 싶었다. 순서대로 각 기능들을 설명해주는 말풍선이 생기고, 배경을 클릭하면 다음 말풍선이 뜨는 방식이다. 어떻게 구현할 지 생각해보았다. 생각생각 z-index를 활용하여, 하나씩 벗겨내는 형식으로 구현해보자. 조건문은 어떻게 짜야되지? 생각보다 그냥 간단한 로직이라서, 바로 결과물로 보여주자. 튜토리얼 완료 시, 보상과 좀 더 다양하게 설명 말풍선을 꾸며볼 필요가 있는 것 같다. 기존 회원가입 시, 디폴트.. 이전 1 2 3 다음
