📌 banksalad 클론 코딩

주소 링크

• 실제 뱅크샐러드 주소

• 뱅크샐러드 클론 페이지 주소

사용한 기술 스택

• HTML5
• CSS
• JAVASCRIPT
  • header 드롭다운
  • header menu hover 지우기
  • swiper
  • radio를 이용한 탭 클릭

어려웠던 부분

• card ranking 부분에서 마우스를 가져가면 전체 순위가 보여지고 마우스를 떼면 원래 순위로 돌아가는 기능 -> 마우스를 가져갔을 때 전체 순위가 보여지게는 하였으나 마우스를 떼면 원래 순위로 돌아가지 않고 첫번째에서 다시 시작함

• 2번째 visual에 있는 이미지를 다운 받았으나 출력이 되지 않음 -> 파일 안에 있는 svg이미지는 클릭하면 잘 보이지만 화면에 출력되지 않아 png파일로 변경하여 화면에 출력되게 함 (이미지의 화질이 좋지 않음)

피드백을 받고 싶은 부분

• html, css, javascript 코드에서 불필요한 부분이 있는지
• 2번째 visual 이미지 오류 이유
• 뱅크샐러드 Pick! 부분에서 1번째, 4번째 콘텐츠를 if문을 이용하여 움직이지 않게 코드를 작성하였는데 다른 방법이 있는지