사진첩 프로젝트(230817 기능 추가 기획)

1.이미지 업로드 버튼 추가(230817 완)
2.상단바 고정, 페이지 조정시 상단바가 똑같이 줄어들게(grid로 선 자동조절기능) 만들기 (230818 완)
3.인스타그램처럼 밑으로 내리면 계속 사진이 뜨게 만들기 (231126 완)
4.사진 클릭시 사진에 대한 상세팝업이 나오도록 구현(날짜(230909 완), 댓글(230912 완)
5.관련된 데이터베이스 구축(이미지(230909 완),  로그인())
(php, mysql 공부 :
https://opentutorials.org/course/3167 )

(3번 구체화 23.08.18)
--> 3.무한스크롤 구현하기(231126완)
(참고 : https://brunch.co.kr/@hyoi0303/39)
 
(5번 구체화 23.08.27)
-이미지를 백엔드 데이터베이스에 저장해놓기(230904 완)
-업로드시 날짜와 이미지를 백엔드에 넣어놓고, 사진첩의 맨앞에 배치함->orderby desc로 최신순정렬 가능(230905 완)
-이미지 여러장을 겹쳐보이게 하는 기능. 이미지 여러장을 한 묶음으로 업로드하여 사진첩처럼 펼칠수 있는 기능->z index랑 css animation?()

(5번 구체화 23.09.02)
-이미지테이블 필드: id,image,created,who_id
업로드 날짜는 자동적으로 저장되는 now함수로 구현(23.09.04 완) -> 이후 년도,날짜값만 받아오기 : strtotime함수를 이용해서 받아온 날짜정보를 원하는 포맷으로 바꿈.(230908 완)
참고 : https://greatps1215.tistory.com/m/7

PHP MY-SQL 날짜 관련 함수 및 Datetime 검색

-이미지를 데이터베이스에 구현하는법 참고하기(2023.09.04 완)
https://jamong1014.tistory.com/m/153

[PHP] PHP에서 MySQL로 간단한 이미지 업로드 및 불러오기

-업로드된 파일이 이미지일 경우에만 업로드되도록 만들기(230909 완)
-업로드된 사진 삭제기능도 구현하기(231126 완)

(5번 구체화 2023.09.05)
-id파라미터를 이용해서 id값이 없을때는 홈페이지를 보여주고, 있는경우 사진을 크게 확대하고 옆에 채팅창이 나오도록 설정(230909 완)
 
(추가사항 23.09.12)
-이미지 업로드 or 받아올때 1:1 비율에 맞게 잘라서 출력 ->object-fit속성이용 (230913 완)

 

(3번 구체화 23.11.26)

-자바ES6까지 배워서 드디어 무한스크롤 구현 완벽하게 완.

-window에서 스크롤이 끝까지 닿으면 event가 발생하게 만듬 => fetch를 이용해서 백엔드에 이미지 요청 후 div박스 삽입

-순차적으로 처리되도록 async와 await를 사용