0. MERN 아키텍처 를 사용해본다.
- MongoDB, Express, React, Node.js
- 최종적으로 3개의 서버를 운영한다.
클라이언트를 운영하는 서버, 데이터베이스를 저장하는 서버(클라우드), 서버
1. 클라이언트와 서버를 완전히 분리해놓은 REST API 를 만들어본다.
- 초기의 HTML은 서버가 주겠지만, 이후에는 React 에서 클라이언트 사이드를 총괄할것이다.
2. Node.js 에 대해 더 깊히 알아보고, 직접 서버를 구성해보며 각종 에러를 처리해본다.
- CORS 에러 등...
3. React와 Node.js (Express) 를 사용한 어플리케이션을 만들어보고, AWS 를 사용하여 배포하여본다.
4. WEB API 를 사용해본다.
- Web Speech API, Web Audio API 등...
5. 각종 라이브러를 이용하여, 데이터를 효율적으로 보이게 한다.
- 그래프, 캘린더 등...
6. 비즈니스 로직을 분리한 Server 측 코드를 사용한다.
7. Can i use 사이트를 사용해, 웹 표준을 지켜가며, 개발해본다.
8. SASS 를 통해, CSS 의 네이밍 규칙을 정확하게 지켜가며 사용한다.
- 규칙은 스스로 정하지만, 통일시키는 것이 목적
9. Redux-Toolkit 을 이용하여, 전역 데이터 관리를 실행해본다.
10. Node.js 로 OAuth 를 구현해본다.
11. 파일을 저장하고, 사용하는 방법을 익힌다.
'메인-프로젝트 > MERN - 다이어리 프로젝트' 카테고리의 다른 글
5.[클라이언트] - WEB SPEECH API 기반, 음성 인식 라이브러리 사용하기 (0) | 2023.02.21 |
---|---|
4.[클라이언트] 캘린더 라이브러리, 풀 캘린더 사용하기 [ Fullcalendar ] (0) | 2023.02.14 |
3.[클라이언트] 레이아웃 애니메이션 만들기 [ React-Transition-Group + 오류 ] (0) | 2023.02.14 |
2.[클라이언트] 마우스를 올릴 때 마다, 움직이는 버튼 [ animated.css ] (0) | 2023.02.14 |
1. 초기 설계 (0) | 2023.02.13 |
댓글