[React] Day_15 데일리 정리 (어라라 너무 짧네 주의)

 

오늘은 특강정리하고... 금요일에 JS 마저 듣고 마무리..를 계획에 세우고 있습니다..

내일 이후론 크리스마스가 유일한 공휴일이라니.. 슬프지만 그래도 오늘도 해낼 건 해내야죠??

(너 이제 휴일 없어. 각오해. 으아악 살려줘)

오늘은 간단하게 특강으로 정리함. 암튼 그럼. 랏쯔고.

 

Web 이란 무엇인가...

우리의 목적은 무엇이다? 바로 Web서비스를 만드는 것이다~

웹은 그냥 웹 아니냐구요? 그런 사람들 이번 특강정리 잘 보도록 하세요. (쓰읍)

 

Web 서비스 정리

• 웹 서비스란? 웹이라는 공간 안에서 제공되는 서비스. [cf. 설계, 제작, 관리하는 직업 → 웹 서비스 개발자.]
• 동작 : 웹 공간의 클라이언트 요청 시, 누구든지 가능
• 해당 요청을 받는 서버 = 웹 서버 (웹 서버는 백엔드가 아니다!)
• 웹 서비스를 원활하게 하기 위한 도구 : aws, vercel, netlify 등

 

클라이언트&서버

• 클라이언트 : 브라우저라는 도구를 활용하여 웹서버에 요청하는 주체.
• 서버 : 요청* 캐치 후, 이에 대한 처리를 한 후에 응답 제공.
• *요청방식(in 웹) : 메서드와 url의 조합 활용 (클라이언트 → 서버)

 

결론

•  우리가 만드는 것 → 웹서비스 제공을 위한 웹서버.
• 웹서버 → 프론트엔드와 백엔드로 구성, 그리고 나는 프론트엔드 개발자이다. (ft. 옵티머스 뿌라임)

나는 짱쎈 쁘론뜨엔도(장래희망) 이다.

 

Web 서버 주요 기능

 

페이지 제공, api 제공
→ json 주로 사용. (웹에서 주고 받을 때) ex) restful API

정적 페이지 제공
1) 프론트 & 백엔드, 각각 구성하여 배포
(React 제작 후, Spring & Node를 활용하여 프로젝트 제작)
cf. React : 페이지 전달 / Spring & Node : API의 제공

• 장점 : 프론트, 백엔드 모두 독립적으로 스케일 아웃 가능, 한쪽에 문제가 생겨도 다른 쪽에 영향 X
• 단점 : 배포 및 관리가 어려움, 양측간의 통신 오버헤드가 발생할 수 있음

2) 프론트, 백엔드 동시에 구성하여 배포 (only 웹서버)

If 백엔드만 구성 시, (REACT X), REACT 서비스 이용 불가로 인한 최신기술 사용 불가능

+) 프론트엔드만 구성시, 간단한 웹사이트나 앱에 적합하지만 복잡한 기능의 구현에는 한계 존재