티스토리

emluy 개발 일기
검색하기

블로그 홈

emluy 개발 일기

yulme.tistory.com/m

https://github.com/ImYurim

구독자
2
방명록 방문하기

주요 글 목록

  • express.js - passport로 회원가입, 로그인 구현하기 (DB연결 x) *github sourcecode https://github.com/ImYurim/express-session ImYurim/express-session Contribute to ImYurim/express-session development by creating an account on GitHub. github.com *현재 이슈 * 갑자기 deserializeUser가 실행 안될 때가 있다. -> 해결방안1 : session 의 option 중 secure를 false로 해주면 해결 가능 -> server를 아예 껐다가 다시 키기. -> 진짜 해결하는 방법은..? 이러는 이유는...??? https://gompro.postype.com/post/1182247 Passport.js, 왜 저는 dese.. 공감수 0 댓글수 0 2020. 8. 20.
  • express.js #2 - (중요!) MVC패턴 갖추기 (회원가입구현) *github github.com/ImYurim/node-mongodb.git ImYurim/node-mongodb Contribute to ImYurim/node-mongodb development by creating an account on GitHub. github.com 전체 흐름 db.js 에서 mongodb연결 -> app.js 에 db.js require 해줌 -> models폴더의 usermodel.js에서 User Schema 정의, User CRUD함수 정의 -> app.js에 usemodel.js require -> views폴더에서 joinform.ejs만들기 -> routes폴더에서 joinfirm.js 만들고 get, post, 등에 의해 실행될 함수를 이름만 적어주기 -> a.. 공감수 2 댓글수 0 2020. 8. 6.
  • expressjs - module.experts 와 experts. 의 차이 https://programmingsummaries.tistory.com/340 [NodeJS] module.exports 와 exports 의 차이점 Express 에 대해서 분석하다보니, Router 부분에서 다소 익숙치 않은 부분을 발견했다. 아래와 같이 module.exports 에 객체를 직접 대입하는 부분이었는데, 항상 exports 아래에 프로퍼티로 값을 추가해주 programmingsummaries.tistory.com 1. module.experts 는 항상 코드 맨 마지막에 써 준다. -> module.experts가 나오기 전 위의 코드들을 모듈화해서 (묶어서) 외부로 보내주는 것 (내보낼 함수가 여러개일때는 쓰지 못한다.) 2. experts는 각각 함수들에게 밖으로 나갈 권리를 주.. 공감수 0 댓글수 0 2020. 8. 4.
  • express.js - mongoDB 연결 후 DB, Collection(table), Document(data) 다루기, 관련 shell 명령어 0. mongodb서버 실행시키기 $ mongo https://yulme.tistory.com/79?category=791295 * visual studio 에 있는 파일들에 직접 코드를 넣어서 DB, Collection, Document 다루기 1. DB 1-1. app.js에서 선언 :app.js에서 mongoose.connect함수 안에 적어준 이름 사용 ex)16 번째줄에 mongoose.connect('mongodb://localhost:27017/mydb') -> 여기서 mydb가 db이름 #app.js 1-1-1. cmd에서 app.js실행해줌 :$node app.js **이때 매우매우 중요한사실!!!!!!!!!!!! : document가 하나도 없으면 show dbs해도 내가 생성해준 db.. 공감수 0 댓글수 0 2020. 8. 3.
  • express.js #1 - MongoDB 연결하기 * setting - 작업할 directory 생성 - cmd 에서 작업할 directory로 간 후 app폴더 생성 - app폴더에서 express 와 npm 패키지 설치 - 노드몬 설치 : $npm i nodemon -g 0. mongo db 설치 https://javacpro.tistory.com/64 [MongoDB] MongoDB 설치 및 환경설정( Windows10 ) MongoDB 설치 및 환경설정( Windows10 ) MongoDB는 도큐먼트(Document) 지향 데이터베이스 시스템이다. 흔히 NoSQL 이라고 하는데 , 많은 NoSQL 중에서 가장 인기가 많은 데이터베이스 시스템이다. 자세한 내용 javacpro.tistory.com - mongoDB 사이트에서 community se.. 공감수 0 댓글수 0 2020. 7. 31.
  • express.js #0 - css 연결 0. html 파일에서 head 태그 부분은 header.ejs에 넣어주고 body닫는 태그와 html닫는 태그는 footer.ejs로 넣어준다. why?? head태그 부분에 link태그들이 계속 추가된다면 계속해서 이 head태그를 포함한 html파일들을 만들 경우 비효율적임 #views/header.ejs -7번째 줄은 아직 적지말것~! #views/footer.ejs #views/index.ejs -> 메인 내용 담을 html - 1번째 줄 : header.ejs 파일 가져와서 붙여라 - 3번째 줄: footer.ejs파일 가져와서 붙여라 1. css 연결하기 :pubilc 폴더의 stylesheets 폴더에 파일 생성 ex) main.css 라 생성해주었다. 2. 그리고 아까 0번에서 만들어준 .. 공감수 0 댓글수 0 2020. 7. 31.
  • Express.js - 라우팅 * 라우팅? : 특정 url을 입력했을 때 실행되는 함수 * app.get () -> 라우팅 함수 7번째 줄에서 public폴더에 정적 파일 (html,css)이 없으면 10번째줄 실행, 있으면 10번째 줄부터는 실행하지 않음 10번째줄: "/" 이 경로로 들어가게되면 11번째줄 출력. 18번째줄: 위에 아무것도 해당되지 않으면 실행 * 경로에서 데이터 가져오기 다음과 같이 10번째 줄에 who자리에 아무거나 입력해서 경로를 localhost:3000/hello/yurim 이라고 해보면! url에 입력했던 yurim이 출력되는 걸 확인할 수 있다. 공감수 0 댓글수 0 2020. 7. 30.
  • express.js - 미들웨어 1. Morgan 로거인 morgan을 설치하여 사용하면 서버에서 응답하는데 얼마나 걸리는지 확인하는 성능 분석을 할 수 있다. 실행할 메인 파일에 다음과 같이 입력 #app.js 다음과 같이 터미널에서 성능확인 가능! 2. path path 모듈을 통해 public폴더에 있는 static파일들 가져오기 7번째 줄에서 public이라는 이름의 폴더 경로를 publicPath에 저장 8번째줄에서 public폴더에 있는 정적 파일들 전송 정적파일들이 존재하면 8번째줄에서 미들웨어 끝남(9번째줄부터 실행 안함). 정적파일들이 없는 경우 10번째 줄에서 없다고 출력해줌. **왜7번째 줄에서 path.resolve안쓰고 "/public" 이라고 쓰면 안되나? : mac하고 Linux에서는 "/public" 이고 .. 공감수 0 댓글수 0 2020. 7. 30.
  • Express.js를 왜 쓸까? & 습득 과정 왜 node.js만 안쓰고 express.js를 쓰는 걸까? node.js에서는 urls.py처럼 각 path마다 name을 지정해주는 게 없음 예를 들면 'localhost/main' 이라는 url을 입력했을 때, 1) django는 urls.py에 path('/main',앱이름.views,name="main") 이런식으로 경로 이름과 url을 적어줘서 쉽게 접근가능하게함 2) node.js에서는 requestHandler함수를 만들어서 if문, else if문으로 경로를 한줄한줄 내려가면서 찾는 형식 function requestHandler(req, res){ //req와 res를 다루는 함수 if(req.url ==="/"){ //url이 /이면 res.end("Welcome to mainpage.. 공감수 0 댓글수 0 2020. 7. 30.
  • Express.js - 손으로 하나하나 코드 작성하는 server 실행하기 (서버 개념알기위한 실행일뿐 쓰이진 않음) * 서버가 어떻게 돌아가나 알기 위한 서버실행 과정일 뿐, 실제로 쓰이지는 않음 실제 구현할 때 서버 실행하는 법은 다음 링크 참조 https://yulme.tistory.com/76 express.js - (중요!) MVC패턴 갖추기 (회원가입구현) *github github.com/ImYurim/node-mongodb.git ImYurim/node-mongodb Contribute to ImYurim/node-mongodb development by creating an account on GitHub. github.com 1. setting - 작업할 directory 만들기 - np.. yulme.tistory.com 1. 작업할 폴더 만들어주기 #나는 nodejs라고 폴더 만들어 주었음 (아무이.. 공감수 0 댓글수 0 2020. 7. 30.
  • express.js - router 개념 (DB연동 후 CRUD 함수 작동 흐름) 0. 알아야하는 개념 - Router - Rest API - CRUD 0. 필요한 프로그램 - postman - DB - VS code (express.js, nodemon) 0. 전체 흐름 :routes파일 -> models파일 -> controller 파일 -> models파일 주소로 함수 호출 -> models파일은 DB다루는 CRUD함수 정의하는 용도 (사용자가 입력) -> controller파일은 models 에서 준 데이터를 DB에서 읽을 수 있게 변환 후 올바른 데이터인지 판단, 옳은 데이터면 변환한 데이터를 models로 다시 리턴 -> models는 controller가 준 데이터를 DB에 CRUD함(쿼리사용) * 예시 (개념) : 회원가입 폼에 정보를 입력하면 Create 잘되는지 보자.. 공감수 0 댓글수 0 2020. 7. 10.
  • express.js - frontend 부분 동작 과정 0. 기본 구성 1) public : 정적 파일 저장 - img, font ... 2) routes : - 각 기능별 app 폴더 만들기 1. routes폴더 1) 기능별 app폴더 안에 html 호출해 줄 router 만들기 (views.py의 render 부분과 비슷함) #routes/class/classplan.js : render('class/classplan') 은 views폴더에 있는 class폴더의 classplan.ejs (html) 가져올 것이라는 뜻 {layout: './class/classplanlayout'} 은 views폴더의 class폴더의 classplanlayout.ejs (템플릿 상속) 파일을 css로 쓰겠다는 뜻 2. views폴더 (html, css 작성) 1) 각 기능.. 공감수 0 댓글수 0 2020. 7. 10.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

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

    © Kakao Corp.