WIL

230703~230709 및 프로젝트 회고

베스트오버 2023. 7. 9. 21:49

이번 주 한 일

배포, rabbitmq와 celery 도입, 페이지 네이션, 각종 디버그

 

내역

celery에서 .env를 못 가져옴.
>> .env가 있는 곳으로 변경
비동기 처리
>> 로컬 완료
상태 잘 보이게 색상으로
>> 완료
이미 있는 경우 중복경고 표시
>> 완료
separate-detail.htm
>> 완료
삭제 클릭 시 tr 클릭도 같이 되는 문제
>> event.stopPropagation(); 추가 완료
waiting working error 분류
>> 아이콘으로 완료
움직이는 working
>> 완료
wav > mp3
>> 완료
페이지네이션
>> 완료
자바스크립트로 페이지 리로드 없이 사용하면 메모리가 누수
>> waveSurfer.destroy(); 완료
삭제 버튼 시 db삭제되지만 파일 삭제 안됨.
>> 폴더 삭제 완료
변환된 파일 목록이 더 자연스럽게
>> 자동 새로고침 =>자동으로 내역을 검사해서 지금 가지고 있는 정보와 다르면 보여주기
==> comic sans >> comic Snas MS 로 변경하였으니 다 일일이 링크 추가
>> 오류로 인해 삭제

>> bazzi로 변경

업로드가 되지 않거나 오류 거나 413오류인 경우
>> 페이로드가 너무 많아서 nginx에 10M > 100M 증가 해야한다.
Nginx의 클라이언트 페이로드 크기를 늘리면 더 큰 파일을 처리할 수 있게 되는데, 이는 웹 애플리케이션에서 파일 업로드 제한을 늘리는 데 주로 사용됩니다. client_max_body_size 디렉티브를 사용해 이 값을 설정할 수 있습니다.
샐러리, rabbitMQ 연결 해결해야함.
>> 해결 docker-compose 에도 연결하는 설정을 해줘야함.
다음, 이전 http > https
>> 다음,이전 링크 data = data.replace('http://', 'https://');
no-cors 오류 때문에 mp3가 안보인다.
>> nginx.conf에 임시로 add_header 'Access-Control-Allow-Origin' '*'; 추가
>> claid.kr로 수정
사람마다 올리는 곳이 달라야한다 output전에 폴더를 유니크하게 해야한다.
= 업로드 할 때 그 사람의 유니크 아이디 폴더 생성 후 그 곳에서....
>> 완료, 시간,id
다운로드 기능
>> 완료
삭제 시 오류 나더라도 독립 시행
>> 완료

아티클 이미지, 노래를 안넣어도 패치되도록 백엔드, 프론트 수정
>> 완료

아티클 js 명칭 i 빠짐

>> 완료

 

과정

배포를 하면서 우여 곡절이 많았다.

로컬에서 잘 작동하던 rabbitmq와 celery를

docker-compose로 연결은 했는데 메시지가 가질 않는 문제를

다른 팀의 자료도 보고 튜터님들께도 여쭈어 보고

문제는 이 모듈을 쓰신 적이 없다는 것...

 

해결

그래서 결국 5일간의 docs 회독, 블로그, stackoverflow 삽질 결과

backend에서의 연결도 해야하지만

docker-compose에서도 연결을 해야한다는 것을 확실히 알게 되었다....

시간이 좀 아깝다.

 

이 것도 넣어보고 안되네? 저것도 넣어보고 안되네? 저것과 저것을 조합하면 되나? 안되네.

의 무한 반복...

 

추후 추가할 것

instance swap

mp3 > 가사글자

가사글자 > 이미지

 

회고

최종 프로젝트 6월 5일부터

하루 3~5시간만 자면서 미친 듯이 코딩을 하면서

같이 고민하고 시간을 내주었던 동기들이 고마웠다.

 

백엔드링크

https://github.com/beo202202/CLAID_1

 

GitHub - beo202202/CLAID_1

Contribute to beo202202/CLAID_1 development by creating an account on GitHub.

github.com

프론트링크

https://github.com/beo202202/CLAID_front

 

GitHub - beo202202/CLAID_front

Contribute to beo202202/CLAID_front development by creating an account on GitHub.

github.com