[프로젝트] 파이썬 미니 프로젝트 Day.8

드디어 저도 무언가 한 건 하는 날이 오는군요. 먼저 이번 프로젝트에서 해결해야할 부분은 다음과 같습니다.

1. 로그인 시 오류페이지
2. 이미지 규격이 제멋대로
3. 텍스트 제한이 없어 너무 자유 분방함
4. 검색 후 출력되는 테이블의 넓이 문제
5. 텍스트로 검색 후 헤더에 카테고리 클릭 기능이 미구현됨

이외에도 문제가 많았으나 오늘 크게 수정 된 부분은 이렇게 해당합니다.

 

 

1번 문제는 조장이 맡아 처리해주었고, 나머지부분을 손보았습니다. 이전 사진은 다음과 같습니다.

이미지 넓이 불일정

글자 제한이 없어 너무 많은 내용 출력

검색 후 해당 헤더 카테고리가 비활성화 됨

사진과 글자부분은 한 css에 링크 되어 있어 해당 부분에서 모두 손보았습니다. 변경된 코드는 다음과 같습니다.

 

1. 이미지 크기 제한

2. 글자 수 제한

1) css파일

2) 글자가 출력되는 html 부분(메인 페이지, 검색 후 출력되는 페이지 둘다 동일하게 수정)

해당 부분을 추가해 글자수를 50으로 제한하였습니다.

3. 서치 아이콘 검색 창 옆으로 이동

컨테이너 클래스 추가

컨테이너에 상세 설정

4. 검색 후 기능 비활설화 수정

검색 후 기능이 비활성화 되는 이유는 해당 부분이 하이퍼링크가 제대로 구현되지 않았었기 때문입니다. 따라서 하이퍼링크를 추가하고 DB에 준비되어있는 장르에 맞게 수정했습니다.

 

결과

글자들이 이전보다 가독성 있게 변경되었고, 기능 구현 또한 잘 되는 것을 확인했습니다. 메인화면은 조금 아쉽지만 그래도 뭔가를 해냈다는 생각에 뿌듯합니다.