내배캠 본캠프

내일배움캠프 - 2/12 TIL

장해진 2025. 2. 12. 21:42

오늘은 정말 뇌를 열심히 일하게 한 날...!

너무 많은 일을 동시에 하다보니,,뭔가 이론이 잡히지 않은 상태에서 디자인을 하면, 그게 튜터님께 피드백을 받을 때 어버버...하게 되는 것 같다.. 

그래서 최대한 하나라도 놓치지 않고 다 집고 넘어가려고 하는 중이다! 


오늘 내가 한 것?

✅ 성장일지 어떤 그래프를 첨가하면 좋을지 아이디어 내기 

✅ 성장일지 위클리&먼슬리&학습 안했을 경우 화면 각각 다 디자인하고, 컴포넌트 만들기 

✅ 홈화면 그래프 어떤 식으로 서비스 정책이 잡히는지 계산하고 수치로 나타내기 

✅ 온보딩 화면 디자인 

✅ 앞으로 남은 여정..계획하기 


드디어 완성하다...!

다은님과 어제부터 그래프로 고군분투 했었는데..

막 이야기를 하다보니, 우리가 꼭 전체 학습흐름을 보여줘야 할 필요가 있나?에서 출발해서 

최근 10일의 기록만 보여준다면, 최근 동향을 알 수 있고, 그 그래프를 보고나서 복습을 유도하면 되지 않나!?~라는 생각이 들어서 

잊기 전에 후다닥 다은님께 말씀드렸다 ㅋㅋㅋ 둘이 막 감격을 하면서... 

어떻게 진행할지 잡히니까 그래프 그리는건 어렵지 않았다! 

다은님이 그래프 디자인을 마무리해주실 동안, 성장일지 화면의 4가지 섹션에서 문제는 없는지..하나하나 체크하며

컴포넌트도 만들었다! 네스티드 인스턴스 만들 때마다 묘한 쾌감이 든다..ㅎㅎ

 

그러고 나서 걸리는 점을 두가지 뽑았다! 학습 전체보기(나중에 들은 바론, 이 전체 보기가 그 날의 전체보기가 아니라 모든~~기록의 전체보기였다구 한다..상의 끝에 안 넣어도 되겠다고 해서 빼긴 했지만,,ㅋㅋ 앞으론 내가 제대로 이해한건지 또 체크해야겠다)의 ui가 어색하단 점? 그리고 오늘의 기록이 없어요 섹션도 완성도를 높여야겠단 생각이 들어서 

다은님에게 각각의 레퍼런스를 찾자고 제안을 드렸다! 

전체보기(기존엔 언더라인 텍스트였다)는 각 구역별로 나눠서 펼쳐보기가 드롭다운돼는 방식으로 진행하고, 

귀여운 아이콘을 찾아서 넣고 버튼도 아웃라인스타일로 변경했다

 


홈화면 히어로섹션 부분

이 부분이 계속 이해가 안가서 점심시간에 밥먹고 앉아서 또 깊은 고민...에 빠졌다 

최대한 정리를 한 다음에 팀원분들께 말씀 드려야 내가 이해한게 맞는지 여쭤보기 좋을 것 같았다..

기존엔 강의를 듣고 나서 매긴 지표 = 감정 이모티콘이고 

전체 들은 강의의 개수에서 그 감정의 개수를 비율로 따졌을 때 70%가 괜찮다~매우쉽다이면 다음 단계로 이동하는 정책이었어서 

그 감정 이모티콘을 완료 처리할 수 있나??라는 의문이 들었다.

 

이 부분을 정리하려면, 각각의 감정은 

범위 = 0~20 : 매우 어려움(가중치 : 0%)

범위 = 20~40 : 어려움(가중치 : 20%)

범위 = 40~60 : 괜찮음 (가중치 : 50%)

범위 = 60~80 : 쉬움(80%)

범위 = 80~100% : 매우 쉬움이라 하고 (100%)

 

20개의 강의를 들었을 때, 각각의 감정 지표의 퍼센티지와 감정 개수를 곱하고 그 값을 20개의 강의로 나누었을 때, 

전체 백분율을 구해서 그 백분율을 0~100까지 지점에 표현하는 방식??이라고 이해했다. 

 

결국 각각의 감정 지표가 쌓인 평균 데이터가 현재 내 상태이며, 그 현재의 상태를 각각의 비율로 표현하기보단, 사용자의 입장에서 내가 주황색(어려워요)의 상태이며 다음으로 가기 위해 더 나아지기 위해선, 쉽다는 감정을 몇 번 느끼면 된다.라고 이해하는게 쉬울 것 같아서 팀원분들이 그려주신거였다! 

따로 이런 부분을 정하지 않고 바로 디자인으로 표현해주셨다 하셔서 내가 정한 지표로 정책을 잡기로 했다.

 

이렇게...


온보딩 화면 디자인중..

그러고 나서..나는 온보딩 화면을 담당해서 

온보딩 화면 디자인 중이다! 

하하하

그리고 얼마 남지 않은 기간을 보니 마음이 조급해져서...

앞으로 D-10 동안 어떤 것들을 해야하는지 다시 대략적으로 적어보고 팀원들과 이야기를 나누었다!