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 기존 웹서비스 예제 서버 실행 : ..
나는 자바 백앤드를 주로 하던 만 3년차 개발자로, 이직을 하게 되면서 CSS를 다룰 일이 많아졌다. 나에게 CSS는 항상 궁금하던 영역이었지만 이러 저런 핑계로 지식과 경험이 거의 없는 상태였다. 그때 bsidesoft의 맹기완님이 HTML/CSS 관련한 스터디를 하신다는 소식을 듣게 되었다. 종로에서 한다고 해서 잠깐 고민했지만 좋은 경험이 될 것 같아서 바로 신청했다!(https://www.facebook.com/groups/dgding/) 스터디 교재 http://book.naver.com/bookdb/book_detail.nhn?bid=9885179 스터디 교재는 모던 웹사이트 디자인의 정석이라는 책이다. 레이아웃을 반응형으로 작성하는 것부터 시작해서 웹사이트를 반응형으로 만드는 법을 자세하게 ..
CHAP1 Graphics System 시각적인 시스템 - 컴퓨터는 점으로 그래픽을 표현한다. 점으로서의 속성 - x, y, width, height, color 등 1. Fixed number 가장 기본적인 그래픽 표현 방법 업데이트가 정말 힘들다. 2. Abstract Calculator context가 맞는 그래픽을 공유하고 싶다. screen size, chrome size, hierarchy calculator 를 기반으로 %, top, block, inline, float => 추상화된 그래픽 표현 3. Components System html tag - textarea, input, button, img, div 4. Framework Rendering System 코드나 설계도 같은 눈에 ..
CharSet이 EUC-KR인 서버가 있습니다. 클라이언트에서는 jQuery를 이용하여 Form을 다루려고 합니다. myForm이라는 데이터를 전송하는 폼이 있습니다.그 폼의 input 벨류들을 모두 jQuery의 .serialize()를 통해서 직렬화하고(문자열로 만들고) 보내면 좋을것 같습니다. 그래서 아래처럼 함수를 작성했습니다. var myForm = jQuery('#myForm'); jQuery.ajax({ type : myForm.attr('method'), url : '/reimaginer/FormManager.ym', data : myForm.serialize(), success : function (res) { if(res === 'SUCCESS') { alert('등록되었습니다.'); ..
- Total
- Today
- Yesterday
- 객체지향
- rest
- 사누르
- 실수노트
- 독후감
- ES6
- Docker
- spring boot
- AWS
- javascript
- hands-on
- Bali
- container
- AWSKRUG
- ChatGPT
- 도커
- spring
- html
- 개발자
- springboot
- 컨테이너
- 한달살기
- 발리
- S68
- ecma6
- 웹을 지탱하는 기술
- 웹
- Clean code
- sanur
- 회고
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |