[포스코x코딩온] 웹개발자 풀스택 과정 5주차 회고록 - 파일 업로드(multer)

⚒️ 오늘 할 실습 로그인을 한 후 자신의 프로필을 바꿀 수 있는 설정이 있다. 오늘은 이 프로필을 설정하는 방법에 대해 배울 것이다. 사실 현재는 백엔드와의 통신을 하는 것으로 끝이나 이후에 db와도 연동해서 할 계획이다. 이미지 파일을 올리기 위해서는 multer라는 미들웨어가 필요하다. (대중적으로 가장 많이 쓰인다고 하셨다.) 😮 그전에! 기본에는 데이터만 보냈기 때문에 body-parser만 썼다. //body-parser app.use(express.urlencoded({ extended: true })); app.use(express.json()); 하지만 body-parser는 이미지, 동영상, 파일 등을 보낼 수 없다는 단점이 있기 때문에 이번 시간에 보낼 이미지를 보내기 위해서는 또 다..

• format_list_bulleted 포스코x코딩온
• · 2023. 8. 8.
• textsms

[포스코x코딩온] 웹개발자 풀스택 과정 5주차 회고록 - 동적 Form 전송(Axios - 비동기 HTTP 통신)

오늘 할 실습은❓ 오늘 해볼 실습은 아직 데이터베이스가 없기 때문에 임의의 아이디와 비밀번호를 부여해서 사용자가 입력한 아이디와 비밀번호가 같으면 로그인 성공 메시지를 띄우고 틀리면 로그인 실패 메시지를 띄우는 것이다. 이전 블로그에선 동기방식의 HTTP 통신을 통해 정적으로 데이터를 주고받아봤다. 그렇기 때문에 페이지 이동이 있었지만 지금 할 것은 비동기식 방법의 HTTP 통신을 할 것이다. 페이지 이동 없이 데이터를 주고받는 실습을 해 볼 것이다. 비동기 HTTP 통신 방법에는 총 3가지가 있다. 1. Ajax 2. Axios 3. Fetch 나는 개인적으로 JQuery를 싫어하기 때문에 Ajax는 안 쓸 것이고 Fetch는 이전 졸업작품에서 질리도록 써봤기 때문에 안 쓸 것이다. 가장 사람들이 많이..

• format_list_bulleted 포스코x코딩온
• · 2023. 8. 7.
• textsms