본문 바로가기 메뉴 바로가기

Reimaginer

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

voyager.woo@gmail.com

검색하기 폼
  • All Posts (135)
    • Project Management (1)
    • Software Design (7)
    • Opinions (8)
    • JAVA (15)
    • Java Script (11)
    • HTML & CSS (1)
    • Web & Networks (6)
    • Container (8)
    • Data Science (1)
    • UWP & C# (1)
    • Tools (4)
    • Book reviews (18)
    • My Study (2)
    • Retrospectives (12)
    • Mistake management (11)
    • Emotional memo (3)
    • Careers (4)
    • Voyages (9)
    • ETC (7)
    • Old (5)
  • 방명록

html (4)
SPA와 SPA 라우팅 원리

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 기존 웹서비스 예제 서버 실행 : ..

Web & Networks 2017. 5. 5. 02:26
S68 디기딩 HTML CSS 스터디 후기

나는 자바 백앤드를 주로 하던 만 3년차 개발자로, 이직을 하게 되면서 CSS를 다룰 일이 많아졌다. 나에게 CSS는 항상 궁금하던 영역이었지만 이러 저런 핑계로 지식과 경험이 거의 없는 상태였다. 그때 bsidesoft의 맹기완님이 HTML/CSS 관련한 스터디를 하신다는 소식을 듣게 되었다. 종로에서 한다고 해서 잠깐 고민했지만 좋은 경험이 될 것 같아서 바로 신청했다!(https://www.facebook.com/groups/dgding/) 스터디 교재 http://book.naver.com/bookdb/book_detail.nhn?bid=9885179 스터디 교재는 모던 웹사이트 디자인의 정석이라는 책이다. 레이아웃을 반응형으로 작성하는 것부터 시작해서 웹사이트를 반응형으로 만드는 법을 자세하게 ..

Retrospectives 2017. 4. 4. 01:24
[S68]HTML CSS 스터디 Chap1

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 코드나 설계도 같은 눈에 ..

HTML & CSS 2017. 2. 8. 15:32
euc-kr로 설정된 서버에서 jQuery .serialize() 한글 안깨지고 잘 사용하기

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('등록되었습니다.'); ..

Java Script 2015. 1. 18. 12:23
이전 1 다음
이전 다음
공지사항
  • 여행관련 컨텐츠 블로그를 분리했습니다.
최근에 올라온 글
  • 좋은 소프트웨어 개발자는 좋은 질문을 하는 사람이⋯
  • [GPT에게 질문하기] 클린코드 스터디 할건데 방⋯
  • [GPT에게 질문하기] 웹 브라우저에서 주소를 입⋯
  • 2022-10-26 앱푸시 관련 기능은 중요하다.
최근에 달린 댓글
  • 좋은정보 고맙습니다.
  • 회사에서 파싱머신 만드는데 잘 보고갑니다 감사합니다 ~⋯
  • 좋은 내용 감사합니다 : )
  • 추천코드도 써주시지 ㅋㅋ
Total
220,396
Today
86
Yesterday
67
링크
  • 다크 프로그래머
  • 자바캔(Java Can Do IT)
  • SING A SONG IT
  • cloe's story
TAG
  • 회고
  • html
  • spring
  • ES6
  • Docker
  • javascript
  • S68
  • 웹
  • ChatGPT
  • 컨테이너
  • hands-on
  • 독후감
  • 객체지향
  • 실수노트
  • container
  • 발리
  • ecma6
  • Clean code
  • rest
  • 사누르
  • 도커
  • AWSKRUG
  • sanur
  • AWS
  • 웹을 지탱하는 기술
  • springboot
  • Bali
  • 개발자
  • spring boot
  • 한달살기
more
«   2023/03   »
일 월 화 수 목 금 토
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 31
글 보관함
  • 2023/02 (3)
  • 2022/11 (3)
  • 2022/02 (1)
  • 2022/01 (1)
  • 2021/07 (3)

Blog is powered by Tistory / Designed by Tistory

티스토리툴바