a태그가 아니라 app.get을 쓰는이유 ?

[형산]

node.js 를이 강의로 처음 접해보고있습니다.

app.get("/pet", function (요청, 응답) {
  응답.send("펫 쇼핑할 수 있는 페이지입니다.");
});

강의에서 이부분이 나왔는데,

예를 들면 펫메뉴같은걸 클릭하면   응답.send("펫 쇼핑할 수 있는 페이지입니다."); 이 부분이 나오게하는것같습니다만,

예를들어 html에서 <a href="pet.html"> 펫메뉴 </a> 이런식으로 a태그의 하이퍼링크를 통해 pet.html로 이동하게 하는것과 뭐가 다른

건가요 ?? 왜 링크이동을 서버를 통해 이동하게 하는 것인가요 ?

[codingapple]

위 코드는 "누가 /pet으로 get요청하면 글자몇개 보내주세요" 라는 뜻이고

a태그는 "이거 누르면 /pet.html로 get요청해주세요" 라는 뜻이라 뜻과 역할이 서로 다릅니다

[형산]

그럼 "펫메뉴"라는 아이콘이 있다고 치면,

사용자가 "펫메뉴"를 클릭해서

app.get("/pet", function (요청, 응답) {
  응답.sendFile(__dirname + "/pet.html");
});

이렇게 pet.html을 볼수있고,

<a href="pet.html"> 펫메뉴 </a> 이걸 눌러서도  pet.html로 

이렇게도 pet.html을 볼수있는건 똑같은거 아닌가싶어서요.

 

사용자가 느끼기에는 똑같이 pet.html을 눈으로 보게 되는건데...

저는 뭐가 다른건지 잘모르겠네요 ㅠㅠ 하다보면 알게 되겠죠 ?

 

[codingapple]

a태그만 쓴다고 html 보여주지 않습니다 a태그 누르면 서버에게 /pet.html 달라는 get요청이 일어나서

서버에서 GET요청을 처리해주는 코드가 있어야 볼 수 있습니다 

로컬작업환경에서는 a태그만 써도 잘 보입니다

 

[글쓴이]

글