Dani's Dev TokTok

1. 들어가며비동기 HTTP 통신을 이용해서 동적 form 전송 구현해보기2. Axios 를 이용해서 동적 form 전송 구현하기form 요소를 이용해서 데이터를 전송하면 페이지 이동이 일어난다.(form 요소의 action 속성에 지정된 경로로 이동하며 데이터 전송)그러나 비동기 HTTP 통신을 이용하면 폼의 데이터를 서버와 동적으로 송수신해서 실시간으로 변경된 것을 보여줄 수 있다.위의 예시처럼 아이디와 비밀번호가 일치하지 않을 때, 페이지가 변경되지 않으면서 동적으로 데이터를 송수신해서 변경된 내용을 보여줄 수 있다. 비동기 HTTP 통신 방법비동기 HTTP 통신 방법에는 크게 3가지가 있으며 아래와 같다.AjaxAxiosFetch본 포스팅에서는 Axios 를 이용한 동적 form 구현을 다룰 거지..

1. 들어가며Node.js의 Express.js 프레임워크로 웹 서버를 만들기2. Express.js를 이용한 웹 서버 만들기Express.js는 웹 서버를 생성하는 것과 관련된 기능을 담당하는 프레임워크다.익스프레스에서 제공하는 미들웨어와 라우터를 사용하면 편리하게 기능을 구현할 수 있다.익스프레스를 사용하기 위해서는 먼저 익스프레스를 설치하고 (terminal 에서 npm i express 입력)익스프레스 모듈을 가져오면 된다. Express 사용해서 서버 생성// express 모듈 불러오기const express = require('express')// express 객체 생성const app = express()// 포트번호 변수 지정const PORT = 8000// get 요청에 따른 라우터..