2022.04.28- 2202.05.01

'인스타그램 클론 코딩'

• Goal

  • 다음 팀 프로젝트를 위해 프론트엔드 기본 틀 다지기
    
  • 프론트엔드의 레이아웃을 보고 알맞은 태그와 속성을 이용해 배치를 할 수 있게 되는것이 목적
    
  • GIT을 사용하면서 익숙해지고 협업을 위한 준비운동

• 필수 사항 (중요도:*)

  • GIT 사용하기 *****
  • 사이트의 헤더 구현
  • 사이트의 본문 구현
  • 사이트의 Footer 구현

• 추가 기능

  • 프로필 페이지 만들기
  • 상세 페이지 만들기 (게시글 클릭시 모달 구현)
  • 반응형 웹 만들기

HTML CSS JS

• 기능 구현 (인스타그램 클론 해 온 상태)
  • 싸이월드 처럼 뮤직플레이어 추가
  • 마우스 움직이는 효과
  • 마이페이지에 버튼 효과
  • 배경 움직이는 효과
  • 모달 창 구현
  • 슬라이드 구현
  • 마이페이지로 이동 구현

• 메인페이지

• 마이페이지