zooooss

(코드짜기 -> DB 생성 -> 코드짜기 -> DB 모두 삭제 -> 코드짜기) X N번 반복한 결과..결국 Websocket을 활용한 실시간 채팅기능 구현에성공하였다!! (순간순간 기능 하나씩 될 때마다 신나서 계속 테스트한 결과이후 기능개발 막힐 때 꼬인 DB 또 전부 다 리셋하구..)앞으로는 한 두개만 테스트로 보내자..!! 우선!1. Websocket 사용 이유 :실시간 양방향 통신을 위해서!즉, 채팅 기능을 개발하기 위해서 사용하였다. websocket이란?=>유저가 서버와 통신하는 방법 총 세 가지1. HTTP요청(get,post 요청 - 수동적 : 유저가 먼저 요청을 했을 경우에 응답을 하는2. SSE - Server sent events : 서버에서 계속 데이터 전송 (일방적)3. Web s..

1. Node.js LTS 버전 다운로드 - 패스2. 에디터 다운로드 (VS code) - 패스3. 로컬에 작업폴더 생성해서 vscode로 오픈 - 패스 4. 폴더 안에 server.js 파일 생성 5. 터미널 열고, npm init -y 입력 (라이브러리 설치할 환경 세팅) 6. Express 라이브러리 설치 : npm install express 7. 서버개발 : server.js 안에 코드 작성const express = require('express')const app = express()//express 라이브러리 사용하겠다는 코드app.listen(8080, () => { console.log('http://localhost:8080 에서 서버 실행중')}) //서버를 띄울 port번호 ..

사용자가 웹에서 이미지를 보내면 -> 서버에서 이미지를 DB에 저장 & 다른 주소에서 이미지 사용이렇게 진행이 가능한 줄 알았지만, 크고 많은 파일의 이미지를 사용하는 웹을 개발하다보니용량과 속도의 **한계점**에 닿게 되었던 것이다 따라서, 알아본 결과!대부분의 실무에서는 이미지를S3 같은 오브젝트 스토리지(Object Storage) 에 따로 저장한다고 한다. AWS S3 “파일 저장 전용 서버” 를 사용하여 이미지를 저장하는 방식을 택했다!이미지 파일은 → S3 (파일 서버)이미지 주소(URL) 만 → DB (텍스트) 이런식으로 구조를 분리해서 사용하는 것이다. // S3에 업로드 → 이미지 URL 생성const imageUrl = 'https://s3.amazonaws.com/mybucket/i..

혹시 깃허브에서 경고알림을 받아보신적 있으신가요?저는 있습니다.. 네.. 중요한 정보가 담긴 프로젝트였다면 정말 큰일날 뻔했던 실수죠..DB 다 털릴 뻔 했습니다..이 덕에 공부하게 된 개념입니다환경변수란?환경(개발자나 컴퓨터)에 따라 달라져야 하는 변수서버파일에 보관 NO !! (하드코딩하여 들어가있으면 NO !!)별도 파일에 따로 보관하는 것이 편리 O !!* 환경변수를 따로 보관하는 방법 *npm install dotenv터미널에서 dotenv 설치한 뒤,require('dotenv').config()서버코드 상단에 작성해주고서버파일과 같은 위치에 .env파일 생성!이 파일 안에변수명=저장값만 입력해주면 끝! 예시 이런식으로 작성한 뒤,깃허브에는 .env를 제외한 나머지 파일들을 업로드하시면 됩니다 !

유저가 수정요청을 했을 경우나 서버에서 수정이 들어가야하는 경우,서버코드에서는 어떠한 방식으로수정이 진행되는지 회고해보고자 한다. 우선, 에서 기본적인 get, post 요청 이외에수정할 때 쓰이는 PUT, DELETE 요청을 사용하기 위해서 메소드를 강제로 변경해주는 라이브러리를 설치!npm install method-override서버파일 상단에const methodOverride = require('method-override')app.use(methodOverride('_method'))코드를 추가해주고,URL 뒤에 ?_method=PUT을 통해 PUT요청으로 덮어쓰게 됩니다! 사용할 준비는 모두 끝났고,이제 서버코드에서 db를 수정하는 방식은!1. updateOne() : document 하나..

우선, EJS란 ?- EJS(Embedded JavaScript) 는 Node.js 환경에서 많이 사용하는 템플릿 엔진으로 쉽게말하자면 클라이언트사이드 렌더링에서는 "리액트"를 사용한다면 서버사이드 렌더링에서는 주로 "ejs"를 사용해요!- HTML 코드 안에 JavaScript 문법을 삽입할 수 있도록 해주는 도구이며,확장자는 보통 .ejs 를 사용합니다.즉, 서버에서 데이터를 가져와 HTML에 동적으로 반영해야 할 때 쓰입니다 !!! EJS를 왜 써야하는가, 어떤 상황에서 써야하는가를 고민해보면단순 html로는 동적인 값을 사용할 수 없으며, 서버에 있는 데이터들을 받아올 수 없어요!따라서, 와 같은 ejs 문법을 통해 서버에서 받아온 데이터를 자연스럽게 사용할 수 있습니다.파일 구조를 보면 이러합니..

server.js 생성 후npm init -y (프로젝트 생성, package.json 파일 생성해주는 명령어)npm install express (express라는 라이브러리 설치하는 명령어) app.listen() : 실제 서버를 띄우라는 뜻app.get() : 누군가 접속하면 '반가워'를 보내라는 뜻 실행 -> node server.js확인 -> http://localhost:8080 PORT란?누군가 내 컴퓨터에 접근 가능하도록 8080이라는 무작위 포트를 오픈해둔 것.누군가 http://111.111.111.111(IPv4주소):8080(port번호)로 접속이 가능.