Reimaginer

웹 브라우저의 주소 표시줄에 "https://example.com"을 입력하면 다음과 같은 단계가 발생합니다. 브라우저는 캐시를 확인하여 이전에 사이트를 방문한 적이 있는지, 캐시된 버전이 여전히 유효한지 확인합니다. 사이트가 캐시에 없거나 캐시된 버전이 오래된 경우 브라우저는 지정된 URL의 리소스에 대한 요청을 서버에 보냅니다. 요청은 HTTP(Hypertext Transfer Protocol)를 사용하여 서버로 전송됩니다. 서버는 일반적으로 데이터베이스에서 요청된 리소스를 조회하고 관련 데이터를 검색하여 요청을 수신하고 처리합니다. 그런 다음 서버는 헤더 및 상태 코드와 같은 추가 정보와 함께 요청된 리소스를 포함하여 응답을 다시 브라우저로 보냅니다. 브라우저는 응답을 받고 정보를 사용하여 요청된 ..

SPA와 SPA 라우팅 원리 이번 포스팅에서 웹서비스가 Single Page Application(이하 SPA)까지 발전하게 된 경위와 SPA의 라우팅의 원리에 대해서 알아보려고 합니다. 스펙을 일일이 참고해서 작성하지 못하고 개인적인 경험과 지식 위주로 정리했기 때문에 부족한 부분이 있을 수 있습니다. 피드백 주세요! 목차 기존의 웹서비스 Ajax로 부분만 새로 그리는 웹서비스 Single Page Application SPA의 라우팅 원리 정리 실습 serve를 설치한다. npm install -g serve (https://www.npmjs.com/package/serve) git clone https://github.com/voyagerwoo/simple-spa 기존 웹서비스 예제 서버 실행 : ..

**웹 개발자를 위한 웹을 지탱하는 기술 - 야모모토 요헤이 저 - 에서 발췌URI 설계 01. 쿨한 URI은 변하지 않는다.- 초기 웹 페이지는 URI가 변하는 것이 일상다반사였다.- 고생해서 모아둔 링크들이 1년 후에는 절반 이상 연결되지 않았다.- 웹은 리소스에서 다른 리소스로 연결되는 링크가 있는 하이퍼미디어 시스템이기 때문에 링크가 끊긴다는 것은 큰 문제이다.- 그래서 팀 버너스-리는 URI는 변하지 않아야한다고 주장했다. 02. 쿨한 URI 만들기1) 프로그래밍 언어나 구현 (프레임워크 등)에 의존적인 확장자와 경로를 포함하지 않는다.ex) http://example.com/cgi-bin/login.pl - cgi의 쇠퇴- peal 언어로 작성됨. 만약 똑같은 서비스를 다른 언어로 재구현 한다..

**웹 개발자를 위한 웹을 지탱하는 기술 - 야모모토 요헤이 저 - 에서 발췌URI 스펙 01. URI - 리소스를 통일적으로 식별하는 ID 02. URI 구문 ( RFC 3986 )ex) http: //reimaginer.tistory.com/entry/xper- URI Scheme : http --> 그 URI가 이용하는 프로토콜- 호스트 명 : reimaginer.tistory.com- 패스 : entry/xper ex) http: //reimaginer:password@www.tistory.com:8011/search?keyword=xper&debug=true#n10- URI Scheme : http- 사용자 정보 : reimaginer:password- 호스트 명 : www.tistory.com..

**웹 개발자를 위한 웹을 지탱하는 기술 - 야모모토 요헤이 저 - 에서 발췌 [ 기초 ]- 아키텍처 스타일 : (매크로) 아키텍처 패턴, 복수의 아키텍처의 공통된 성질, 양식, 규정 혹은 독특한 방식을 가리키는 말. ex) MVC, 파이프 앤 필터터??, 이벤트 시스템- 디자인 패턴 : 마이크로 아키텍처 패턴, 아키텍처 스타일보다 입도(Granularity)가 작은 클래스 등의 설계 양식** 구현에서 추상도를 한단계 올린 것이 아키텍처이고, 아키텍처에서 추상도를 한단계 더 올린 것이 아키텍처 스타일이다. 추상화 레벨 웹에서의 예 아키텍처 스타일 REST 아키텍처 브라우저, 서버, 프록시, HTTP, URI, HTML 구현 Apache, Firefox, chrome REST 는 웹의 아키텍처 스타일이이다..

저는 5월 달 중순부터 인턴사원에서 정직원이 되었습니다. 그리고 이건 제가 인턴 시절에 정리해본 자료입니다. joinc.co.kr의 많은 도움을 받아 작성했습니다. 거의 따라 치면서 이해를 했다고 해야할까요... 마지막에는 웹 서비스의 흐름에 대해서도 그림으로 표현해 보았습니다. 조금 이상하다 싶으시면 댓글을 달아주세요. 감사합니다. [참조] http://www.joinc.co.kr/modules/moniwiki/wiki.php/Site/Network_Programing/AdvancedComm/HTTPhttp://www.joinc.co.kr/modules/moniwiki/wiki.php/man/12/cookie ● HTTP 정리 1. HTTP란HTTP(Hypertext Transfer Protocol)는..