티스토리

P_eli 개발 블로그

검색하기

블로그 홈

P_eli 개발 블로그

p-elideveloper.tistory.com/m

공부했던 것을 기록하는 블로그

구독자: 1

방명록 방문하기

728x90

반응형

주요 글 목록

[Node.js] 게시판[4/4] 댓글 기능, 이미지 업로드 server.js 에 필요한 모듈을 가져옵니다. const multer = require('multer'); const path = require('path'); 없다면 설치해 줍니다. npm install multer npm install path 이미지를 저장할 디렉터리를 하나 생성합니다. public 디렉터리 안에 uploads 디렉터리를 생성해줍니다. 이미지 주소와 업로드 기능을 참고하기 위해 server.js에 아래 코드를 추가해 이미지 주소 연동해줍니다. // 이미지 주소 연동 app.use('/public/uploads', express.static(path.join(__dirname, 'public/uploads'))); // 이미지를 저장할 디렉토리 및 파일명 지정 const storag.. 공감수 0 댓글수 1 2023. 12. 27.
[Node.js] 게시판[3/4] 회원가입, 로그인 추가하기 기존 게시판 프로젝트에 회원가입, 로그인 등 추가하겠습니다. 먼저 server.js 파일에 회원가입 코드를 추가하기위해 필요한 모듈을 설치하겠습니다. npm install cookieParser npm install bcrypt 설치 완료 후 server.js에 모듈을 가져옵니다. const cookieParser = require('cookie-parser'); const bcrypt = require('bcrypt'); 모듈을 추가 하였으면 먼저 user 정보를 담을 데이터베이스를 만들어줍니다. CREATE TABLE users ( id INT AUTO_INCREMENT PRIMARY KEY, username VARCHAR(255) NOT NULL, password VARCHAR(255) NOT NU.. 공감수 0 댓글수 1 2023. 12. 26.
[Node.js] 게시판(2/4) 게시판 페이칭 처리 게시글 목록을 가져오는 라우트는 '/articles' 경로에 설정되어 있습니다. 클라이언트는 페이지 번호를 쿼리 매개변수로 전달할 수 있습니다. 먼저 server.js 에 가서 게시판 목록 불러오는 부분 코드를 수정합니다. // server.js // 게시판에서 게시판 목록을 가져오는 라우트입니다. app.get('/articles', (req, res) => { const page = parseInt(req.query.page) || 1; // 요청된 페이지 번호를 쿼리 매개변수에서 가져옵니다 const pageSize = 3; // 이 값을 원하는 대로 조절하세요 // 요청된 페이지 및 페이지 크기를 기반으로 레코드를 건너뛰기 위한 오프셋을 계산합니다. const offset = (page - 1) .. 공감수 0 댓글수 0 2023. 12. 21.
[Node.js] 게시판(1/4) CRUD 만들기, 게시글 작성/상세/수정/삭제 환경설정 vscode로 새 프로젝트를 만들어서 해당 디렉터리에 npm package를 만들어줍니다. npm init -y 필요한 라이브러리를 설치해줍니다. npm install express cors body-parser mysql2 Express Express는 Node.js 기반의 웹 응용 프레임워크로, 웹 응용 프로그램 및 RESTful API를 손쉽게 구축할 수 있게 해주는 도구입니다. 간결하면서도 강력한 기능을 제공하여 서버 사이드 로직을 쉽게 작성할 수 있도록 도와줍니다. CORS (Cross-Origin Resource Sharing) CORS는 웹 브라우저에서 실행 중인 JavaScript가 다른 출처의 리소스에 접근하는 것을 허용하는 메커니즘을 제공합니다. 서로 다른 도메인 간의 HTTP.. 공감수 0 댓글수 1 2023. 12. 20.
node.js 웹 채팅 이 예제에서는 Express와 Socket.io를 사용하여 실시간으로 메시지를 전송하는 간단한 채팅 애플리케이션을 만들어볼 것입니다. 프로젝트 초기화 먼저, 프로젝트 폴더를 생성하고 해당 폴더로 이동합니다. mkdir nodejs-chat-app cd nodejs-chat-app 의존성 설치 다음으로, 프로젝트에 필요한 의존성을 설치합니다. npm init -y npm install express socket.io 서버 코드 작성 index.js 파일을 생성하고 다음과 같이 코드를 작성합니다. const express = require('express'); const http = require('http'); const socketIO = require('socket.io'); const app = ex.. 공감수 0 댓글수 1 2023. 12. 19.
Express 메소드 Node.js와 Express의 핵심인 메소드들에 대해 알아보겠습니다. 1. app.use() 이 메소드는 마치 초상화를 그리는 작업과 비슷합니다. 미들웨어를 마운트할 수 있어 요청 전처리에 적합합니다. 인증이나 로깅과 같은 작업을 처리할 때, app.use()는 매우 유용합니다. app.use(bodyParser.json()); app.use(cors()); 2. app.get() 및 app.post() 다음은 app.get() 및 app.post() 메소드입니다. 이 두 메소드는 라우팅을 담당하며, 어떻게 클라이언트 요청에 응답할지를 결정합니다. app.get()은 GET 요청을 다루고, app.post()는 POST 요청을 처리합니다. app.get('/home', (req, res) => { re.. 공감수 0 댓글수 0 2023. 12. 11.
Node.js MongoDB와의 통합 예제 Node.js 및 패키지 설치 먼저 Node.js를 설치하고, 프로젝트 폴더를 생성한 후 터미널에서 다음 명령어를 실행하여 필요한 패키지를 설치합니다. npm init -y npm install express mongoose ejs body-parser 프로젝트 구조 설정 프로젝트 폴더에 index.js 파일을 생성하고, views 폴더 안에 index.ejs와 post.ejs 파일을 생성합니다. MongoDB 연결 및 모델 정의 index.js 파일에 MongoDB와의 연결 및 모델 정의를 추가합니다. // index.js const express = require('express'); const mongoose = require('mongoose'); const bodyParser = require(.. 공감수 0 댓글수 0 2023. 12. 11.
Node.js : 모듈 Node.js는 자바스크립트를 사용하여 서버 측 애플리케이션을 빌드하기 위한 강력하고 유연한 플랫폼입니다. Node.js의 핵심 가치 중 하나는 모듈 시스템으로, 코드를 재사용 가능하고 구조적으로 유지보수 가능한 단위로 나눌 수 있습니다. 이번 글에서는 Node.js 모듈이 무엇이며 어떻게 사용되는지에 대해 알아보겠습니다. 1. 모듈이란? 모듈은 코드의 조각이며, 파일 하나가 하나의 모듈을 나타냅니다. 이 모듈 시스템은 코드의 가독성을 향상시키고, 유지보수를 쉽게 만듭니다. 모듈은 필요할 때마다 불러와 사용할 수 있으며, 다른 모듈과의 의존성을 관리할 수 있습니다. 2. 모듈 만들기 javascript // 예시 모듈: greetings.js function sayHello() { console.log(.. 공감수 0 댓글수 0 2023. 12. 11.
Express.js 기초 튜토리얼 Express.js는 Node.js 웹 애플리케이션을 빠르고 간편하게 만들 수 있는 웹 프레임워크입니다. 이 튜토리얼에서는 Express.js를 사용하여 간단한 웹 애플리케이션을 만드는 과정을 안내하겠습니다. 시작해봅시다! 1. Express 설치 먼저, Express를 설치해야 합니다. 다음 명령어를 사용하여 프로젝트 폴더에서 Express를 설치합니다. bash npm install express 2. 기본 앱 설정 Express 앱을 초기화하고 기본적인 설정을 해봅시다. javascript // app.js 파일 생성 const express = require('express'); const app = express(); const port = 3000; // 루트 경로에 대한 응답 app.get(.. 공감수 0 댓글수 0 2023. 12. 10.

728x90

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.