20241002

프로젝트 진행

slide image 구현

원래는 소스파일 찾아서 활용할려다가 전부 작동이 안되길래 그냥 직접 만드는 중

 

user 데이터를 object array로 저장 하여 배열의 개수만큼 이미지를 보여줌

   여기서 마지막 이미지라고 끊어내면 안되기 때문에 slide loop 로 구현

// 이미지 전환 시 현재 있는 이미지 개수를 넘지 않도록 조정하는 함수
    const changeImage = (lengthCount) => {
        if (imageData.length <= (arrayCount + moveCount)) {
            arrayCount = 0;
        } else if (0 > (arrayCount + moveCount)) {
            arrayCount = imageData.length - 1;
        } else {
            arrayCount += moveCount;
        }

        imageArea();
    }

 

구현해야 할 부분

이미지를 여러개 받아서 노출 시킬 것이기 때문에 기능 제작 해야 함

생각한 것

이미지 페이지 최대노출 개수 3개

만약 user row가 3보다 적다면 가라 이미지를 추가하여 남은 공간에 표시

    - css 넣기도 편할 것 같음

데이터를 array에 넣어서 돌아가면서 표시할 예정

그리고 만약 가라 이미지가 노출될 경우에는 유저 위주로 보여주고 가라 이미지로 넘어가지 않게 하기

그리고 사진에 href 제거 필요 -> 데이터도 없는데 가서 뭐해

 

암튼 오늘 내일 중으로 완료 하고 코드 정리해서 블로그 업로드 예정