일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- 옥길그릭요거트
- 광명파티룸
- 착한코딩
- 코딩
- 가장존경하는인물
- 보드게임점수계산
- 옥길요거트
- 보드게임점수
- 부천파티룸
- MBTI
- 웹개발
- 그릭요거트
- 서울파티룸
- 옥길동파티룸
- 부천공간대여
- 옥길동요거트
- 해외여행
- 일
- 취미
- 파티룸
- 구로파티룸
- 옥길파티룸
- 스컬킹
- 스페이스우일
- 존경하는위인
- 개발자
- mysql
- 스컬킹점수
- 휴식
- 스컬킹점수계산
- Today
- Total
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
'탈잉 강의 자료 > react.js(프론트) + node.js(백앤드) 개발에서 배포까지' 카테고리의 다른 글
3회차_1강 : 등록페이지를 구현한다. (text, 이미지, 파일) (2) | 2020.01.16 |
---|---|
2회차_2강 : AWS 가입, RDS mysql 인스턴스를 구동하고 스키마와 테이블을 생성한다. (0) | 2020.01.07 |
2회차_1강 : AWS RDS mysql 서버 연결 후, 데이터를 웹으로 가져온다. (0) | 2020.01.05 |
1회차_3강 : 퍼블리싱 파일(html, css, img)을 react에 맞게 세팅한다. (0) | 2019.11.05 |
1회차_2강 : node 설치, create react app설치, node express 설치, 디렉터리 구조 설정 (Proxy 정상 동작 확인) (0) | 2019.11.05 |