본문 바로가기
728x90

JS/node.js

JS/node.js 2022. 6. 28. [nodeJS] BootStrap BootStrap - html을 쉽게 생성하기 위한 라이브러리 https://getbootstrap.kr/docs/5.1/getting-started/introduction/ 시작하기 세계에서 가장 인기있는 프레임워크인 Bootstrap으로 반응형, 모바일 우선 사이트를 jsDelivr와 스타터 페이지 템플릿을 통해 시작해보세요. getbootstrap.kr Get start의 Starter Templet복사 후 index.html에 붙여넣기 버튼 추가 좌측 메뉴 컴포넌트 - 버튼 클릭 원하는 버튼 소스 복사해서 index.html에 추가 메뉴바 추가 [Navbar] 원하는 디자인 소스 복사 후 index.html에 추가
JS/node.js 2022. 6. 28. [nodeJS] 파일 로드 get요청 시 html 파일 전송 res. sendFile(파일명) // html 파일 전송 app.get('/', function(req, res) { // '/' : 홈 res.sendFile(__dirname + '/index.html') }) const express = require('express'); // 설치한 라이브러리를 첨부 const app = express(); // 첨부한 라이브러리로 객체 생성 // html 파일 전송 app.get('/', function(req, res) { // '/' : 홈 res.sendFile(__dirname + '/index.html') })
JS/node.js 2022. 6. 28. [nodeJS] nodemon 라이브러리 nodemon 라이브러리 서버를 자동으로 재실행 시켜주는 라이브러리 -g : 모든 폴더에서 nodemon사용 가능 npm install -g nodemon yarn add global nodemon nodemon 라이브러리 실행 nodemon server.js 보안오류 뜰 시 powershell 관리자 권한으로 실행 executionpolicy 입력 -> Restricted가 나온다면 신뢰하지 않는 스크립트 사용 금지 set-executionpolicy 입력 -> y 로 설정
JS/node.js 2022. 6. 28. [nodeJS] 서버 생성 패키지 내 마우스 우클릭 - 새파일 - 파일명 입력 server.js 서버를 생성하기 위한 기본 문법 const express = require('express'); // 설치한 express라이브러리를 첨부 const app = express(); // 첨부한 라이브러리로 객체 생성 app.listen(8080, function() { console.log('listening on 8080') }); // 컴퓨터에 서버 오픈. 포트번호, 띄운 후 실행할 코드 // 8080포트로 웹서버 열고 // 열리면 listening on 8080 출력 서버 실행 node 파일명.js 서버로 GET요청 처리 /pet 으로 방문 시 pet 관련된 안내문을 띄우기 app.get('/pet', function(요청, 응답..
JS/node.js 2022. 6. 28. [nodeJS] Express 라이브러리 라이브러리 - 코드를 쉽게 짜기 위해 빌려쓰는 코드 모음집 npm - 라이브러리 설치를 도와주는 도구 express - 서버를 쉽게 만들 수 있게 도와주는 라이브러리 express 라이브러리 설치하기 터미널 열기 npm init 입력해서 어떤 라이브러리 설치했는지 기록 → package.json 파일 만들어서 기록 - npm init을 사용하면 자동으로 생성 entry point만 원하는 파일명으로 설정하고 나머지 enter npm install express 입력
JS/node.js 2022. 6. 28. [nodeJS] nodejs, vs코드 설치 1. nodejs를 사용할 수 있게 하기 위해 nodejs를 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 코드 작성할 vs코드 설치 https://code.visualstudio.com/

티스토리툴바