발자국남기기

10장. HTTP/2.0 등장 배경 HTTP/1.1은 심각한 회전 지연이 발생하기 때문에 성능 문제가 존재한다. 이를 해결하기위해 구글에서 SPDY를 개발하였고 이것이 바로 HTTP/2.0의 기반이 되었다. HTTP/2.0 HTTP/2.0 또한 TCP Connection 위에서 동작한다.(초기화는 클라이언트) 요청과 응답을 길이가 정의된 한 개 이상의 Frame에 담는다.(HTTP Header는 압축되어 담김) 이 Frame들은 하나의 스트림을 통해 보내진다. 한 개의 TCP Connection은 여러 Frame을 만들 수 있기 때문에 HTTP Transaction을 동시에 처리하는 것이 가능해진다. 또한 스트림에 대한 흐름 제어와 우선 순위를 부여할 수 있다.(중요한 리소스가 담겨있는 스트림에 우선 순..

웹 브라우져에서 URL을 입력하면 인터넷을 통해 서버에 접근하고 서버 보낸 응답을 웹 브라우져가 화면을 띄워준다. 정적 리소스는 그냥 정적 파일과 같은 의미로 이해하면 된다. 요청이 들어왔을 때 이미 만들어져있는 리소스를 그대로 응답해주는 것. 프로그래밍을 할 수 있기 때문에 사용자에 따라서 다른 화면을 보여준다던가하는 동적인 기능을 수행할 수 있다. 단순히 이미지, HTML, CSS, JS파일을 가져오기만 하면 되는 정적 리소스때문에 애플리케이션 로직이 영향을 받아선 안된다. 앞선 WAS에 많은 부하가 걸리는 문제점으로 인해 위와 같은 대체로 위와 같이 웹을 구성한다. Web Server를 앞에두어 정적리소스에 관련된 처리를 하고, 동적이 로직이 필요하다면 WAS가 처리 어떤 것이 많이 사용되는지에 따..

들어가며 API(Application Programming Interface) “API(Application Programming Interface, 응용 프로그램 프로그래밍 인터페이스)는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다.” 쉽게 말해 프로그램 간의 데이터 정보를 주고받을 수 있도록 도와주는 매개체 정도로 생각을 하면 될듯하다. 이는 JSON이라는 데이터 표준 포멧을 통하여 주고받는다. @ResponseBody? 뷰 리졸버를 사용하지 않고, HTTP에 직접 return값을 보내겠다는 의미 Body는 html에서의 body를 의미하는 것이 아니라, HTTP에서의 BODY를 의미한다. HTTP = HTTP Heade..

정적 컨텐츠 서버에 미리 저장된 파일을 그대로 가져와서 전달하는 것. 모든 사용자가 고정된 웹 페이지를 보게된다. sping은 기본적으로 정적 컨텐츠에 대한 기능을 제공한다. ==> resources/static 폴더안에 넣어주면 됨

* 웹을 먼저 디자인한 후에 서버 프로그램을 입히는 것이 가장 빠르고 효율적. ==> 혼자 작은 단위의 프로젝트를 수행할 때, container 클래스 반응형 웹으로 요소들이 크기에 맞게 알아서 작아지게 해줌. m - (0 ~ 5) : 마진 클래스로 (...ml , mt , mb, mr) p - (0 ~ 5) : 패딩 클래스 (...pl , pt , pb, pr) 기본적으로 html, css 기반이기 때문에 문법은 똑같고, 미리 만들어져있는 클래스를 사용하는 것뿐. data-toggle="modal" 페이지에서 화면 전환이 아닌 팝업을 띄워야할 때 사용하는 bootstrap만의 팝업. 아래의 공식문서를 참조하면 자세히 알 수 있다. getbootstrap.com/docs/4.0/components/mod..

수업 내용 필기 ----------------------------------------------------------------------------------------------------------------------------------- fs.writeFile을 통해 동적으로 웹페이지에서 제어 리다이렉션: 사용자가 어떤 페이지에서 처리를 한 다음 다른 페이지로 보내는 것. writeHead(200) ==> 성공했다는 뜻 writeHead(302) ==> 페이지를 다른페이지로 리다이렉션 시키라는 뜻 delete도 링크로 하면 절대 안된다. 보안 ==> post방식 구글 캐싱사건 참고 자바스크립트에서 roles라는 객체가 있을 때 for var i in roles 라는 문장은 for문을 돌면서..

수업 내용 필기 ----------------------------------------------------------------------------------------------------------------------------------- pathname은 쿼리스트링을 제외한 path만을 보여줌 이를 통하여 root로 접속했는지를 판별할 수 있다. 즉 우리가 만든 웹페이지인 root로 접속하면 원래대로 화면 보여주고 그 외의 path로 접속하면 에러 메시지 fs.readdir은 특정 디렉토리에 있는 목록을 배열에 담아서 보여준다. 즉 이를 반복문을 통하여 수정,삽입을 한다면 main.js에서 일일이 수정이 필요없이 한 번에 모든 내용을 수정 가능. 템플릿과 readdir, readfile을 ..

개요 전공과목 중 웹 프로그래밍 수업을 통해 HTML, CSS, JAVASCRIPT에 대해 배웠었다. 종강 이후에 방대한 Front-End라는 분야에 대해 찾아보던 중 node.js , vue.js 등을 사용하여 웹을 제어하고 구현한다면 내가 생각하던 웹이라는 틀에서 벗어나 더 획기적인 발전을 할 수 있다는 사실을 알게 되고 공부를 시작했다. 수업 내용 필기 ----------------------------------------------------------------------------------------------------------------------------------- fs.readFileSync ==> node.js의 기능으로 읽어옴. node.js는 웹서버의 기능도 내장하고 있다..