Express (6) 썸네일형 리스트형 [Web] Node Express 사용관련 ejs & html 페이지 보여주기 관련 https://estrella-kim.github.io/node-express_view_page Node.js 와 express 사용하여 view page 보여주기(+ html) Node.js 와 express 사용하여 view page 보여주기(+ html) Node.js 와 Express 프레임워크로 만든 웹서비스에서 뷰페이지를 보여주도록 설정해주면서 우여곡절을 겪으면서 render 메소드와 send메소드의 차이를 estrella-kim.github.io https://junspapa-itdev.tistory.com/2 [Node.js 6강] html 템플릿 엔진 ejs 연동해서 서버에서 넘어온 데이터 사용하기 EJS 란? EJS는 Embedded JavaScript templating의 약어로서,.. [Web] Node express 미들웨어 Node express 사용에 있어 미들웨어라는 개념을 이해하기 위해 참고한 링크입니다. https://velog.io/@wjddnjswjd12/node.js-express-%EB%AF%B8%EB%93%A4%EC%9B%A8%EC%96%B4%EB%9E%80 node.js, express, 미들웨어란? 구글의 크롬 v8 자바스크립트 엔진을 기반으로한 비동기IO를 지원하는 고성능 네트워크 서버개발자가 모든 종류의 서버사이드 도구들과 어플리케이션을 javascript로 만들수 있도록 해주는 런타임 velog.io https://wayhome25.github.io/nodejs/2017/02/18/nodejs-11-express-query-string/ Express-URL을 이용한 정보의 전달 - 쿼리스트링 · .. [Web] NginX 설치 및 Node Express Port 연동 우선 NginX 설치하기 sudo apt-get update // 설치 전 ubuntu 업데이트 sudo apt-get upgrade // 설치 전 ubuntu 업그레이드 apt-get install nginx // NginX 설치 systemctl status nginx // Nginx 설치 확인 sudo service nginx start // Nginx 시작 설치 후 Node.js Port 연동해주기 vi /etc/nginx/sites-available/default //nginx port 설정을 위한 접근 location /[원하는 도메인 값이 있을 경우 입력] { proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For .. [Web] App.js 실행 BackEnd 설정 이후 기존 bin/WWW 에서 App.js로 실행하고자 할 때, 하단에 app.set('port', process.env.PORT || 9000); //ex) 9000 / 원하는 포트 번호 넣기 var server = app.listen(app.get('port'), function() { console.log('Express server listening on port ' + server.address().port); }); 다음과 같이 작성해준다. https://expressjs.com/ko/starter/hello-world.html Express "Hello World" 예제 Hello world 예제 기본적으로 이 앱은 여러분이 작성할 수 있는 가장 간단한 Express 앱일.. [Web] Vue router 와 Express 연동을 위한 connect-history-api-fallback 모듈 설치 Vue router 와 Express 연동을 위해서 connect-history-api-fallback 모듈 설치가 필요하다. 설치 방법은 아래 링크를 첨부합니다. https://www.hanumoka.net/2018/11/13/vue-20181113-vue-how-to-make-vue-express-project/ Vue와 Express를 합쳐서 통합 프로젝트 만들기 들어가기이 글은 Vue 프로젝트와 Express 프로젝트를 연동하는 예제이다. Vue Express Node 통합 프로젝트 환경 만들기Vue를 프론트엔드로, Express를 백엔드로 개발할때 어떻게 프로젝트를 잡아야 할까 www.hanumoka.net connect-history-api-fallback 에 대한 자세한 설명은 GitHub에.. [Web] express / vue 연동하기 express 와 vue를 연동하는 방법입니다. 참고했던 여러개의 링크가 있으니, 해당 링크에 접속하시어 맘에 드는 걸로 진행하시면 됩니다. 해당 버전 설치 시 vue의 경우 2.9.6 버전[2021.11월 기준]으로 설치되고 있으니 vue 3버전이나 4버전을 원하실 경우 다른 링크를 참조하시거나 https://allblack0811.tistory.com/28 vue3.js 세팅하기(vue-router) vue.js cli 설정 하는 방법을 알아보겠습니다. npm install -g @vue/cli // cli3 버전 npm install vue-cli //cli2 버전 cli툴을 설치해주세요! vue create {project명} //3.x vue init {탬플릿} {파일 경로} //2.. allb.. 이전 1 다음