모바일 웹, 앱 개발8 nodejs 서버를 이용한 웹페이지 만들기3 (nodemon, css, bootstrap) 자동으로 서버 재시작 해주는 nodemon을 설치해보자. 그러면 파일을 저장(ctrl+s)할 때마다 알아서 서버를 재시작해서 웹페이지를 보여준다.명령어는 npm install -g nodemon 이다. 그리고 이제 홈페이지를 꾸며보자. css를 이용해서 홈페이지를 꾸미는 것이고, 이건 다른 폴더 안에 들어있어야 가져다 쓸 수 있다고 한다. 보통 public이라는 폴더를 만들어서 잡다한 것을 넣는다고 한다. public 폴더를 만들고 그 안에 main.css 파일을 만들자.그리고 server.js 에는 아래와 같이 만들어서 넣자.const express = require('express')const app = express()app.use(express.static(__dirname+'/public')) .. 2024. 6. 16. nodejs 서버를 이용한 웹페이지 만들기2 (여러 페이지 생성+html 파일 생성) 이번에는 여러 페이지를 만드는 법을 배워보자.대부분 url을 기준으로 naver.com/news 혹은 naver.com/blog 등 / 위에 구분할 수 있는 글자를 만들어서 페이지를 구분한다.똑같은 방식으로 만들어보자. const express = require('express')const app = express()app.listen(8080, ()=> { console.log('http://localhost:8080 에서 서버 실행 중')})app.get('/',(요청,응답)=>{ 응답.send('반갑다')})app.get('/url',(요청,응답)=>{ 응답.send('데이터')}) 이렇게 할 경우 기본 웹 주소인 http://localhost:8080은 아래와 같이 나오고, htt.. 2024. 6. 16. nodejs 서버를 이용한 웹페이지 만들기1 (express라이브러리 사용) Node.js와 vscode를 깔았으면 원하는 폴더를 하나 만들고 그 아래에 server.js라는 파일을 만들어보자. 이 후에는 package.js 파일을 만들어주는 명령어 npm init -y를 터미널에 치고 엔터를 누르자. (터미널은 ctrl+~하면 됨) 그리고 express라는 library를 쓸 것이기 때문에 터미널에 npm install express 명령어를 쳐주자. 그 다음에는 server.js파일에 아래와 같이 코드를 넣어보자.const express = require('express')const app = express()app.listen(8080, ()=> { console.log('http://localhost:8080 에서 서버 실행 중')})app.get('/',(요청,응답.. 2024. 6. 16. Node.js랑 vscode 깔기 유튜버 다국어 개발자님의 영상을 보다가 나는 인디해커+콘텐츠 크리에이션+투자자가 돼서 경제적 자유를 이루고 싶다는 생각을 했다.나는 컴퓨터공학을 전공한 사람은 아닌 비전공자다. 그래서 문턱도 있고, 어려움도 있을 것 같다.하지만 어쩌면 마지막일지 모르는 프로그래밍+AI의 시대에 막차 탑승이 지금이 아니면 안된다는 생각을 하고 비교적 쉽게 재밌게 알려주는 코딩애플 사이트를 통해 일단 서버 개발에 대해서 배워보고자 한다. 그래서 첫번째는 개발을 할 수 있는 환경을 구축하는 것이 먼저인데, 이를 위해 Node.js와 vscode를 깔아야 한단다.아래가 그 경로이고, nodejs는 LTS 버전을 깔면되고, VScode는 처음 나오는 버튼 누르면 된다. 설정은 모두 default로 하면 된다. https://no.. 2024. 6. 16. 이전 1 2 다음
