나도 개발자 시켜주세요

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..

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

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

문제: add 하려고 했는데 in the working copy of 'package.json', LF will be replaced by CRLF the next time Git touches it package.json의 복사본이 있다고 합니다..깃이 다음에 그것을 건드릴 LF(unix줄바꿈)은 CRLF(window줄바꿈)으로 대체할 것이다...? 자세히 해석하자면 LF(Line-Feed)는 unix계열의 줄바꿈 문자열이고, CRLF는 Windows의 줄바꿈 문자열이다. 원인 : OS마다 줄바꿈을 보는 문자열이 다르기에 git은 어느 쪽을 택해야할지 모르고 경고 메시지를 띄운다. 해결 : 간단하게 자동 변환해주는 core.autocrlf 기능 켜주기! git config --global core.au..

문제 : push 하려고 했는데, origin이 존재하지 않는 상황 원인 : 레포지토리 생성 후 연결 과정에서 생긴 문제 1) git remote -v 로 원격 저장소 확인 2) 현재 연결된 주소를 해제 하자! git remote remove origin [연결된 주소] origin 저장소 연결 끊기 -> No such remote: 'origin' 라면 다시 연결하면 된다 3) git remote add origin [레포지토리 주소] 4) git remote -v origin 에 잘 연결됨 이후 push Reference https://letsgojieun.tistory.com/103 git 에러 : 'origin' does not appear to be a git repository 해결 어제부터 ..

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

동기 처리 vs 비동기 처리 작업을 어떤 흐름으로 처리할거야? 세탁기가 다 돌아가야 설거지를 시작할 수 있어! => 동기 처리 세탁기가 돌아가는 동안 설거지를 하자! => 비동기 처리 동기 처리(Synchronous) : A가 B의 작업 완료 여부를 확인하고 완료를 기다리는 것 비동기 처리(Asynchronous) : A가 B를 부를 때 콜백함수를 같이 보내서 B의 작업이 끝나면 콜백함수를 실행하고, 호출 이후, B가 완료하든 말든 신경쓰지 않는다. setTimeout() setTimeout() 메서드는 시간이 만료되면 지정된 코드를 실행하는 타이머 역할이다. //delay동안 기다리다가 code 함수 실행 setTimeout(code, delay); 기다리지 않고 다음 줄을 실행함 => 비동기 처리 비..

🪙 todays-account-book 프로젝트 소개 1인 가구를 위한 가계부 ✍ 프로젝트에서 담당한 기능 start page 떨어지는 동전 animate.style transform: translate(), rotate(), skew() 사용 animation-duration으로 동전마다 시간 조절 main 사용 설명서 sweetalert2 사용자의 여러 가지 경우 생각 -> then if문 반복 => 피드백 : 이 아니라 함수 사용을 했어야 했다. 다른 팀원께서 강사님께 질문했다가 피드백을 받은 부분이었다. 사용자가 사용 설명서를 읽을 경우 / 읽지 않을 경우 / 읽다가 중간에 닫을 경우를 생각하여 close 버튼과 다음 버튼으로 구성 하였다. 맞춤형 생활 정보 swiper slider 사용 cove..

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..

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