본문 바로가기

코딩(개발)(82)

데이터 쓰기,읽기,수정하기 & ejs # 들어간 데이터 읽어오기 app.get('/list', function(request , response){ db.collection('post').find().toArray(function(err,result){ console.log(result); response.render('list.ejs', { posts : result }); });//모든 데이터 가져오기 }); # html 파일에서 데이터 읽어오기 1. ejs 설치 npm install ejs # views 폴더 생성후 # list.ejs 파일 생성 할일목록 # for 문등 코드실행해야 할때는 # 출력을 할때는 * 다른 서버사이드 랭귀지랑 비슷하다... 2022. 6. 20.
MongoDB 셋팅하기 / 데이터 입력하기 / IP 추가 # 몽고디비 사이트 접속 https://www.mongodb.com/kr The most popular database for modern apps We're the creators of MongoDB, the most popular database for modern apps, and MongoDB Atlas, the global cloud database on AWS, Azure, and GCP. Easily organize, use, and enrich data — in real time, anywhere. www.mongodb.com # 회원가입 및 로그인 # database user 셋팅시 비밀번호에 특수문자 넣지 말자! const express = require('express'); const.. 2022. 6. 20.
Node.js 시작하기 # 폴더생성후 비주얼스튜디오코드에서 연다 # 터미널 npm init ----> package.json 파일을 만들기 위해 사용하는 명령어 - package.json : 설치한 라이브러리 목록을 자동으로 기록해주는 파일 # 서버생성 라이브러리 설치 npm install express # server.js 파일 생성 const express = require('express'); const app = express(); app.listen(8000, function(){ console.log('listening on 8000') }); # 저장후 node server.js # 포트 에러시 # 윈도우 # 명령프롬프트 혹은 비주얼스튜디오 터미널 > netstat - ano --> 물고 있는 PID 값 확인 하고.. 2022. 6. 19.
Redux 사용하기 페이지를 다 분리하고 나니까... 그냥 라우터만 쓰면서는 해결이 안된다... 상품리스트하고 상품상세페이지에서 데이터 값을 어떻게 넘겨줘야하는지.... 헤더 Route 에서 값을 어떻게 보내줘야 하는지.... Redux는 props 없이 state를 공유할 수 있게 도와주는 라이브러리라서 여기저기 쓸수 있다고 하니 직접 해보기로 한다. 라이브러리 설치한다... 리액트는 뭐 설치하는게 반인듯 ㅡㅡ; 그만큼 편한거 겠지? 그렇게 믿으며... # 설치하기 전에 package.json 파일을 열어서 아래 항목 버전 확인한다. 이거 두개가 18.1.x 이상이면 사용가능하다고하는데, 나는 넘으니까 잘 설치해본다. "react": "^18.2.0", "react-dom": "^18.2.0", npm install @r.. 2022. 6. 18.