final_project DAY+19

KEEP 오늘의 좋았던 경험

• DrawSVG로 welcome intro 구현. gsap에서 사용하면 유료인데, css로 구현하는 방법을 찾아서 할 수 있어서 좋았다. 가장 기본적인 방법으로 만들었어서 좀 더 다른 애니메이션이 추가된 DrawSVG를 만들고 싶었지만 그러지 못했다.

랜딩 페이지 완성본

• Home 화면 디테일 작업을 했다. 슬라이더 사진을 꽉찬 사진으로 바꿔줬다. 바꿔주니 홈 화면이 더 괜찮아졌다. 각 스트리밍 리스트에 스트리밍이 언제 시작되었는지 알려주는 timestamp를 만들어서 추가해주었다. 만든지 1분이 안됐을 때 방금 전이라고 표시해주는 디테일을 살려주었다.

timestamp 만들어준 결과

• Streamer 페이지 디자인 완료. 금방 할줄 알았는데 생각보다 시간이 많이 걸렸다. 그래도 전체적인 부분에서는 건들 부분이 없을 정도로 만들어놔서 Viewer페이지, Asmr페이지에 그대로 적용해서 디자인을 완료하면 될 것 같다.

PROBLEM 고쳐나갈 경험

• CSS에 조금 더 익숙해진 느낌이 든다. 처음 만들 때 틀을 잘 짜놓고 만들어야 한다는 것을 느꼈다. 전에 만들어놓은 CSS를 다시 손봐야했는데, 왜 이렇게 만들어놨지 하는 부분이 많이 보였다.

TRY 시도해볼 일

• 사용하면서 발견되는 버그 해결하기