[Study] BE 16

[포스코x코딩온] 파일 업로드

body-parser 데이터 처리에 도움이 되는 라이브러리 Post로 정보를 전송할 때 요청의 req.body로 받을 수 있음. express 버전 4부터 내장되어 있어 따로 설치가 필요X 단점, 멀티파트 데이터(이미지, 동영상, 파일 등) 처리X => multer 사용 파일 업로드 multer : 클라이언트에서 서버로 데이터 전송을 할 때 사용, 파일 선택 버튼 {userfile: ' /png', title: ' '} //설치 npm install multer //app.js에 multer 불러오기 const multer = require('multer'); 클라이언트 준비 form 태그에 enctype = "multipart/form-data"를 반드시 설정해야 동작한다. 파일 업로드 경로 설정 co..

[Study] BE/Node.js 2023.04.05

[포스코x코딩온] Node.js MVC 구조

더보기 💡MVC 구조 어디선가 들어본 것 같은데 배운 적은 없는 구조 혼자서 코드를 짜는 게 아니라 협업에 있어서 도움이 되는 백엔드 구조 방식에 대해 배웠다. 글을 다시 보니까 오타도 보이고, 수정할 부분이 많이 보인다. 이제는 이론보다는 코드의 구조적인 면을 더 깊게 파악해야되서 글로 정의하기가 어렵다. 그냥 어렵다. 더 많은 시도가 구조를 파악하는데 도움이 될거라 생각한다. MVC (Model View Controller) 소프트웨어 설계(데이터 및 논리 제어), UI를 구현하는데 사용되는 디자인 패턴이다. => 상황에 따라 자주 쓰이는 설계 방법을 정리한 코딩 방법론 mvc 이용 웹 프레임 워크 : spring(java), django(python), express(javascript), ruby..

[Study] BE/Node.js 2023.04.05

[포스코x코딩온] 동적 Form 전송

✏️ 계속 누적되는 수업 내용에 하루라도 밀리면 안되겠다는 생각이 들었다.요청 방식에 따라 전송방식이 어떻게 달라지는지 직접 코드로 확인했다. 아무래도 백 다루는 것에서 더 많은 흥미를 가지고 공부하게 된다. + 동기 방식 vs 비동기 방식 더보기 동기 방식 : 하나 밖에 일을 못한다. 비동기 방식 : 서버에 데이터를 보내고 응답을 기다리는 동안 다른 처리 가능 동적 폼 전송 데이터를 input, button의 type 이 submit 인 속성들로 전송 시 페이지 이동이 일어난다. 최근 페이지를 보면 모든 동작에 있어서 페이지 이동이 일어나지 않는 부분도 있다. 예를 들어 로그인 화면에서 아이디나 비밀번호가 틀렸을 때, 페이지 이동이 되는 것이 아닌 비동기 HTTP를 사용해 같은 페이지 안에서 동작이 이..

[Study] BE/Node.js 2023.03.30

[포스코x코딩온] 웹 동작 방식 & Form 전송

✏️5주 차 수업 처음 배우는 것도 있었고, 3주 차 때 배웠던 내용도 있어서 복습하는 시간이었다. 이번 시간 아니었다면, 1차 프로젝트 종료와 동시에 node 내 머릿속에서 사라졌을 것이다. 수업시간 처음부터 끝까지 다 처음 듣는 내용만 배우는 것보다 전에 했던 내용을 복습하면서 진행하니까 다급하게 따라가야겠다는 생각도 안 들어서 수업에 더 집중할 수 있었다. 계속 사용할 내용이라 더 신경 써서 수업해 주신 듯하다. 내 컴공 지식 여기와서 하나도 쓸모가 없구나 하고 있었는데, 백엔드를 보니 드디어 빛을 바랄 수 있겠구나 라는 생각이 들었고, 확실히 프론트 수업할 때보다 더 재밌어진 것 같다. 노베이스로 여기 왔다면 아마 탈출하지 않았을까. 강사님이 수업 중간중간마다 git push 하자고 해주셔서 까먹..

[Study] BE/Node.js 2023.03.28

[포스코x코딩온] Node.js 간단한 백엔드 구축

Node.js 장점 스크립트 언어이기 때문에 어느환경에서도 동작한다. 성능이 빠르고 좋다. 배우기 쉽다. Javascript를 쓰는 개발자가 많다. 백엔드 구축 npm 노드 패키지 관리 틀 npm 사용 npm init : 프로젝트 시작 명령어 npm init --yes : package.json이 생성될 때 기본값으로 생성 npm install packageName : 프로젝트에서 사용할 패키지 설치, 설치된 패키지의 이름과 정보는 package.json의 dependencies에 입력 됨. nodejs 노드 서버 구축시 필수 설치 nvm ubuntu 환경에서의 진행을 위해 노드의 버전 설정 모듈 필요한 함수들의 집합이다. const test_module = require("module_name"); E..

[Study] BE/Node.js 2023.03.27

[포스코 x 코딩온] 서버 구축

서버 클라이언트에게 네트워크를 통해 서비스를 제공하는 컴퓨터 서버 구축 방법 본인의 컴퓨터를 직접 서버로 구축하는 방법 일정 요금을 내고 외부 서버를 임대해 사용하는 방법 서버 호스팅 : 서버 임대 자체적인 관리 필요 유동적인 작동 환경 웹 호스팅보다 비쌈 웹 호스팅 : 서버의 일부분만 임대하여 다른 사용들과 서버 공유 저렴한 가격 서버 자체를 호스팅 사에서 운영 → 쉬운 사용 트래픽, 용량 등의 제약 클라우드 서버 실제 물리적인 컴퓨터 한대로 서버를 운영하는 것이 아닌 프로그램으로 가상의 컴퓨터를 생성해 서버를 운영하는 방식이다. 짧은 시간에 서버를 만들 수 있고, 컴퓨터의 물리적인 한계를 넘어서 저장공간을 무한으로 사용할 수 있다. 이론상의 많은 접속량이 발생해도 서버가 다운되지 않는다. Naver ..

[Study] BE/Server 2023.03.27