Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- JS
- JavaScript
- 리액트
- 팝업메뉴 꾸미기
- state_checked
- ContextAPI
- 메뉴클릭
- Dialog
- toolkit
- custom
- nodejs
- 옵션메뉴꾸미기
- Node
- redux/toolkit
- 팝업메뉴
- itemBackground
- Android
- Redux
- Menu
- 안드로이드
- javaSrcript
- hoos
- 자바스크립트
- 커스텀옵션메뉴
- react
- framework
- readAsDataURL
- bottomNav
- Hooks
- 코틀린
Archives
- Today
- Total
대기업을 향한 디벨롭 블로그
response 종류를 다루는..(쓰는족족넣어보자) 본문
여기는 서버에서 클라이언트의 요청에 응답을하는 res종류와 쓰는법에 대해 정리를 해놓을것이다.
1.res.send()
2.res.sendFile()
1. res.send()
1 app.get('/',function(req,res)=>{
res.send('안녕하세요 send해보겠습니다').
})
res.send() -> 말그대로 보내는것이다. 사용자에게. 문자열을 보내게되면 브라우저에 저 문자열('안녕하세요 send해보겠습니다') 이 그대로 뜨게된다. 브라우저 소스코드를 보면 저 문자열은 html <body>태그 안에 문자열그대로 삽입된걸 볼수있을 것 이다. 그리고 자동으로 utf-8인코딩해준다는 장점이있다.
1 app.get('/',function(req,res)=>{
res.send('안녕하세요 send해보겠습니다').
res.send('안녕히계세요 send해봤습니다').
})
res.send()는 2번쓸 수 없다. 맨처음쓴 res.send() 만 가능하고 그뒤에는 무시된다.
-------------------------------------------------------------------------------------------------------------------------------
2. res.sendFile()
main.html -> main.html파일이 있다고치자
<html>
<head>
</head>
<body>
<h1>안녕하세요 html입니다</h1>
</body
</html>
사용자에게 이 html파일을 부라우저에 띄어주려면,
1 app.get('/',function(req,res)=>{
res.sendFile(__dirname+'public/main.html');
})
서버에서는 이렇게 처리하면된다. 그럼 사용자가 localhost:5050에 접속하게되면 main.html을 보게된다.
여기서 중요한건 res.sendFile할때는 상대경로(현재폴더위치에서의 경로)가 아닌 절대경로를 인자(괄호안의값)로 보내야한다. 그래서 맨앞의 __dirname을 써주는이유는 __dirname은 현재의폴더의 경로라고 볼수있다. main.html파일은 public폴더안에있기 때문에 __dirname+'public/main.html'을 해주므로서 현재폴더경로안에->퍼블릭안에->main.html을 클라이언트에게 보낼 수 있다.. __dirname이 궁금하다면 console.log(__dirname) 해서 경로를 확인해봐라!
sendFile() = 절대경로필요 __dirname = 현재의폴더경로 pulic폴더안에main.html
sendFile(__dirname+/public/main.html);
--------------------------------------------------------------------------------------------------------------------
'Node.js' 카테고리의 다른 글
fs 사용해서 JSON에 데이터 저장하기 (0) | 2022.08.27 |
---|---|
body-parser 모듈에 대하여... (0) | 2022.02.27 |
3장 /GET요청에 대하여..(프론트엔드에서 주문들어왔습니다~) (0) | 2022.02.27 |
2장 /Node Module의 대하여 (0) | 2022.02.25 |
1장 /노드설치 , Express라이브러리 설치/ (0) | 2022.02.23 |