[회고록] 기업협업 프로젝트 3rd 개인과제 (221011 ~ 221019)

1. 프로젝트 간략소개

• 프로젝트 : 병원 예약 관리 시스템
• Gihub : https://github.com/Roxy100/hospital-reservation-system
• 배포주소 : https://hospital-reservation-system.netlify.app/
• 사용한 기술스택 및 라이브러리 :  JavaScript, React.js, fetch, Styled-reset, Styled-components, react-datepicker, date-fns, react-hook-form, react-table

 

2. 구현한 페이지 시연

메인 페이지

• 메인 페이지로 들어갔을 때, 3개의 페이지로 들어갈 수 있는 link 태그로 구현하여 클릭했을 때, 해당 페이지로 이동

내가 구현한 때까지 시연부분

• 병원 예약 가능 목록
  • 해당 날짜를 클릭하면, 선택가능한 날짜만 선택할 수 있게
  • 그 날짜를 선택하면 가짜 목데이타 목록리스트에 해당 요일이 변화하는 것
  • 예약가능 목록 페이지를 확인하고, 등록 페이지로 갈 수 있도록 버튼 UI를 구현
• 병원 예약 등록
  • 만약, 예약자이름을 넣지 않을 시 alert창과 에러 메시지로 구현하였습니다. 그리고 이름이 최소 3글자 이상이어야 가능한 것도 구현
  • 해당 병원이름을 선택하면 해당하는 예약시간들이 나오도록 기능구현
  • 예약자, 병원이름, 예약시간, 예약종류 선택하고, 등록버튼을 눌렀을 때, alert창으로 선택한 해당 값들이 나오도록 구현
• 병원 예약 내역 조회
  • react-table 라이브러리를 이용하여 가짜 데이타 조회 목록 구현

---

3. 진행과정

처음으로 개인과제를 진행하면서, 

초기세팅부터 배포세팅까지를 진행하는 순서를 개인 노션에 적어보면서 진행해보았다.

내가 해야 할 일 목록들을 적어보면서, 진행

그리고 나는 이전까지 팀 프로젝트들 경험해보면서, 내가 에러상황을 맞닺뜨리면, 몇 초 더 고민해보고 다른 사람한테 도움을 요청한 적이 있어서 이 개인적으로 과제를 하면서부턴, 내가 그런 상황에 처해있을 때 어떻게 대처를 했는지에 관한 기록 연습도 중요한 것 같아서 그리고 그 대처를 못하더라도 나중에 더 공부해보고 이렇게 저렇게 피드백을 받을 수 있을 것 같아 내 개인 노션에 코딩 에러 삽질 일기장이라고 따로 목록을 만들어봤다.

코딩 에러 삽질 일기장

각각 페이지에서 일어난 일들을 알고 싶다면, 링크를 클릭해보세요!

• 예약가능목록페이지
• 예약등록페이지
• 예약내역조회페이지

 

---

4. 느낀 점

• 처음으로 초기세팅부터 배포까지 해보는 과정을 해야한다는 생각에 큰 두려움과 떨림으로 진행해야 하다니.... 이 생각 때문에 심장이 쿵쾅쿵쾅 내려앉았다. 그러나, 이걸 이겨내야 다음 개인적으로 진행할 때 큰 막힘없이 해볼 수 있겠다는 깨달음으로 차근차근 내가 해야 할 일 목록들을 적어보고 해보니 내가 막상 시도해보면, 어려운 일이 아니라 부족한 나라도 진행할 수 있는 과정이구나 하는 생각이 들었다.
• 나만의 코딩 에러 삽질 일기장 list를 만들어보고 전에 생각했던 코드를 개인 노션에 적어보고, 내가 생각했던 거를 고쳐나가고 검색해보면서 앞으로도 이런 습관들을 들이게 된다면, 나만의 stackoverflow 페이지들이 많아지게 되어 프로젝트 진행에 대한 큰 두려움, 떨림이 서서히 없어지고, 그만큼 자신감을 키워나가면서, 조금씩 성장해 나갈 수 있는 발판이 마련이 될 것 같다.
• 이 개인프로젝트에 진행하면서, 각각 페이지마다 UI 라이브러리들을 적용해봐야 하기 때문에 각각 공식문서들의 API 문서와 예제들을 많이 공부해봤던 것 같다. 
  • 특히, 등록페이지에서 사용한 React-Hook-Form 라이브러리가 설명도 잘 되어있고, 시간만 더 있다면 공식예제들처럼 제대로 구현하고 싶었는데, 생각대로 되지 않아서 조금 아쉬운 기능들이 몇가지가 있다. 프로젝트가 끝나도 다시 살펴보면서 내가 놓친 게 무엇인지 복습을 해야할 거 같다.
• 비록 기업에서 내준 요구사항을 제대로 다하지 못했지만, 내가 조금 더 공부해보면서, 그 당시에 못한 기능구현을 고쳐나갈 수 있는 개발자가 되고 싶다.