Feature/6-main-landing-page

[yanggwangseong]

• Closes #6

✨ 구현 기능 명세

• 메인 Format 컴포넌트 스타일링 작업
• 랜딩페이지에 사용 할 lottie 애니메이션 추가
• 로그인 페이지로 이동하는 버튼 추가
• 구글 로그인 버튼 추가
• 네이버 로그인 버튼 추가
• 카카오 로그인 버튼 추가
• 버튼에 icon 추가
• 버튼 컴포넌트로 쪼개기
• module scss로 css 분리

🎁 주목할 점

• lottie file을 적용할 때 큰 주의 할 점이 있습니다. vscode에서 lottie file 크기가 1mb이상이면 급격하게 느려지고 렉이 발생하는 현상이 있습니다.

😭 어려웠던 점

• lottie 파일이 mb 크기가 넘어가면서 vscode에 반응이 느려지는 현상이 있었는데, vscode 익스텐션 문제인줄 알고 초기화도 하고 삽질 했습니다.

🌄 스크린샷