< 코드숨 > 리액트 11~12주차 회고(개인 프로젝트 3~4주차)

한 것

• 방 등록폼 추가
• 방 리스트 렌더링시 방이미지도 함께 렌더링
• 회원가입 페이지 구현
• 로그인, 회원가입, 메인, 방등록 페이지 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/