[12] 개발 - 피드백 미리보기&더보기 연결과 데이터 load

안냐쎄요

 

지금 할 거는 피드백 미리보기 화면과 더보기 눌렀을 때 나오는 오브젝트

똑같이 만들어주고

데이터 연결 할 겁니다.

 

 

더보기 페이지는 다른 팀원이 했어요

피그마랑 완전 똑같아요 ㄷㄷ

 

네이밍 길어졌을 때 단축 표시(...으로 축약)하는 거랑 데이터 연결만 잘 해두면 될 것 같습니다.

 

지금은 이렇게 되어있네요

 

 

파일저장을어케어디다함?

생각해보니까 파일자체 데이타는 어디에 저장하는가?

난 도커쓰고있는데 도커에있는 postgreSQL에저장되는거야아니면 도커에 저장돼는거임?

✅ 먼저 정리: 파일은 어디에 저장되는가?

저장 위치설명

PostgreSQL	파일 자체(이진 데이터)를 DB에 저장 → BYTEA 타입 필드에 저장됨
Docker 컨테이너 내부	저장 코드를 작성한 경우에만 저장됨 (예: /app/uploads/...)
AWS S3 등 외부 스토리지	권장 방식 (성능, 확장성, 백업 편의성)

 

📌 당신이 PostgreSQL에 직접 저장을 원하면 가능하지만,
대용량 파일에는 속도/성능 문제가 생길 수 있어 S3 등 외부 저장소 사용을 권장합니다.

 

그렇다네요

 

어차피 외부 스토리지 쓸거긴하니까 해보죠

 

근데생긴 궁금증

 

aws s3에 저장하고싶은데 난 아직aws에 배포안했어, 개발단계인데 스토리지만 먼저 연결가능해?

> ㅇㅇ

 

네, AWS S3는 백엔드 서버가 AWS에 배포되어 있지 않아도 언제든지 개발 환경에서 연결하여 사용할 수 있습니다.
즉, 지금처럼 로컬 개발 중 + Docker 환경이어도
📦 S3에 파일 업로드 및 다운로드 전부 가능합니다.

 

라네요

 

 

✅ 필요한 것 (사전 준비)

1. AWS 계정
2. S3 버킷 생성 (예: itda-dev-storage)
3. IAM 사용자 생성 후 아래 정보 확보
   • Access Key ID
   • Secret Access Key

따라 해봅시다.

 

네 aws가서 계정만들고 iam설정하고 s3버킷도만들었어요

 

 

 

 

 

업로드 api는 다음과 같이 합니다

환경변수는 모두 .env에 저장해쓰요

 

우왓

일단 춘식사진을 올려봅시다

 

 

 

그러면~?

s3버킷에~?

 

올라감!!!

우왓~! 너무신기해~!~!~~!~!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

 

 

 

 

그럼이제 front랑 연결해야겠쥬

 

 

 

1. model구조 바꾸기

s3에서 불러와야해서...구조 바꿔요

 

 

s3랑 db에 둘 다 저장해줘야해요

잘뜨고 s3에저장도 돼요

 

 

 

혹시모르니 delete도만들어봅시다

 

잘됩니다

 

 

이제진짜 front연결차례

 

 

일케불러오면

 

 

잘 나오네용

 

이제 업로드

 

 

 

 

ㅈㅅ띠 이것도 개발하다보니 글 적을 시간이 없어서;;;;

이름 긴 것들 축약이랑 클릭시 다 보여주게 하는것 했구요

 

삭제도 구현했어요

근데 이제 문제점이 

업로드 후 바로 삭제하려면 오류난다는 거....

왜why...

 

 

 

 

그리고..

아뿔싸

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

폴더 기능을 까먹음 

모델 새로 만들어야함...

uploaded_file모델 고칠때도 마이그래이션이 안돼서

진짜 개헛짓거리 한시간했는데......이번에도........

 

ㅅㅂ;;;진짜 내가 싫다

 

 

폴더 트리구조를 만들기위해선...어쩔수없었다.

 

아진짜 ormar로 모델 짠 내가 진짜찐짜싫다자동으로마이그레이션안돼서하나하나다업데이트랑드랍해줘야되고진짜싫다앞으로절대ormar같은개똥쓰레기는 안쓸거다

 

그리고지피티이멍청한놈이 str사용해서 자기참조해서 안되니까 자꾸 다른거 알려달라는데왜자꾸 str자기참조하고난리임?이것도 ormar써서생긴issue긴한데 아진짜개짱난다이것때문에두시간을버림

 

그래서 걍 자기참조 안 하고 트리구조 만들어보려고요

 

 

돈값못함 진짜짱남 걍 제미나이결제할걸 ;;;

재귀로 해결했어요

더자세한건 나중에시간나면할게요

진짜개많은걸바꾸서ㅓ.....

 

 

 

 

암튼 

날짜가 invalid Date로 뜨는 것

삭제가 안 먹히는 것

폴더 안의 내용물이 폴더 밖에 chlidren으로 줄줄이 달려있는것

폴더 내부에서 파일 업로드가 안 되는 것

갑자기 폴더와 파일이 보이지않는것 

기타 등등등등의 문제를 해결했네요 .........

ㅅㅂ

 

이제 피드백 상세화면꾸미러 다음 게시물에서 ...뵙겠습니다

그리고 잼민이 정말 좋은친구에요

김지피티보다 좀많이 느리긴한데 그래도 똑독해요 박잼미나이