728x90
다음은 React와 Node.js를 이용한 웹 애플리케이션 개발 강좌의 30강 강의안입니다. 각 강의는 초보자도 쉽게 따라 할 수 있도록 세부적으로 구성되었으며, 실습 중심으로 진행됩니다.
1~5강: 기본 개념 및 개발 환경 설정
- 강의 1: 웹 개발 기초 개념 및 기술 스택 설명
- 프론트엔드와 백엔드의 개념
- React, Node.js, MySQL의 역할 설명
- VS Code 설치 및 기본 사용법
- 강의 2: Node.js와 Express 기본 셋업
- Node.js 설치
- Express를 사용해 간단한 서버 구축
- 기본 라우팅 및 서버 실행 실습
- 강의 3: MySQL 설치 및 DB 연결
- MySQL 설치 및 데이터베이스 초기화
- Node.js에서 MySQL과 연결하여 기본적인 CRUD 작업 설정
- 강의 4: React 개발 환경 구축
- React 설치 및 기본 프로젝트 설정 (Create React App 사용)
- 기본적인 컴포넌트 생성 및 JSX 문법 이해
- 강의 5: Node.js와 React 통신 설정
- API와 프론트엔드 간의 통신 (Axios 사용)
- CORS 문제 해결 방법
6~10강: 프론트엔드 UI 구현 및 상태관리
- 강의 6: Bootstrap을 활용한 UI 디자인
- Bootstrap 설치 및 적용
- Grid 시스템과 반응형 디자인 적용
- 강의 7: React 컴포넌트 구조와 재사용
- 컴포넌트 설계 및 재사용 방법
- props와 state 개념 및 데이터 흐름 이해
- 강의 8: React 상태 관리(useState, useEffect)
- 상태 관리 기초(useState)
- 사이드 이펙트 처리(useEffect)
- 강의 9: React Router를 통한 페이지 이동
- React Router 설치 및 기본 라우팅 설정
- 여러 페이지로 구성된 SPA 만들기
- 강의 10: Context API를 이용한 전역 상태 관리
- 전역 상태 관리와 Context API 기본 사용법
- 상태 관리를 활용한 데이터 전달
11~15강: 백엔드 API 개발 및 MySQL 연동
- 강의 11: RESTful API 개념 이해
- RESTful API 개념 및 설계
- Express로 간단한 API 엔드포인트 만들기
- 강의 12: MySQL과 Node.js 연동
- MySQL에 연결하여 데이터를 읽고 쓰기
- CRUD API 구현
- 강의 13: 사용자 인증 구현(JWT)
- JWT(Json Web Token)를 이용한 인증 및 권한 부여
- 회원가입 및 로그인 기능 구현
- 강의 14: 게시글 CRUD API 구현
- 게시글 작성, 조회, 수정, 삭제 API 만들기
- MySQL에서 게시글 저장 및 불러오기
- 강의 15: 파일 업로드 기능 구현
- Multer를 사용해 파일 업로드 기능 구현
- 업로드된 파일을 MySQL에 경로로 저장
16~20강: 게시판 기능 구현
- 강의 16: 게시글 목록 화면 구현
- API 데이터를 불러와 게시글 목록 표시
- React에서 데이터 기반의 리스트 컴포넌트 구현
- 강의 17: 게시글 작성 화면 구현
- 게시글 작성 폼 구성
- 작성된 게시글을 서버로 전송하여 저장
- 강의 18: 게시글 수정 및 삭제 기능 구현
- 게시글 수정 폼 구현
- 게시글 삭제 기능 추가
- 강의 19: 사용자 관리 기능 구현
- 사용자 목록 및 상세 정보 보기
- 사용자 정보 수정 및 삭제 기능 구현
- 강의 20: 댓글 기능 구현
- 댓글 작성 및 조회 API 구현
- 프론트엔드에서 댓글 입력 및 표시
21~25강: 배포 및 CI/CD 설정
- 강의 21: 프로젝트 최적화 및 빌드
- React 프로젝트 빌드 과정
- 백엔드와 프론트엔드 연동 후 배포 준비
- 강의 22: Cafe24 호스팅 설정 및 배포
- Cafe24에 Node.js 애플리케이션 배포하기
- MySQL 및 서버 설정
- 강의 23: Git 및 GitHub 사용법
- Git 기본 사용법 및 소스 관리
- Github에 프로젝트 업로드 및 버전 관리
- 강의 24: CI/CD 개념 및 Github Actions
- CI/CD 개념 설명
- Github Actions를 활용한 자동 배포 설정
- 강의 25: PM2를 사용한 Node.js 서버 관리
- PM2 설치 및 Node.js 애플리케이션 관리
- 애플리케이션 자동 재시작 및 프로세스 관리
26~30강: 고급 기능 및 마무리
- 강의 26: 검색 기능 구현
- 게시글 및 사용자 검색 기능
- API에서 필터링된 데이터 반환
- 강의 27: 페이지네이션 기능 구현
- 대량의 게시글 처리를 위한 페이지네이션 기능
- 서버 및 클라이언트에서 페이지네이션 처리
- 강의 28: 실시간 기능 구현(WebSocket)
- WebSocket을 이용해 실시간 알림 및 데이터 업데이트
- 실시간 채팅 또는 알림 기능 추가
- 강의 29: 성능 최적화
- React 및 Node.js 성능 최적화 기법
- React.memo, useMemo, useCallback 사용
- 강의 30: 프로젝트 마무리 및 배포 후 유지 관리
- 최종 프로젝트 완성 및 코드 리뷰
- 배포 후 유지 관리 방법 논의
728x90
'React와 Node.js를 사용한 웹 애플리케이션 개발' 카테고리의 다른 글
| React와 Node.js를 사용한 웹 애플리케이션(게시판) 개발 강좌(5) (2) | 2024.09.17 |
|---|---|
| React와 Node.js를 사용한 웹 애플리케이션(게시판) 개발 강좌(4) (0) | 2024.09.17 |
| React와 Node.js를 사용한 웹 애플리케이션(게시판) 개발 강좌(3) (1) | 2024.09.17 |
| React와 Node.js를 사용한 웹 애플리케이션(게시판) 개발 강좌(2) (4) | 2024.09.16 |
| React와 Node.js를 사용한 웹 애플리케이션(게시판) 개발 강좌(1) (4) | 2024.09.13 |