내부망이 뭔지 갑자기 헷갈려서 적어본다.. 모든 네트워크는 선으로 연결되어있다. 진짜 선. 인터넷도 다 선으로 연결되어있다. 미국까지 바다밑으로 전선이 쫙 깔려있다. OSI 7 layer를 기억해보자. 거기 젤 처음이 물리계층이다. 이 전선이 바로 물리계층이다. 출처 : https://velog.io/@cgotjh/%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC-OSI-7-%EA%B3%84%EC%B8%B5-OSI-7-LAYER-%EA%B8%B0%EB%B3%B8-%EA%B0%9C%EB%85%90-%EA%B0%81-%EA%B3%84%EC%B8%B5-%EC%84%A4%EB%AA%85 예를 들어서 회사 내부망이라고 하면, 같은 대역을 쓰는 통신망이다. 내부망 바깥에는 방화벽으로 막혀있고 외부로..
프록시(Proxy) 프록시 서버는 클라이언트가 자신을 통해서 다른 네트워크 서비스에 간접적으로 접속할 수 있게 해주는 컴퓨터나 응용 프로그램을 가리킨다. 프록시의 종류 프록시에는 Forward Proxy와 Reverse Proxy가 있는데 그 차이는 아래와 같다. Forward Proxy 포워드 프록시는 클라이언트 앞에, 인터넷의 전에 있다. 내부망에 있는 클라이언트가 서버에 접근하고자 할때, 클라이언트는 타겟 서버의 주소를 포워드 프록시에 전달하여, 포워드 프록시가 인터넷으로 요청된 내용을 가져오는 방식이다. 예를 들어 우리가 naver.com 을 요청하면 포워드 프록시 서버가 naver.com 리소스를 대신 받아와 클라이언트에게 내밀어준다(forward)고 생각하면 된다. 흔히 말하는 프록시 서버는 ..
WebServer란? WebServer의 예시로는 Apache, NginX등이 있다. 클라이언트의 요청에 따라 HTML, CSS, JS, 이미지 파일 같은 정적파일을 응답하여 제공하는 소프트웨어를 말한다. HTTP프로토콜을 사용하여 클라이언트와 통신한다. Was란?(Web Application Server) Tomcat, JBoss, WebSphere등이 있다. 클라이언트의 요청에 따라 동적인 처리를 담당하는 영역. 로직을 실행한다. 요청의 흐름 WebServer와 Was를 나누는 이유 1. WAS의 부담을 줄여주기위해. 로직을 처리하는 WAS는 그 자체만으로도 할게 많다. 정적파일과 동적파일을 분리함으로써 부담을 줄일 수 있다. (최근에는 WAS의 기능이 좋아져서 굳이 나누지 않아도 되지만, 2, 3의..
css 변경사항이 반영되지 않는 문제가 발생했다. 이상하게 파일명을 바꾸니까, 적용이 됬다. 이 현상은 해당 css를 브라우저가 캐시로 저장해놓고 있기 때문에 링크된 css의 변화점을 기억하지 못하는 것이라고 한다. 해결방법은 두가지가 있다. 두번째 방법은 PC마다 해줘야 하므로, 서버에 css를 적용해도, 다른 사용자에겐 이전과 똑같이 보일 수 있다.(다른 사람들도 캐시되어있을테니) 첫번째 방법을 추천한다. 1. css링크 주소 변경 css링크 주소에 ?after를 붙인다.
생각할 점이 많은 글을 발견했다. 최근에 js라이브러리를 이것저것 사용하면서 쓸데없는 js를 너무 많이 사용한다는 생각을 했다. 분명히 좋지 않을텐데... 하고 생각했고 그러다가 npm, node, webpack, babel, 모듈화.... 이것저것 봤다. webpack을 쓰는 이유 중에는 스크립트 용량을 줄이기 위해서도 있다는데.. 왜 그래야하지? 등등 나 같은 생각을 한 사람에게 이 글이 도움이 될 것이다. https://medium.com/little-big-programming/spa-%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%9A%A9%EB%9F%89-%EC%96%B4%EB%94%94%EA%B9%8C%EC%A7%80-%EC%A4%84%EC%9D%BC-%EC%88%9..
Webpack webpack은 frontend프레임워크에서 가장 많이 사용되는 Module Bundler이다. webpack은 모듈(js모듈, 이미지 폰트 등 전부)의 의존성을 분석하여 하나로 묶어, 병합 및 압축해준다. 여러라이브러리를 하나로 만들어준다고 생각하면 된다. Babel Babel은 코드 변환기이다. javascript는 계속 발전한다. 추가될 기능에 대한 "제안"(proposal)이 정기적으로 등록되고, 가치가 있다고 판단되면 https://tc39.github.io/ecma262/에 추가된다. 그리고 궁극적으로 ECMA명세서(specification)에 추가되는 것이다. 하지만, 엔진(브라우저)이 항상 표준 전체를 지원하지는 않는다.(대표적으로 IE...) 바벨은 transpiler로 이..
웹 생태계에는 다른 출처(origin)로의 리소스 요청을 제한하는 것과 관련된 두 가지 정책이 존재한다. 바로 CORS와 SOP다. Origin, 출처 이러한 url이 있을 때 origin은 protocol + host + port를 말한다. 예시 : https://www.evan-moon.com:80 https://www.evan-moon.com:80 https://www.evan-moon.com/about https://www.evan-moon.com/about?name=ghost 세가지는 모두 같은 출처로 본다. SOP(Same-Origin Policy) “같은 출처에서만 리소스를 공유할 수 있다”라는 규칙을 가진 정책이다. 즉, 원래 웹에서는 같은 출처(origin)에서만 리소스를 공유할 수 있다..
Restful API에 대한 구글링 https://www.redhat.com/ko/topics/integration/whats-the-difference-between-soap-rest REST와 SOAP 비교 REST와 SOAP는 웹 애플리케이션 간 데이터 통신을 허용하는 애플리케이션 프로그래밍 인터페이스(API)를 구축하는 방법을 정의합니다. www.redhat.com http://blog.wishket.com/soap-api-vs-rest-api-%EB%91%90-%EB%B0%A9%EC%8B%9D%EC%9D%98-%EA%B0%80%EC%9E%A5-%ED%81%B0-%EC%B0%A8%EC%9D%B4%EC%A0%90%EC%9D%80/ SOAP REST 차이, 두 방식의 가장 큰 차이점은? - Wishk..
