센세님 이런건 어떻게 구현하나요?

[정중식]

이렇게 파일을  총 세개 업로드가능한 기능을 구현하려고합니다.
각각 하나씩 클릭하면 하나씩 업로드를하는데요
하나를 클릭해서 이미지를 올리면~


이렇게 바껴요 (제가 현재 구현한거임)

근데 세개까지 꽉 채우고 x버튼을눌러서 이미지를 지우면 다시 초기에 빈카메라 세개 (1번 사진)로 돌아가게끔구현하려고하는데 쉽지가 않습니다.

대충 비슷하게 구현은했는데 

1 , 2 ,3 각각의 이미지가있으면
3번부터 2번,1번 이렇게 지우면 잘 동작하는데
1번부터 지우면 빈카메라가 이렇게 나옵니다.



세개있어야하는데 두개뜨고 여기서 남은 사진마저 x버튼눌러서 없애면 카메라 하나만남아요..

혹시 이런식의 구현은 어떤식으로해줘야하나요? 뭐 라이브러리 이런게있을까요?
검색키워드를 어떻게 잡아야할지 갈피를못잡겠습니다..

[codingapple]

사진 url같은거 저장할 [ ' ', ' ', ' ' ] 형태의 state 하나 만들고
state에 있던거 순서대로 img src 속성에 넣으라고 코드짜고
필요할 때 state 변경하면 될듯요 

삭제누르면 몇번째인지 잘 확인해서 state에서 x번째 항목 삭제합시다

[정중식]

크,, 랄부 탁치고 계란 툭 파 쏭쏭 썰고 갑니다.

고수는 초보자가 봤을때 어? 나도 저정도면 할 수 있겠는데 ? 싶을정도로 잘한다는 말이 있지요

코딩애플선생님이 딱 그런 고수가 아닌가 싶습니다.

어렵게만 생각했던거를 쉽게 풀어주셔서 정말 감사하고 덕분에 구현했습니다.

그리고 덕분에 코드가 좀 더 간결해졌어요

감사합니다

[글쓴이]

글