Instagram

vanila JS로 인스타그램 클론코딩하기
개발 기간: 24.01.29 - 24.02.01

🐇 기술스택

개발 언어

설계 및 환경

의사소통

💻 기능

• Nav
  • 반응형 Navbar
    • 아이콘에 커서를 올리면 전환 효과
    • 별도의 동적 기능은 지원하지 않음
• Story
  • 팔로잉 중인 인물의 데이터
    • 인물 마다 1개의 스토리
  • 스토리
    • 확인하기 전 스토리의 기본값은 테두리에 빛이 들어온 상태
    • 사진을 클릭해 스토리를 확인하면 빛이 꺼진 상태로 전환
• Post
  • 팔로잉 중인 인물의 데이터
    • 인물 마다 1개의 게시글
    • 1개의 게시글 내에는 3개의 사진
  • 게시글
    • 화살표 버튼 클릭 시 사진 간 이동
    • 하단에 현재 사진 위치 표시
    • 좋아요 버튼 토글 구성

👋 팀원

Made with contrib.rocks.