리액트 12주차 회고(개인프로젝트 마지막주)

Hannah·2021년 4월 25일
0

코드숨

목록 보기
9/9

한 것

  • 방 등록폼 추가
  • 방 리스트 렌더링시 방이미지도 함께 렌더링
  • 회원가입 페이지 구현
  • 로그인, 회원가입, 메인, 방등록 페이지 UI 개선

느낀것

  • 너무 정신없이 프로젝트를 하다보니 3주차 회고를 못했습니다... 이것만 하고 회고 작성해야지.. 하다가 결국 4주차가 되어버렸습니다..ㅎㅎ 오늘 할일을 내일로 미루지 말자를 다시한번 마음속에 새겨보았습니다..!
  • 프로젝트를 처음 시작할때 계획했던 기능들을 다 구현하지 못한채로 개인 프로젝트 기간은 끝이 나버려 아쉽습니다... 개인프로젝트 기간은 끝이 나버렸지만 늘 하던대로 하루에 2시간씩 투자하여 개인 프로젝트에 계속해서 기능을 조금씩 조금씩 추가하려합니다.

배운것

  • github pages에서 라우팅을 지원하지 않아 루트 경로 이외의 경로에서 404.html을 반환할때 이를 대처하는 방법(CI에서 빌드할때 index.html을 복사하여 404.html로 만들어주는 방법)
  • <input type="file"/>에서 uploads한 파일 미리보기 기능 구현하는 방법(FileReader 사용)
  • 여러개의 Promise 함수 결과를 배열로 받는 방법(Promise.all);
  • emotion에서 반응형 css 적용하는 방법

자기선언(앞으로의 계획)

  • 그동안 배운 내용을 처음부터 정주행하는 시간을 가지겠습니다(블로그 정리와 함께)
  • FileReader를 사용하는 함수에 대한 테스트 코드를 작성하지 못했는데 테스트 코드를 꼭 적용하겠습니다
  • 개인프로젝트 기간은 끝났지만 프로젝트에 계속해서 기능을 추가하고 리팩토링하는 시간을 가지도록 하겠습니다
  • 테스트코드와 리팩토링을 회사 코드에도 적극적으로 적용해보도록 하겠습니다.

프로젝트에 더 추가하고싶은 기능들

  • 방 등록시 입력이 안된 폼이 있을경우 등록이 안되도록 막기
  • 로딩 컴포넌트
  • 에러 컴포넌트
  • 로그아웃 기능
  • 부동산 평가 기능
  • 등록한 방 상세페이지
    • 등록한 방 이미지를 슬라이드로 보여주기
    • 카카오맵으로 등록된 주소 위치 보여주기
    • 작성자가 해당 방을 소개받은 부동산 전화번호로 연락하기
  • 부동산과 방을 점수별로 나열
  • 방 리스트 필터링
    • (구별로 - 강남구, 동작구, 관악구.....)

프로젝트 링크

http://yoonhe.codesoom.com/

0개의 댓글