[FE] #149 논문 CRUD 구현

[pillow12360]

• 💯 테스트는 잘 통과했나요?
• 🏗️ 빌드는 성공했나요?
• 🧹 불필요한 코드는 제거했나요?
• 💭 이슈는 등록했나요?
• 🏷️ 라벨은 등록했나요?

작업 내용

논문 관리 기능 구현 PR

구현 내용

1. API 엔드포인트

• GET /api/thesis - 논문 목록 조회
• GET /api/thesis/{id} - 논문 상세 조회
• POST /api/thesis - 논문 생성
• POST /api/thesis/{id} - 논문 수정
• DELETE /api/thesis/{id} - 논문 삭제
• POST /api/upload/image - 이미지 업로드

스크린샷

논문 리스트

논문 생성

논문 수정

2. 컴포넌트

• ThesisList: 논문 목록 표시
• ThesisDetail: 논문 상세 정보 표시
• ThesisCreate: 논문 생성 폼
• ThesisEdit: 논문 수정 폼
• ThesisForm: 생성/수정에 사용되는 공통 폼

3. 주요 기능

• 논문 CRUD 기능
• 논문 목록 페이지네이션
• 썸네일 이미지 업로드 및 미리보기
• 이미지 에러 처리 및 대체 UI
• 관리자 권한 체크

4. 스타일링

• 반응형 디자인 적용
• 이미지 업로드 UI/UX
• 로딩/에러 상태 처리
• 모달 피드백

테스트 항목

• 논문 목록 조회 및 페이지네이션
• 논문 상세 정보 조회
• 논문 생성 (필수 필드 검증 포함)
• 논문 수정
• 논문 삭제
• 이미지 업로드 및 미리보기
• 반응형 디자인 동작
• 권한 체크

주의사항

1. 이미지 업로드 API 엔드포인트 수정 필요

• multipart/form-data 처리
• 파일 크기 제한 (5MB)
• 허용 확장자 제한 (jpg, png)
• S3 업로드 설정

2. 보안

• 관리자 권한 체크 필요
• API 요청 헤더에 인증 토큰 포함

3. 성능

• 이미지 최적화
• 페이지네이션 성능
• API 응답 캐싱 고려

4. 에러 처리

• API 에러 핸들링
• 이미지 로드 실패 대응
• 사용자 피드백

향후 개선사항

• 논문 검색/필터링
• 드래그앤드롭 업로드

Closes #149

[pillow12360]

테스트 렌더링 시 결과가 다르게 표시됨 양쪽 여백 크기 증가 검토 요청 @ye6194

[ye6194]

지금 서버가 터져서 논문과 공지사항이 안불러와지는데 서버에서 제대로 데이터를 가져온다면 레이아웃도 정상적으로 보일 거예요. 저도 지금 저렇게 보입니다. px이 아닌 비율을 이용해서 저렇게 보이는 것 같습니다

[pillow12360]

넵 원인 확인했습니다! 병합 진행 하겠습니다