230519 내일배움캠프 1주차 미니프로젝트 끝

230519

이미지 리셋 버그 수정

사용자 프로필을 수정하는 페이지에서 프로필 이미지를 삭제하여 기본 이미지를 사용했을 때

input image를 서버로 보내지 않았다. 때문에 image를 못 받은 서버에서는

프로필 이미지를 수정하지 않는다고 판단하게 되어, 기본 이미지를 사용하지 못하는 버그가 있었다.

때문에  input checkbox를 새로 만들어서 다시 보냈다.

 

    function changeImage(e) {
      ...
      is_resetImage.checked = false;
      imagePreview.src = URL.createObjectURL(file);
    }

    function resetImage() {
      imagePreview.src =
        "기본 이미지 url";
      inputImage.value = "";
      is_resetImage.checked = true;
    }

 

서버에서 reset 값을 받아서 on이면 리셋한다.

if 'is_reset_image' in request.form:
	if request.form['is_reset_image'] == 'on':
            기본 url사용

 

프로젝트 끝

5일 간 진행되었던 미니 프로젝트인 팀 소개 웹 페이지 만들기가 끝이 났다.

생각보다 시간이 짧게 느껴졌다.

또 React 과정이지만 누군가는 서버를 담당해야 하는 부분이 있다.

깃허브는 진짜 편한 것 같다. 브랜치 기능 덕분에 안전하게 작업할 수 있어 좋았다.

메인 페이지

 

클릭 시 상세 정보 표시

데이터 추가 페이지 

데이터 업데이트 또는 삭제를 위한 인증 페이지

데이터 수정 페이지