[업무 정리] 4.10 로그인 인터랙션 추가

0. 안쓰는 파일들 제거 4.7
1. 대댓글 오류 수정 4.7
2. 강의실 현황 기능 추가 ( 현재 시간 시각화 )
3. 강의실 현황 리팩토링 -> 민T 피드백 적용
4. 강의실 현황 민T 피드백 이론 공부 -> 블로그 정리

5. 로그인 버튼 인터랙션 추가 ( 글씨 깨지는 현상 해결)

6. 커뮤니티 뷰 디자인 
7. 리디자인 팀 컨펌 -> 리퍼블리싱 ( + 카드 뷰 컴포넌트 제작 )
8. 상시 모집 페이지 디자인
9. 상시 모집 페이지 팀 컨펌 -> 제작

 

 

2-1. 글씨 깨지는 현상 해결

- 로그인 버튼 안내문 "@inu.ac.kr 계정만 사용할 수 있습니다" 가 레이아웃 밖에 생성되는 현상 -> text가 svg위에 올라가는데, svg보다 빠르게 랜더링될 경우 갈 곳을 잃는 것..! (수정 완료)

 

 

2-2. 로그인 버튼 인터랙션 추가

- 유저 피드백 : 구글 폼 설문 결과, 버튼이 잘 안눌려요 !! 라는 피드백 존재.. 뭐시라... 그럴리가 없잖아요......!

- 버튼이 눌리지 않는 것이 아니라 눌린 느낌이 없는 것이다.

 

- 확실히 눌렸다는 느낌이 들도록 디자인 컨셉을 살려 인터랙션을 구현했다.

+ 인터랙션을 넣는 김에, 중요한 공지 사항도 눈에 띄게 보여주기로 했다.

 

 

인터랙션 화면

 

 

 

 

풀 인터랙션

 

 

레이아웃 반응성 

- brave 브라우저에서 제공하는 모바일 기기들의 경우에는 전부 문제 없이 보여진다!

 

 

 

 

---

 

 

태블릿