[2장 네트워크] 2.3 ~ 2.5까지 내용 학습 및 정리

[Changha-dev]

🚀 스터디

• 일시: 2023-09-22 (일) 16:30 ~ 18:00
• PR 마감 날짜: 스터디 전
• 참석자 : 전원

🎯 공통 주제

• 2.3 네트워크 기기
• 2.4 IP주소
• 2.5 HTTP

이 부분은 각자 개인 공부로 진행하시면 됩니다.

👩‍💻 개인 주제

목차

* [ ] 네트워크 기초 
* [x] 대역폭
* [x] OSI 계층 
* [x] TCP 의 연결 및 해제 과정 (3,4-way hands shaking)
* [x] DNS + 웹 통신 흐름
* [x] 네트워크 기기
* [x] L7, L4 스위치 + 로드밸런싱
* [ ] HTTP 진화 과정
* [x] HTTPS
* [x] REST API + RESTful
* [x] SOAP
* [x] 쿠키와 세션
* [x] 프록시 서버
* [x] SOP와 CORS

• 공부하고 발표하고 싶은 주제를 정해 이슈 답글을 달아주세요!
• 개인 주제를 공부하고 정리해서 스터디 시간에 발표합니다!

✔️ To Do

• 스터디 전까지 개인이 정리한 것을 PR 보내기, merge는 스터디 모임 때(이 내용을 토대로 발표)
• 면접 준비(아직 학습 단계이기 때문에 서로 의견 나눌 수 있는 정도로만 준비하시면 됩니다)

[Changha-dev]

질문 리스트

• 웹은 URL이 존재하는데 앱은 없는 것인가?
• 쿠키 세션방식으로 할 때 서로 다른 네트워크인 프론트와 백엔드 사이에서 통신이 되지 않았다. 이유가 무엇인가?

[Changha-dev]

질문 : 웹은 URL이 존재하는데 앱은 없는 것인가?

프론트에서 웹은 브라우저를 통해 접속해야 하므로 URL이 필요합니다.
앱 개발시에는 네이티브 앱 자체를 통해 접속하므로 따로 URL이 없습니다.

모바일 앱 개발에서는 웹 개발과 다르게 프론트엔드(모바일 앱 자체)가 URL을 가지지 않기 때문에, 
웹 개발과 같은 방식으로 localhost:3000과 같은 프론트엔드용 URL은 존재하지 않습니다. 
모바일 앱 개발에서는 앱 자체가 URL을 가지는 것이 아니라, 앱이 백엔드 서버의 API와 통신하는 방식으로 작동합니다. 
- ChatGPT 4o

[Changha-dev]

질문 : 쿠키 세션방식으로 할 때 서로 다른 네트워크인 프론트와 백엔드 사이에서 통신이 되지 않았다. 이유가 무엇인가?

• CORS 정책문제
  • 백엔드 서버에서 Access-Control-Allow-Origin 헤더를 사용하여 프론트엔드 도메인을 허용해야 합니다.
  • 또한, 쿠키를 전송하려면 Access-Control-Allow-Credentials 헤더를 설정하여 **자격 증명(credentials)**을 허용해야 합니다.
  • 프론트엔드 요청 시 withCredentials 옵션을 true로 설정하여 쿠키를 포함한 요청을 보냅니다.
• SameSite 쿠키 설정 문제
  • SameSite=None 속성을 사용하여 쿠키가 다른 출처에서도 전송될 수 있도록 설정해야 합니다.
• HTTP와 HTTPS 혼용 문제
  • 프론트엔드와 백엔드가 모두 HTTPS를 사용하여 통신해야 쿠키가 안전하게 전송될 수 있습니다.