오늘은 어제 작성한 사용자 스토리와 태스크들을 피드백을 받았다. 사용자 스토리는 잘 작성했는데 태스크는 태스크를 보고 개발을 단계별로 진행할 수 있는 상태가 되야하는데 내가 쓴 태스크는 너무 포괄적이라서 더 세분화 되어야 할 필요가 있다고 해주셨다. 그리고 구현해야할 기능 중 채팅 기능이 있었는데 그냥 상대방과 1:1로 채팅을 하는게 전부인 기능이라 채팅을 하는 목적이 없다는 피드백을 받았다. 그래서 실시간 채팅을 이용해서 실제 축구 경기가 진행되고 있을때 실시간으로 응원 메시지를 남길 수 있는 기능을 만들기로 했다. 아래와 같은 페이지 처럼 구현이 될것 같은데 그러기 위해서는 채팅 기능 뿐만 아니라 해당 경기에 대한 데이터가 필요했었다. 프리미어리그의 경기 일정이나 정보를 얻어오는 방법에 대해서 알아봤..

오늘은 저번 주 한 주 동안 기획한 결과물을 공유하며 노아님에게 피드백받는 시간과 진짜 개발을 시작하기 위한 백로그 작성하는 방법을 배웠다. 우선 사용자 스토리가 가치 중심으로 작성이 되어야 하는데 나는 너무 포괄적인 스토리를 작성해 지적을 받았다. 빠르게 사용자가 특정 행위를 함으로써 얻을 수 있는 가치를 생각을 해보면서 사용자 스토리를 다시 작성했다. 그리고 백로그 작성은 Jira라는 프로그램을 공유가 되지 않는 이유로 이용하지 못해 깃허브 프로젝트를 이용하여 최대한 비슷하게 틀을 만들고 사용자 스토리를 바탕으로 테스크 테이블에 사용자 스토리와 백로그를 하나씩 작성하는 방법을 배웠다. 위 사진은 "관리자는 카페를 운영하기 위해 특정 멤버에게 스탭 역할을 부여 또는 해임할 수 있다."라는 사용자 스토리..

오늘은 손으로 그리던 UI를 빠른 작업을 위해 관리자 페이지는 피그마를 이용해서 그려봤다. 피그마라는 디자인 툴을 이용해 본적이 없어서 처음에 거부감이 들어 종이에 손으로 그렸었는데 동료들이 디자인 툴을 사용하는 걸 보고 접근성이 나쁘지 않다는 것을 뒤늦게 알게 되었다. 직접 사용해보니 간단한 기능들은 그림판 사용하듯이 쉽게 사용할 수 있었고, 손으로 그리면서 작업했던 시간보다 훨씬 빠르게 작업할 수 있었다. 진작에 디자인툴을 이용했으면 어땠을까 하는 후회를.. 하지만 허접한 그림실력으로 직접 손으로 그리는 감성도 나쁘지많은 않았다.. 카페 운영 화면 카페를 기본적으로 운영할때 필요한 기능들이 있는 화면이다. 가입 방식이나 멤버 목록의 공개 여부를 설정할 수 있고 가입을 몇 번째로 했는지와 같은 이벤트도..

항상 주말마다 집 앞에 있는 카페에 가서 공부를 했었는데 오늘은 조금 귀찮더라도 성수 코딩 도장에서 어제 못다 한 관리자 페이지 UI와 프로세스 구조도를 작성하기로 마음먹고 출발했다. 좌 관리 홈 화면 / 우 멤버 스탭 화면 관리자 페이지를 그려보는데 처음에 생각했던 사이즈보다 안에 들어가야 할 내용들이 훨씬 많은데 자리가 없어 그리지 못했다. 그리고 손으로 직접 UI를 그리려고 하니까 생각했던 작업 시간보다 더 오래 걸리고 반복되는 디자인도 있어서 아무래도 관리자 페이지는 디자인 툴을 이용해서 작업해야 할 것 같다. 관리자 프로세스 구조도 그리고 오늘은 웹 프로세스 구조도를 그려봤다. 사용자의 프로세스와 관리자의 프로세스가 있어 한 번에 다 그리기에는 복잡해져서 그리기 어려울 것 같아 두 개를 나눠서 ..

오늘은 어제 노아님이 기획 프로세스의 예시를 보여주시면서 기획을 어떻게 해야 하는지 큰 틀을 알려주셨다. 처음 해보는 기획이라 어떻게 해야 할지 갈팡질팡 하면서 무엇하나 제대로 되지 않고 진도도 나가지 않는 느낌을 많이 받고 있었는데 어제 설명을 딱 듣고 나니 당장 뭘 해야 할지 명확해졌었다. 그리고 지금까지 했던 기획을 살펴보니 지금까지 기획한 내용이 부족하다는 느낌과 너무 구체적이지 못하다는 것을 깨닫고 다시 UI 프로토 타입을 큰 종이에 그리기 시작했다. Mobile First 디자인을 하기 위해 우선 모바일 기준으로 UI를 그려나갔다. 커뮤니티 사이트를 만들어야 해서 사용자 페이지와 관리자 페이지를 만들어야 했는데 오늘은 사용자가 볼 수 있는 UI를 먼저 작성했다. 좌 전체 게시판 화면 / 우 메..

이번 주의 핵심은 프로젝트 기획이지만 오늘은 코딩 도장 시간에 자바스크립트로 풀지 못한 JadenCase문자열 만들기 문제에 대해 글을 쓰려고 한다. 사실 어제 자바로 풀었던 문제라서 오늘은 금방 풀겠지 생각을 하고 어제 풀었던 방법과 다르게 풀려고 시도를 했는데 결국 1시간 내에 풀지 못했다. 다른 동료들은 모두 제 시간에 푼 것 같았는데 혼자 풀지 못해서 저녁 먹고 나서 다시 코딩 도장 문제에 도전을 했다. 어제는 자바에서 split을 사용해 공백을 기준으로 나눠 푸는 방법을 사용했었는데 공백이 연속일 때의 조건을 생각하지 못해 애를 먹어서 오늘은 split을 사용하지 않고 풀 수 있는 방법을 모색했다. 문자열의 맨 처음 단어가 대문자이고 모든 단어는 서문자로 변환해야하는 문제였다. 일차적으로 한문자..