프론트엔드 공부/Web Server
-
들어가기 앞서 참고(트랜젝션 해부) HTTP 트랜잭션 해부 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Node.js가 제공하고 있는 HTTP 트랜잭션 해부(Anatomy of an HTTP Transaction) 공식 가이드 문서를 통해 Mini-Node Server를 완성하는 데 도움을 받을 수 있습니다! 과제 실행에 앞서 깃허브 포크 받고 클론하는 과정은 생략. 서버 실행 node server/basic-server.js 위와 같이 노드 서버를 실행했을때 코드를 수정하고 저장했다면 프로그램을 매번 서버를 Ctrl+C를 눌러 종료했다가 npm start로 다시 시작해야 한다. 어..
Mini Node Server들어가기 앞서 참고(트랜젝션 해부) HTTP 트랜잭션 해부 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Node.js가 제공하고 있는 HTTP 트랜잭션 해부(Anatomy of an HTTP Transaction) 공식 가이드 문서를 통해 Mini-Node Server를 완성하는 데 도움을 받을 수 있습니다! 과제 실행에 앞서 깃허브 포크 받고 클론하는 과정은 생략. 서버 실행 node server/basic-server.js 위와 같이 노드 서버를 실행했을때 코드를 수정하고 저장했다면 프로그램을 매번 서버를 Ctrl+C를 눌러 종료했다가 npm start로 다시 시작해야 한다. 어..
2023.02.06 -
들어가기 앞서 '출처'에 대해 알고 갑시다! URL 구조 다른 출처의 출처가 무엇인지 살펴봐야 하는데, 출처가 무엇인지 알기 위해서 먼저 URL의 구조를 살펴보아야 합니다. URL 구조는 아래 그림과 같습니다. 프로토콜의 HTTP는 80번, HTTPS는 443번 포트를 사용하는데, 80번과 443번 포트는 생략이 가능합니다. 출처(Origin)란? 출처(Origin)란 URL 구조에서 살펴본 Protocal, Host, Port를 합친 것을 말합니다. 브라우저 개발자 도구의 콘솔 창에 location.origin를 실행하면 출처를 확인할 수 있습니다. 같은 출처 VS 다른 출처 같은 출처인지 다른 출처인지 이해를 돕기 위해 예제를 하나 살펴보도록 하겠습니다. 현재 웹페이지의 주소가 https://gjy0..
SOP, CORS들어가기 앞서 '출처'에 대해 알고 갑시다! URL 구조 다른 출처의 출처가 무엇인지 살펴봐야 하는데, 출처가 무엇인지 알기 위해서 먼저 URL의 구조를 살펴보아야 합니다. URL 구조는 아래 그림과 같습니다. 프로토콜의 HTTP는 80번, HTTPS는 443번 포트를 사용하는데, 80번과 443번 포트는 생략이 가능합니다. 출처(Origin)란? 출처(Origin)란 URL 구조에서 살펴본 Protocal, Host, Port를 합친 것을 말합니다. 브라우저 개발자 도구의 콘솔 창에 location.origin를 실행하면 출처를 확인할 수 있습니다. 같은 출처 VS 다른 출처 같은 출처인지 다른 출처인지 이해를 돕기 위해 예제를 하나 살펴보도록 하겠습니다. 현재 웹페이지의 주소가 https://gjy0..
2023.02.06