Skip to content

se-eun-park/instagramPJ

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

59 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Instagram

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




🐇 기술스택

개발 언어

설계 및 환경

의사소통




💻 기능

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



👋 팀원




Made with contrib.rocks.