1. 브라우저에서 URL을 입력하고 요청한 페이지를 볼 때까지 어떤 일이 일어나는지 설명해주세요. 1.브라우저에 URL입력하면, 2.URL을 IP 주소로 변환 (3계층) (URP로는 컴퓨터끼리 통신이 불가하기 때문에, 컴퓨터가 읽을수 있는 IP주소로 변경 필요. 브라우저에서 자신의 로컬 hosts파일과 브라우저 캐시에 해당하는 URL이 존재하는지 확인, 존재하지 않는다면 DNS서버에 요청하여 URL을 IP주소로 변경) 3.해당 서버에 요청 (라우터를 통해 경로를 찾아가고, ARP를 통해 IP주소를 물리 주소인 MAC주소로 변경 ) 4.대상 서버와 TCP 통신을 통해 소켓을 염(https의 경우 handshakde추가) 5.연결 완료되었으니 해당페이지에 요청 및 응답(https, http) 6.그 이후 브..

Oauth 로그인 구현 시 CORS 에러가 발생하던 증상과 해결했던 사례에 대한 복기! 증상: 화면에서 Oauth 로그인 버튼 클릭 시 네트워크 탭에서 CORS 에러가 발생하고 로그인이 안됨 상세 내용: 콘솔 창에서 뜬 상세 에러 내용 Access to XMLHttpRequest at '클라이언트주소' (redirected from 서버주소/해당콘트롤러주소) from origin '클라이언트주소' has been blocked by CORS policy : Response to preflight request doesn't pass access control check : the value of the 'Access-Control-Allow-Origin' header in the response must..

Web Server – 기초 node.js를 이용한 백엔드 구축 → API 서버를 구현하여 Express, 라우팅, Server-side 디버깅 학습 CommonJS 와 모듈의 개념 학습 학습 목표 *HTTP - HTTP 요청/응답 - HTTP 의 요청 방식과 응답 코드 * node.js modules의 사용 - node.js의 내장 http 모듈 사용법 - http 모듈 사용시에 서버에 CORS 설정하기 - CommonJS를 이용한 모듈 내보내기/불러오기 * 라우팅과 API - 라우팅(조건에 따른 분기)을 이해하고, 이를 서버 코드에서 구현 - 클라이언트가 사용할 수 있도록, 서버 API 문서를 직접 작성 * Express 라이브러리 - express 라이브러리에 대한 이해 - 미들웨어의 개념을 이해 ..

http/네트워크 intro 학습 목표 * 클라이언트-서버 콘셉트 - 클라이언트-서버 아키텍처 - HTTP를 이용한 클라이언트-서버 간 통신 - API의 개념 * 브라우저의 작동 원리 - 보이지 않는 곳의 통신: URL과 URI의 차이 IP 주소와 PORT DNS와 IP 주소의 관계 크롬 브라우저의 에러 메시지 이해하기 - 보이는 곳의 통신: AJAX의 개념 SSR과 CSR의 차이 CORS의 개념 * HTTP messages의 구조 - HTTP의 동작 방식 - HTTP requests와 responses - HTTP 응답 메시지 * Chrome Network Tab 이해하기 - Chrome Network Tab 사용방법 * Self Guided Lessons(Advanced) - How the inter..