Reimaginer

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)는..