[우테코 8기] 3주차 : 선택 미션 & 공통 교육

 

0. 과제 소개

이번주는 블랙잭 미션이 끝나고, 선택 미션을 골라서 수행하는 기간이다.

 

1) 선택 미션 ("불편함에서 기능 이끌어내기")

2) 소프트웨어 공통 교육 - 웹

---

1. 선택 미션

이번 주차는 선택 미션을 골라서 수업을 진행한다. 나는 "불편함에서 기능 이끌어내기"를 선택했다.

온보딩 미션인 "제미나이로 웹앱 만들기"에서 만든 웹앱을 디벨롭하는 미션이었다.

이 미션의 핵심은 기능 구현 자체가 아니라, "왜 이 기능인가"에 답하는 과정입니다. 기술적 완성도보다 발견 → 정의 → 설계 → 구현의 연결이 중요하며, "이런 기능이 있으면 좋겠다"는 아이디어가 아니라 관찰에서 출발한 근거가 있어야 합니다.

 

1) 발견

불편한 점을 발견하기 위해 조원들과 바꿔가며 서비스를 사용해보았다.

나는 기능을 만들면서 익숙했는데, 다른 사람의 눈으로 보니 내가 보지 못한 불편함들이 발견되었다.

 

2) 정의

나는 그 불편함들 중에서 과제 관리 탭의 불편함을 고쳐보기로 하였다. 

 

이게 왜 불편한 것인가를 글로 설명하는 과정도 쉽지않았다.

"그냥 불편한데.." 라고 하지 않고 "사용자가 과제를 추가하기 위해 버튼을 찾는 과정이 필요하다." 와 같이 서술해두니,

해결방법을 찾기가 수월해졌다. (버튼을 찾는 과정이 번거롭다면, 버튼을 찾지 않고 바로 추가할 수 있게 하자!)

 

구체적으로 문제를 정의하는 것이 중요하다는 것을 체감했다.

1. 누가 : 과제 관리 메뉴를 사용하는 사용자가
2. 어떤 상황에서 : 과제를 추가하려는 상황에서 우측 상단의 과제 생성 버튼을 찾아야만 등록이 가능하다.
3. 왜 이것이 문제인가 : 캘린더에서 특정 날짜를 인지한 후, 다시 버튼을 찾는 과정이 추가되어 사용자에게 번거로움을 제공한다. 4. 이 문제를 왜 골랐는지 : 이 서비스가 "slack에 채팅 형식으로 누적되는 공지를 과제별로 모아두고 싶다."라는 요구사항에서 출발된 서비스이며, 해당 기능이 제일 핵심 기능이기 때문이다. 이 기능의 문제를 해결하는 것이 가장 우선순위라고 생각했다.

 

3) 설계

문제를 정의하면서 떠올린 해결방법을 구체화하였다. 

1. 해결하려는 문제 : 캘린더뷰에서 오른쪽 상단에 있는 [과제 생성] 버튼을 눌러야만, 과제 생성이 가능하다.
2. 해결 방향 : 캘린더에서 날짜를 누르면 과제 생성창이 뜬다.
3. 구체적 요구사항 : 과제 캘린더에서 커서를 두고, 커서가 위에 있을 때 해당 날짜를 선택하면 과제 생성창이 떠야한다.
이때, 과제 생성창은 기한 필드에 해당 날짜가 채워진 채로 떠야한다. (커서의 기본 날짜는 오늘 날짜이다)

 

 

4) 구현

구현하고 검증하는 과정을 반복하며 더 깊이 개선해볼 수 있는 기회였다.

[검증 결과]
0. 배경 요약
불편했던 상황 : 캘린더뷰에서 과제 생성을 위해서는, 오른쪽 상단에 "과제 생성" 버튼을 찾아야한다.
해결 방법 : 캘린더에서 해당 날짜를 누르면 과제 생성 탭이 나오게 한다.

1. 1차 검증
검증 : 날짜를 누르면 과제 생성 탭이 나오도록 수정했다. 하지만 실제로 사용해보니 해당 날짜에 어떤 일정들이 있는지 자세히 보고 싶은데, 날짜를 눌렀을 때 바로 과제 생성창이 뜨는 것이 불편했다.
분석 : 문제 정의 자체는 올바른데, 해결 방안이 문제 해결에만 집중하고 추후 발생되는 문제점을 고려하지 않아서 불편함이 발생하는 것 같다.
해결 : 처음 눌렀을 때는 커서가 움직여서 해당 날짜 테두리를 파랗게 표시해주고, 그 커서가 놓인 날짜를 눌렀을 때만 과제 생성창이 뜨도록 수정하였다. 추가로 날짜를 누르면 달력 아래에 해당 날짜 과제가 리스트로 뜨도록 했다.

2. 2차 검증
검증 : 이제 커서가 해당 날짜를 가리킬 때만 과제 생성창이 떠서, 선택한 날짜의 과제 목록을 확인하기 수월해졌다. "날짜에 커서가 있을 때, 다시 날짜를 누루면 과제 생성창이 뜬다"라는 사실을 나는 알고 있어서 바로 기능을 사용했는데, 처음보는 사람이 이 규칙을 이해하기에는 어렵다는 것을 발견했다.
분석 : 사용자에게 이 기능을 알려줘야한다는 사실을 잊고, 기능 동작만 검증을 했다. 문제에 대한 해결안이 부족했기에 불편함이 생겼다.
해결 : 캘린더뷰에서 선택한 날짜를 커서가 가리킬때, "+ 과제 생성"이라는 표시를 함께 띄워주었다. 이때, "+ 과제 생성" 위에 마우스 커서를 올리면 "+ 과제 생성" 표시가 진해지며, 사용자에게 클릭할 수 있는 버튼이라는 사실을 알려주었다.

 

 

5) 결과물 제출

제출 링크 : 

https://github.com/woowacourse/web-today-i-learn/pull/102

[🚀 Today I Learn 페이지 만들기] 아티 미션 제출합니다. by ParkJiYeoung8297 · Pull Request #102 · woowacourse/

 

---

2. 공통 교육 - Web

 

공통 교육에서는 인터넷과 웹에 대해 교육을 받았다.

 

1) GitHub Pages 배포

그리고 과제로 페이지를 만들고 GitHub Pages로 배포하였다.

[Settings] → [Pages] → [Branch]에서 배포할 브랜치 선택 → [Save]

 

 

 

배포가 완료되면 아래와 같이 [visit site] 링크가 생성된다. 배포를 취소하려면 [Unpublish site]를 누르면 된다. 

 

자동 배포가 안되기 때문에, 수정사항이 있다면 [Unpublish site]한 후에 다시 배포해야 한다.

 

2) 제출 링크 

 

결과물 제출 : 

 

https://github.com/woowacourse/web-today-i-learn/pull/102

[🚀 Today I Learn 페이지 만들기] 아티 미션 제출합니다. by ParkJiYeoung8297 · Pull Request #102 · woowacourse/