[포스코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

[포스코x코딩온] 웹개발자 풀스택 과정 4주차 회고록 - Express, EJS

이번 블로그는 내가 지금까지 배운 백엔드 과정을 정리하는 시간을 가질 것이다. 1️⃣ npm 사용하기 nodejs를 사용하기 위해서는 필수적으로 npm을 사용해야한다. 백엔드를 할 때 여러 패키지가 필요한데, 이를 기록해주고 정리해주는 관리 역할을 하기 때문이다. 이러한 정보들은 package.json에 기록된다. (주로 프로젝트에 설치된 패키지 종류를 본다.) 1. package.json에 직접 내용을 입력하고 싶을 때 npm init 2. package.json을 기본값으로 생성하고 싶을 때 npm init --yes npm init -y 3. 패키지를 설치하고 싶을 때 npm install 패키지 이름 npm i 패키지 이름 // 둘다 가능하다 설치된 패키지의 이름과 정보는 package.json의..

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