오픈이어라운드 과제 저장소
- 생활코딩: https://opentutorials.org/course/1
- W3Schoosl: https://www.w3schools.com/
- 인스타그램 로그인하기 전 페이지 클론 코딩
- 미디어쿼리 : 창을 줄이면 폰 부분이 사라지게
- +) 가능하면 휴대폰 화면 부분 애니메이션
- 벨로퍼트 모던 자바스크립트: https://learnjs.vlpt.us/
- https://ko.javascript.info/
- https://docs.emmet.io/cheat-sheet/
- 피드 하나 완성
- 모달창 : 클릭시 배경 흐리게, 각각은 기능하지 않아도 되지만 바깥을 누르면 꺼져야 함
- 빨간 박스(추천친구) 는 선택
- +) 미디어쿼리 : 창 줄이면 추천친구 사라짐
- +) 좋아요 버튼 누르면 색칠되게
- 회원가입 페이지 완성
- 정규표현식 사용해서 이메일 체크
- 정규식 맞지 않으면 input에 효과 주기 정규식 맞으면 아래와 같이 alert띄우고 피드 페이지로 링크
- 피드페이지 반복문으로 여러 개 만들기
- 각각 내용 다르게
- 빨간 박스 누르면 나오는 사용자 페이지 완성
- 피드 페이지에서 했던 내용과 동일하게 사진 반복문으로 여러장 띄우기
- Ubuntu 명령어 : https://velog.io/@devyang97/Linux-%EB%AA%85%EB%A0%B9%EC%96%B4-%EC%A0%95%EB%A6%AC-Ubuntu-%EC%82%AC%EC%9A%A9
- 검색창 눌렀을 시에 이미지와 커서 왼쪽으로 이동
- 좋아요 눌렀을 때, 숫자 바뀌게
- 마우스를 올렸을 때 그림자+살짝 커지게 애니메이션
- 프로필 화면에서 자기 게시물에 마우스 올렸을 때 댓글과 좋아요 수 + 흐려지게
- 프로필 화면에서 자기 게시물 누르면 뜨는 게시물 모달
- 프로필 눌렀을 때 프로필 변경 모달
- 로그인을 하지 않고 localhost:0000/instagram 이런식으로 피드 페이지와 개인 페이지에 직접 접근하려는 경우는 다시 로그인 화면으로 돌아와야 합니다
- 그인에 성공하면 로그인 정보가 세션에 저장되고 그 정보를 유지해야합니다.