관리 메뉴

SIMPLE & UNIQUE

목차 본문

강의 목표는 react.js로 프론트엔드를, node.js로 백엔드 서버를 구현하고 
AWS EC2인스턴스에 프로젝트를 배포하는 것이다. 

DB는 Mysql을 사용할 것이고, DB서버는 AWS RDS를 사용할 것이다.

 

개발환경은 윈도우 10 기준으로 작성하였다.

 

대략적인 목차는 아래와 같다. 

1회차

1시간 : OT
2시간 : node 설치, create react app설치, node express 설치, 디렉터리 구조 설정
3시간 : 프록시 설정, get 방식, post 방식으로 react에서 node 서버의 json 데이터를 가져온다.

2회차

1시간 : 제공받은 html, css, img 파일로 react 페이지를 세팅한다. home 화면 정상 동작 확인.
2시간 : Mysql RDS 서버에 개인 스키마 생성 후 필요한 테이블을 생성한다.(DB 서버 생성)
3시간 : 생성한 테이블에 select용 더미 데이터를 삽입한다. node api와 mybatis코드를 작성한다.
react 페이지에 DB 값들을 불러와 노출 시킨다.

3회차

1시간 : 등록페이지 입력한 데이터들이 DB에 insert되도록 개발한다. 유효성검사.
2시간 : 수정페이지 입력한 데이터들이 DB에 update되도록 개발한다. 유효성검사.
3시간 : 삭제 버튼을 누른 글이 DB에서 delete되도록 개발한다.
개인 github에 생성(협업X, 개인 소스 히스토리 관리용). SourceTree 사용

4회차

1시간 : AWS 계정 생성, EC2(t2.micro) 서버생성 (프리티어 - 무료 1년 사용가능)
둘째날 RDS 서버는 비용이 발생해서 저(튜터) 계정을 사용했습니다. 비용 부담이 없다면 RDS 서버도 세팅.
2시간 : SFTP, SSH 환경 세팅
3시간 : EC2 서버에 react-node 서버 세팅

5회차

수업시간에 하지 못했지만, 기타 웹사이트 필수 기능들에 대한 가이드를 제공합니다.
1시간 : 회원가입, 로그인(쿠키 세션관리, bcript 단방향 암호화) 개발 가이드
2시간 : 파일, 이미지 업로드(node 서버경로에 업로드) 개발 가이드
3시간 : 이메일 발송(nodemailer), 스케줄러(cron) 개발 가이드

 

https://taling.me/Talent/Detail/19341

 

[2월/주말] REACT, NODE, MYSQL, AWS 개발부터 배포까지/ 따라하면 완성되는 웹프로젝트. | 탈잉

# 수업의 최종목표 1. Font-end(react) <> back-end(node) <> mysql 구조를 프레임워크화 한다. 2. select, update, delete, insert를 각각 1세트씩 구현한다.(이 세트를 확장해서 하고 싶은 것을 자유롭게 만드시면 됩니다.) 3. AWS EC2 서버에 접근하여 파일을 컨트롤 할 수 있다. 4. AWS RDS(mysql) 인스턴스를 생성하고, 필요한 테이블들을 관리할 수 있다. CRUD 이외에 일반적인

taling.me

 

Comments