4 글 보임 - 1 에서 4 까지 (총 4 중에서)
-
글쓴이글
-
2022년 10월 19일 16:28 #50845
이창민참가자html 파일을 연결 후 http://localhost:8080/ 주소로 접속하면 레이아웃이 다 깨져서 나오는데 왜 그런건가욤 ㅠㅠ html파일에서 오픈브라우저 라이브로 볼때와 다르게 나옵니다 밑에는 제가만든 html 파일과 server.js 파일 코드입니다 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="main.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <title>Document</title> </head> <body> <header> <div class="main-header"> < img src="../main-mark.png" style="width:100px;"> <i class="fa-solid fa-user fa-3x"></i> </div> </header> <br><br> <!-- 택시 구하는 게시판 미리보기 --> <div class="main-border"> <div class="main-border-more"> <h3>Ride Together (최신목록 5개 출력)</h3> <span style="color:red;">더 보기</span> </div>
-
-
- <span>생성할 방 정보를 서버로 전송 후 화면(게시판)에 출력 (출발지 목적지 시간)</span>
-
-
-
- <button>어디에서 -> 어디 9:30am</button>
-
</div> <br><br> <!--출발지랑 목적지 입력하면 경로,시간,요금 출력?--> <div class="navi"> <div> <input type="text" placeholder="출발지를 입력해보세요."> <input type="text" placeholder="목적지를 입력해보세요."> <button>완료</button> </div>
<div> <div> <span>소요시간 : </span> </div> <br> <div> <span>비용 : </span> </div> </div> </div>
<br>
<div class="main-map"> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d12775.276412074332!2d127.13656985!3d36.822854500000005!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sko!2skr!4v1665239407384!5m2!1sko!2skr" width="100%" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div>
<footer class="footer"> <i class="fa-solid fa-house fa-2x"></i> <i class="fa-solid fa-border-all fa-2x"></i> <i class="fa-solid fa-taxi fa-2x"></i> <i class="fa-solid fa-gear fa-2x"></i> </footer> </body> </html> ---------------server.js
const express = require('express'); const app = express(); const bodyParser = require('body-parser'); app.use(bodyParser.urlencoded({extended : true})); const MongoClient = require('mongodb').MongoClient; app.set('view engine', 'ejs');var db; MongoClient.connect('mongodb+srv://@cluster0.0qiowcf.mongodb.net/?retryWrites=true&w=majority', function(에러, client){if (에러) return console.log(에러)
db = client.db('with');//저장은 object형식으로 // db.collection('user').insertOne( {이름 : 'test', 유형 : '승객', _id : 1}, function(에러, 결과){ // console.log('저장완료') // });app.listen(8080, function(){ console.log('위이이이잉 mongoDB연결 완료') }) });app.get('/test', function(요청, 응답){ 응답.send('test'); })// //메인페이지 app.get('/', function(요청, 응답){ 응답.sendFile(__dirname+'//main/index.html') });// //회원가입시 데이터 저장 // app.get('/sign-up', function(요청, 응답){ // 응답.sendFile(__dirname+'sign-up/sign-up.html') // }); -
-
글쓴이글
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
- 답변은 로그인 후 가능합니다.