👀 오늘 뭘 했을까?

• 인스타그램 클론 프로젝트를 시작하며 벨로그 작성에 소홀했다...
• 클론 코딩을 진행하며 HTML, CSS, JavaScript를 많이 활용해볼 수 있었다.
• 만들고 수정하고 만들고 수정하고 무한 반복했던 한주....

😳 오늘 뭘 공부했을까?

1) 로그인 페이지 구현

• 로그인 전
  

• 로그인 후
  

• flex 를 이용해 로그인 폼을 만들었다.
• 실제 로그인처럼 구현하고 싶어 유저 정보들을 객체로 배열에 저장했다.
• 입력한 이메일과 비밀번호 모두 가진 객체가 배열에 존재하면 로그인 되도록 구현했다.

2) 메인 페이지 구현

• 전체 레이아웃은 헤더 / 내브 / 메인 컨텐츠 영역으로 구성했다.
• 메인 컨텐츠 영역은 스토리 / 게시물 / 추천 3가지 영역으로 구성했다.
• flex , position , max-width 를 활용했다.
• 기능구현 항목
  🤜 좋아요 버튼
  🤜 댓글 추가 / 삭제 / 더보기 / 가리기
  🤜 검색 기능
  🤜 스토리, 게시물 이미지 슬라이드
  🤜 게시물 로딩 애니메이션 / 무한 스크롤
  🤜 로그아웃 기능

3) 보완해야할 점

• CSS 수정하면서 불필요한 속성들을 발견했다.
• 코드를 수정하면서 불필요한 조건문과 변수들을 발견했다.
• 변수명을 선언할 때 코드 이해를 위해 적절하게 지어야겠다.
• 작성한 코드를 다시 봤을 때 왜 이렇게 작성했는지 설명할 수 있도록 정리할 필요를 느꼈다.