230105 - JavaScript - AJAX, FETCH, AXIOS를 이용한 비동기 통신하기

jQuery를 이용하지 않음. 오늘 내가 배운 것 1. 비동기방식 통신이란? 2. 프론트엔드에서 데이터 요청하기 AJAX fetch axios 비동기방식 통신이란? 동기식 방식은 요청을 보낸 후 응답을 받아야 다음 작업을 할 수 있지만 비동기 방식은 요청을 보내고 응답을 기다리지 않고 다른 일을 할 수 있는 상태이다. 그래서 이를 이용하면 웹 페이지를 새로고침 없이 원하는 데이터를 이용하여 웹 페이지의 구성을 바꿔 줄 수 있다. 프론트엔드에서 데이터 요청하기 지금 코드는 front 서버와 back 서버를 분리한 상태이고, MySQL을 이용하여 데이터베이스를 만든 후 데이터가 있는 상태에서 그 값을 back 서버의 라우터를 이용하여 불러오는 과정이다. front와 back 서버가 분리되어 있기 때문에 co..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 5.
• textsms

230103 - SSR,CSR 비교 / AJAX / 프론트엔드 서버와 백엔드서버 / CORS

오늘 내가 배운 것 1. SSR, CSR 비교 2. AJAX 3. 프런트엔드 서버와 백엔드 서버로 분리하기 cors 기본동작 cors 에러해결방법 SSR, CSR 비교 예전에 HTTP를 배우면서 과거의 통신방식과 현재의 통신방식에 대해서 그림으로 표현한 적이 있다. http://baekspace.tistory.com/88 221212 - HTTP 통신 방식, Node.js HTML파일 불러오기, path.join 오늘 내가 배운 것 1. 과거와 현재 HTTP 통신 방식 비교 2. HTML 파일 열기 과거와 현재 HTTP 통신 방식 흐름 비교 그림을 확인하면서 읽어주세요. 과거에는 백엔드 개발자가 웹페이지를 구현하였는데 baekspace.tistory.com 과거의 방식은 SSR(Server Side Re..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 3.
• textsms