Create React App 에서 React를 이용하여 개발 구현

프론트엔드 화면을 보기 위하여 cmd에 npm start를 이용하여 서버를 실행 시킨다.

프론트엔드 서버는 localhost:3000을 default 채널로 잡는다.

Code Splitting

실제 프론트엔드 개발에서는 한 페이지당 코드가 10만줄이 넘어가는 등 한 페이지에 들어갈 요소들이 굉장히 많다.
이것을 하나의 js에 모두 작성하면 줄이 너무 길어져 개발이 힘들어지기 때문에 요소마다 코드를 쪼개어 파일에 저장하여 개발을 편리하게 하도록 한다.
쪼개어 개발한후 import를 통하여 연결하여 주는 형식으로 구현할 것

개발 순서 계획

랜딩 페이지 -> 로그인 -> 회원가입 -> 메인 페이지 (개인 스케줄) -> 메인 페이지 (팀 프로젝트 생성) -> 팀 프로젝트 페이지 -> 마이페이지 -> 로그인 시 비밀번호 찾기 -> 기타 메뉴 -> 마무리

개발 요소(페이지)

랜딩 페이지
로그인 페이지
회원가입 페이지
비밀번호 찾기 페이지
로그인 후 메인 페이지(개인 스케줄)
프로젝트 별 페이지
마이페이지
기타 메뉴 페이지 등등

개발요소(알림 창)

메인 페이지에서 개인 스케쥴 추가 시 알림창
메인 페이지에서 팀 프로젝트 생성 시 알림창
팀 페이지에서 모임 생성 시 알림창

개발 고려 사항 (이외 세부 사항)

서버간 통신 방법
페이스북, 카카오 등 소셜을 통한 로그인 방법
스케줄 표에 원하는 시간대의 스케줄 뜨도록 하기
팀 일정 생성 시 개인 스케줄 별을 고려한 가능한 시간 확인 방법

배포 시 npm run build로 배포 가능