한번에 질문하겠습니다

[김홍석]

첨 부터 마지막강의까지들으면서 질문을 적어 놓은거라 질문이 좀 기네요.

1. 리액트에서는 라우터로 페이지이동하는데 노드에서 app.get해서 원하는걸 보여주는게 어떻게 다른건지요? 마지막강의에서는 리액트로하면 서버가 할일이 줄어든다고하셨는데 장단점이있을까요

리액트랑 노드랑 따로따로 별개로 과일카테고리를 만들었다고 가정하에 리액트도 과일페이지로 이동하여 과일을 보여줄것이고 노드도 app.get으로 미리만들어놓은 html 과일 페이지를보여줄것인데 차이점을 잘모르겟습니다. 서버연결여부? 말고는 없나요?

2.파라미터 안에 (요청, 응담),(에러,결과) 이런것들은 무조건 국룰처럼 자리가 정해져있나요?

3.ejs가 이해가 잘안됩니다 구글링해봤지만 어려운 용어 때문에 이해하지 못했습니다. 제가 생각하기엔 ejs가 html이 메인이고 ejs가 서브고  메인html에 갖다 붙이는식의 용도가 맞나요? 만약 이게맞는거라면 react에서 export import 개념이랑 비슷한가요? 리액트랑 노드랑 같이사용하면 ejs는 굳이 필요없는건가요?

4.  ajax로 삭제요청할때 리액트,js에서도 삭제기능을 할수있는데 뭐가 다른건가요?

5.마지막 노드랑 리액트합치는 영상중 package.json에 /react를 추가한 이유가 어떤 유저가 /을 통해서 사이트접속이 아니라 /react까지 url에 직접 입력해서
바로접속했기 때문에 화면송출 에러가 떠서 미들웨어를 추가함으로써 바로 입장하게 했자나요? 그러면 대형사이트들은
예를들어서 google.com/ , google.com/react , google.com/node 이런것이 셀수도없이많을텐데
그걸다 하드코딩으로 넣어야되나요?

6. node하면서 라이브러리가 너무 많은데 뭐가 어떤 기능인지 어떻게 알고 다운을 받을까요? 보통쓰는게 정해져있나요?

 

 

아직 노드랑 리액트랑 따로따로 공부중입니다. 두개 동시에 사용법을 잘몰라서 개념정리가 잘안돼어 질문이좀 기네요  친절답변감사합니다

[codingapple]

일단 존재 목적부터 짚고 넘어가자면 

리액트는 그저 HTML 이쁘게 만들어주고, HTML조작과 변경을 쉽게 도와주는 툴입니다. 

서버는 그냥 뭐 달라고 하면 주는 기계일 뿐입니다 

 

1. 리액트에서는 라우터로 페이지이동하는데 노드에서 app.get해서 원하는걸 보여주는게 어떻게 다른건지요? 마지막강의에서는 리액트로하면 서버가 할일이 줄어든다고하셨는데 장단점이있을까요

 

- nodejs로 app.get하는건 진짜 html파일이 변경되는 페이지 이동을 구현할 수 있고 

리액트는 URL 변경되는 것 같지만 index.html 파일 안에서 <div> 내용만 갈아치워보여주는 것인데 

아무튼 유저 입장에선 둘다 페이지 이동처럼 보입니다. 

그래서 하는 일이 겹치니 페이지 이동 구현하고 싶으면 둘 중 맘에드는거 쓰거나 둘다 쓰거나 하시면 됩니다 

 

 

 

리액트랑 노드랑 따로따로 별개로 과일카테고리를 만들었다고 가정하에 리액트도 과일페이지로 이동하여 과일을 보여줄것이고 노드도 app.get으로 미리만들어놓은 html 과일 페이지를보여줄것인데 차이점을 잘모르겟습니다. 서버연결여부? 말고는 없나요?

 

- 노드라면 서버에서 html 파일을 받아서 보여줄텐데

리액트라면 html 파일을 서버에서 받아오진 않겠군요 

 

 

2.파라미터 안에 (요청, 응담),(에러,결과) 이런것들은 무조건 국룰처럼 자리가 정해져있나요?

- 넴 

 

3.ejs가 이해가 잘안됩니다 구글링해봤지만 어려운 용어 때문에 이해하지 못했습니다. 제가 생각하기엔 ejs가 html이 메인이고 ejs가 서브고  메인html에 갖다 붙이는식의 용도가 맞나요? 만약 이게맞는거라면 react에서 export import 개념이랑 비슷한가요? 리액트랑 노드랑 같이사용하면 ejs는 굳이 필요없는건가요?

 

- ejs파일은 html 파일이랑 똑같은데 중간에 자바스크립트 변수 (DB에서 뽑은 게시물 이런거) 같은걸 쉽게 집어넣을 수 있습니다.

그래서 쓰는 일종의 html 대용품입니다.

그리고 실제로 유저에게 ejs파일을 보내줄 땐 ejs가 html파일로 자동으로 변환되어서 보내집니다. 

 

 

 

4.  ajax로 삭제요청할때 리액트,js에서도 삭제기능을 할수있는데 뭐가 다른건가요?

 

- 리액트에서 뭔가를 삭제한다고 치면 그냥 <div>이런거 요소 삭제가 끝입니다.

리액트는 HTML 만드는 툴이기 때문에 언제나 비주얼적인 부분만 담당하니까요. 

DB에 있는 실제 게시물 삭제를 하고 싶으면 언제나 서버로 삭제요청을 보내야합니다. 

 

 

 

5.마지막 노드랑 리액트합치는 영상중 package.json에 /react를 추가한 이유가 어떤 유저가 /을 통해서 사이트접속이 아니라 /react까지 url에 직접 입력해서
바로접속했기 때문에 화면송출 에러가 떠서 미들웨어를 추가함으로써 바로 입장하게 했자나요? 그러면 대형사이트들은
예를들어서 google.com/ , google.com/react , google.com/node 이런것이 셀수도없이많을텐데
그걸다 하드코딩으로 넣어야되나요?

 

- 슬래시 뒤에 아무거나 적으면 저기로 안내해주세요~

라고 코드짤 수 있습니다. app.get('/*', function(){} ) 이런거일걸요

 

 

6. node하면서 라이브러리가 너무 많은데 뭐가 어떤 기능인지 어떻게 알고 다운을 받을까요? 보통쓰는게 정해져있나요?

 

- 넴 특정 기능이 필요해지면 찾아써야합니다 

 

 

[글쓴이]

글