abcdefghklpqrstuvwxyz

2024.03.29 - [프로그래밍 공부/Node.js] - [Node.js] Node.js란? / Node.js와 npm 설치 / npm 프로젝트 실행 / 의존성 종류 [Node.js] Node.js란? / Node.js와 npm 설치 / npm 프로젝트 실행 / 의존성 종류 Node.js란? Node.js란 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임이다. Chrome V8 JavaScript 엔진은 자바스크립트의 문법을 해석하고 동작시켜주는 엔진이라고 보면 된다. 런타임은 프로그래밍 언어 gamzaggang7.tistory.com 지난번 포스팅에 이어 parcel 번들러를 이용해 실제 브라우저에 내용을 출력해 볼 것이다. 우선 index.html과 main.js파..

Node.js란?Node.js란 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임이다. Chrome V8 JavaScript 엔진은 자바스크립트의 문법을 해석하고 동작시켜주는 엔진이라고 보면 된다. 런타임은 프로그래밍 언어가 동작하는 환경을 말한다. 즉 Node.js란 자바스크립트 언어가 동작하는 컴퓨터 환경이다. 자바스크립트가 동작할 수 있는 환경은 크게 두 가지가 있다. Node.js가 설치된 특정 컴퓨터 환경과, 크롬같은 웹브라우저에서 자바스크립트가 동작할 수 있다. 웹브라우저에서 동작하는 자바스크립트와, 웹브라우저에서 동작하는 웹페이지를 만들어내는 컴퓨터 환경을 제어하는 자바스크립트 모두 이해를 해야 한다. Node.js는 아래 사이트에서 다운로드하면 된다. http..

[Node.js] http 모듈로 서버 구축하기(1) - http 모듈, fs 모듈에 이어 이번 포스팅에서는 REST API를 이용하여 요청별로 다른 응답을 하는 방법에 대해 알아볼 것이다. 서버에 요청을 보낼 때는 주소를 통해 요청의 내용을 표현한다. 주소가 /index.html이면 서버의 index.html을, /about.html이면 about.html을 보내달라는 뜻이다. html말고도 css나 js 또는 이미지 등의 파일을 요청할 수 있고 특정 동작을 요청할 수도 있다. 요청 내용이 주소를 통해 표현되므로 서버가 이해하기 쉬운 주소를 사용하는 것이 좋다. 이때 REST가 사용된다. REST REST는 REpresentational State Transfer의 줄임말로, 서버의 자원을 정의하고 자..

서버는 클라이언트에서 요청을 받고, 요청의 내용을 처리한 뒤 클라이언트에 응답을 보낸다. 따라서 서버에는 요청을 받는 부분과 응답을 보내는 부분이 있어야 한다. 클라이언트로부터 요청이 왔을 때 어떤 작업을 수행할지 이벤트 리스너를 미리 등록해두어야 한다. 이벤트 리스너를 가진 노드 서버를 만들어 볼 것이다. http 모듈 / createServer() http 서버가 있어야 웹 브라우저의 요청을 처리할 수 있으므로 http 모듈을 사용한다. http 모듈의 createServer 메서드는 인수로 요청에 대한 콜백 함수를 넣을 수 있으며, 요청이 들어올 때마다 매번 콜백 함수가 실행된다. 따라서 이 콜백 함수에 응답을 적으면 된다. server.js 파일을 만들고 코드를 작성한다. const http = ..

* 개발환경 - 윈도우, VS Code 1. register.ejs 에 아래 코드 추가 회원가입 버튼 누르면 ajax 통신을 하는 코드 jquery 불러오는 코드 밑에 작성해야함 ajax 이용해서 데이터 내보내면서 아이디 중복체크해서 결과를 받을 거임 2. member.js 에 아래 코드 추가 router.post('/register', (req, res)=>{ console.log('in register post'); let id = req.body.id; let pw = req.body.pw; res.status(200).send({message: 'ajax 통신 성공 - id: ' + id + ', pw: ' + pw}); }) ajax로 보낸 값은 req.body 안에 들어있음 3. server...

* 개발환경 - 윈도우, VS Code 1. mongoDB Cluster 구축 MongoDB Atlas: Cloud Document Database Cloud-hosted MongoDB service on AWS, Azure, and GCP www.mongodb.com 위 사이트 들어가서 로그인. 난 구글 아이디로 함. 무료 버전인 'shared' 선택 -> 구글 클라우드, 서울 선택 -> Create Cluster 클릭 Network Access -> Add IP Address 클릭 ALLOW ACCESS FROM ANYWHERE 선택 후 Confirm 클릭 접속할 때 사용할 Username과 Password 설정 Database -> Connected -> Connect your application..

* 개발환경 - 윈도우, VS Code 1. jquery, bootstrap cdn 가져와서 index.ejs에 추가 앞으로 새 ejs 파일 만들 때 index.ejs 파일 복사 * cdn: 콘텐츠 전송 네트워크. 웹사이트 접속자가 콘텐츠를 다운로드할 때 자동으로 가장 가까운 서버에서 다운할 수 있도록 함. 2. login.ejs 파일 만들고 로그인 요소 추가. 로그인 아이디 비밀번호 로그인 아이디가 없나요? 3. server.js 에서 라우팅. app.get('/member/login', (req, res)=>{ res.render('login.ejs'); }) * 라우팅: 네트워크에서 경로를 선택하는 프로세스 app.get('/경로') 를 통해 ejs 파일로 경로를 지정함. 4. localhost:8..

* 개발환경 - 윈도우, VS Code 1. express 설치 * express: node.js에서 API 서버 구축할 때 많이 쓰이는 프레임워크, node.js를 사용해 웹 개발하는 경우 더 간편하게 개발할 수 있게 해줌 2. nodemon 설치 (소스 수정될 때마다 서버를 자동으로 재실행 => 번거로움을 덜어줌) 설치가 된 줄 알았는데 나중에 nodemon 명령어 실행해보니 실행이 안됨. 그래서 다른 명령어로 설치했다. 3. ejs 설치 (자바스크립트가 내장된 html 파일. 기존 html을 대체함.) 서버 실행 환경 파일 설치가 끝남. 4. server.js 파일 생성 후 서버 실행 코드 입력 const express = require('express'); // express 모듈 가지고오기 co..

* 개발환경 - 윈도우, VS Code 1. 먼저 node.js부터 설치 >>> https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 들어가면 안정적인 버전과 최신 버전 두 개 뜨는데 나는 안정적인 버전으로 다운받음 2. cmd 실행 후 node -v 명령어로 node.js가 잘 다운됐는지 확인 3. npm 버전도 확인 * npm: node.js 패키지 관리자. 따라서 node.js 설치해야 npm 명령어 사용 가능 4. VS Code 실행 후 node 폴더를 만들었다. 5. 현재 디렉토리를 node 파일로 이동하고 npm init 명령어 실행 그럼 저렇..