React와 Node.js를 활용한 고객 관리 시스템 개발
01
00. ReactJS 이론부터 실전까지
ReactJS의 개요 및 Hello World
코드펜(Codepen)을 이용한 React 개발환경 구축하기
React에서 JSX란
React의 Component와 Props
React의 State
React의 Lifecycle과 API호출
React의 이벤트 처리
02
01. 환경 세팅 및 기초
Create React App으로 리액트(React) 프로젝트 시작하기
체험하기
Visual Studio Code를 이용한 소스코드 작성
체험하기
깃 허브(Git Hub)를 이용해 소스 코드 관리하기
체험하기
03
02. 시스템 구현
고객 컴포넌트(Component) 만들기
고객 컴포넌트 구조화하기
Material UI를 적용하여 고객 테이블 디자인하기
Node.js Express 서버 개발환경 구축하기
Node.js Express에서 REST API 구축하기
리액트의 라이프 사이클 이해 및 API 로딩 처리 구현하기
AWS RDS 서비스를 이용하여 MySQL DB 구축하기
고객(Customer) DB 테이블 구축 및 Express와 연동하기
고객 추가 양식(Form) 구현 및 이벤트 핸들링
Node.js Express에서 파일 업로드 요청 처리 및 DB에 데이터 삽입
부모 컴포넌트의 상태(State) 변경을 통한 고객 정보 갱신
고객 정보 삭제 기능 구현하기
Material UI 모달(Modal) 디자인 구현하기
AppBar 및 웹 폰트를 적용하여 디자인 개편하기
필터(Filter) 함수를 이용한 고객 검색 기능 구현하기
Visual Studio Code를 이용한 소스코드 작성
02 01. 환경 세팅 및 기초
Loading...
100%
Visual Studio Code를 이용한 소스코드 작성
질문하기
추가 자료
추가 자료가 없습니다
여기서 새로운 학습 자료를 확인하세요!
선생님이 추가한 자료들을 바로 확인할 수 있어요.