[React.js, 스프링부트, AWS로 배우는 웹개발101]

 

Todo 웹 애플리케이션 만들기

 

진행상황 

 

BACKEND

 

 

- 개발 환경 설정

• intelliJ 사용
• 스프링 프레임워크
• lombok
• 포스트맨 API 테스트

-서비스 아키텍쳐

• 레이어드 아키텍쳐
• model , Entity, DTO
• REST API
•  

 

 

 

FRONTEND

 

 

-개발 환경 설정

• node.js , NPM
• Visual studio code
• material-ui 패키지 설치
• React.js  : mock data사용

-서비스 개발

• Todo 리스트
• Todo add
• Todo delete
• Todo edit

-서비스 통합

• COPS : 백엔드와 프론트엔드 서버의 도메인이 서로 달라도 요청 허락해주는 웹 보안방침
• Effect Hook : useEffect() 사용
• fetch : 자바스크립트가 제공하는 메서드. API서버로 http요청을 송수신 할 수있도록 도와줌. 자바스크립트 Promise  반환. url이나 url과options를 매개변수로 받을 수 있다. 

 

 

 

자바스크립트를 사용하였다(어디에?둘다인듯)

 

 

REST API란?

백엔드 프론트엔드 둘 다 사용

https://jjeongil.tistory.com/1138

REST API 아키텍처 : 개념, 방법, 개요, 설명