WEB3 - Ajax

수업의 목적

수업소개

이 수업에서는 강의를 통해서 무엇을 얻게 될 것인지를 미리 파악해보는 시간입니다. 

 

 

수업의 목적 1

 

 

수업의 목적 2

 

댓글

댓글 본문
  1. 임찬혁
    완료
  2. datsciseol
    2021/01/17
  3. 손민철
    21/1/6 완료
  4. 주니어개발자
    수업의 목적 1

    "AJAX를 알면 무엇을 얻게 될 것인지?"
    부분적으로 웹페이지를 갱신할 수 있다

    "그것이 왜 좋은가?"
    요청과 관련된 딱 필요한 내용만 갱신할 수 있다

    "차이가 무엇인가?"

    배달의 민족, 카카오, 네이버 서비스처럼 트래픽이 엄청난 곳의 통신량을 상상해보자
    과부하에 대해 항상 신경써서 리소스를 관리하는 것도 주요업무 중의 하나일 것이다.
    만약 극단적으로
    하나의 웹페이지를 구성하기 위해서 필요한 파일이 1000개고, 전체용량이 100MB라고 한다면
    페이지를 전환할 때(동기요청)마다 모든 파일을 다운로드 받는 것과
    클릭해서 딱 원하는 내용만 요청해서 필요한 것만 부분적으로 변경하는 것(비동기 요청) 중에
    무엇이 더 좋을까?

    당연히 후자다.

    사용자 입장에서는 내용이 바뀌어도 스크롤이 바뀐다거나
    다른 부분의 내용이 전환되는 것이 없기 때문에
    변경되는 부분에만 집중할 수 있는 UI를 경험하게 된다. (사용성 증대)

    그리고 필요한 내용만 부분적으로 load할 수 있기 때문에
    서버(server)뿐만 아니라 웹 브라우저를 사용하는 사용자(client)의 입장에서도
    시간과 돈, 네트워크 자원 등의 여러 비용(cost)을 절약할 수 있다는 굉장히 중요한 효과가 있다.

    이것이 우리가 AJAX를 사용해 통신해야 하는 이유다.



    수업의 목적2

    유지보수 시 똑같이 반복해야 할 작업이 많을 때, 일일히 수작업으로 수정하는 것은
    곧 한계에 봉착하게 된다.

    AJAX를 도입해 프로젝트에서 가질 수 있는 효과는
    요청마다 알맞게 바뀔 수 있는 부분을 서버에서 가져와서 동적으로 렌더링할 수 있다.
    하나의 페이지로 여러가지 정보를 표현할 수 있는 SPA(Single Page Application)을 구현할 수 있다.

    단 하나의 기본적인 템플릿을 만들어 재사용하고,
    바뀔수 있는 부분과 고정될 부분을 구분해서
    바뀔 수 있는 부분들(본문, 글목록, 제목 등)만 AJAX로 동적으로 변경시켜 주면
    폭발적인 생산성의 향상을 얻을 수 있다.
  5. 고니스타크
    6일차
    AJAX는 전체 변경을 막고 필요한 부분만 리로드한다
    AJAX는 SPA ( Single Page Application == 하나의 페이지로 여러 가지 정보를 변경해가며 보여주는 앱 )을 구현 할 수 있게 해준다.
  6. 생활둘기
    2020 12 21
  7. kkn1125
    20.11.26 완~료!
  8. 하양색
    한계에 들어있어서 백엔드 기술을 먼저 공부해야하나 고민하고 다른요소들을 개발하고 있었는데 방금 빛을 보았습니다.
  9. Yeonny
    2010.11.10
    바뀔 수 있는 부분을 염두해두고 코딩!
    바뀔 수 있는 부분은 Ajax 파일로 따로 빼두기
    시간, 자원 절약하는 효과 톡톡히함.
    그것이 우리가 Ajax기술을 배우는 이유!
  10. 바부대지
    2020.11.07
  11. 2020.11.02.MON.
  12. 웹짱
    2020.10.23
    ajax시작
  13. yulrinam
    201013 시청완료 감사합니다 :)
  14. 알파카파카
    2020/10/07
  15. 김광래
    20.09.07 18:45 완료
  16. 허우룩
    2020.09.06
  17. HyeonHui Jeong
    9/3
  18. dongmi95
    20.07.25 완료
  19. 2020/07/14 완료
  20. 뽀짝이
    완료
  21. 똑똑한_코딩
    20200709완료!!!![<window>]
  22. 허심탄회
    200701 완료
  23. 코딩뽀개기
    20200629
  24. 김혜린
    6월 25일 완료!
  25. psyless
    20200620
  26. Amousk
    좋은 영상 감사합니다.
  27. 개발신
    복습완료
  28. psyless
    20200607
  29. hpyseun
    05/22/2020 완료 감사합니다
  30. 쇼니쇼니잇쇼니
    2020.04.25 완료
  31. datsciseol
    감사합니다
  32. 야루
    시작
  33. Kevin Kim
    Web 처음부터 보고있는데 같이 웹을 만들면서 새로운것을 배우면 적용하고 예시를 해주시니까 너무 이해하기 편하고 좋습니다!
  34. OneJae EE
    20.04.03 금 / 37세 비전공자 / 완료
  35. 2020-03-11 시작!
  36. 완료
  37. Gritter
    왜 배워야 하는지를 이해하고 시작할 수 있어서 좋네요.
  38. eddylee123456
    완료
  39. thsths
    완료
  40. 스티븐잡숴
    완료
  41. ironlady
    완료
  42. 이수규
    완료
  43. sugus
    완료
  44. 샬롬
    완료
  45. 홍주호
    20191117 완료
  46. 2019.11.14 완료
  47. 아스노
    이것만보았는데도, 지금까지 웹을 무시하던 제 인생 절반을 손봤다는 느낌이 확들었네요...하하 공부시작!
  48. pinkpig
    완료!!
  49. 정홍
    완료
  50. 초보코딩
    2019.10.15 시작!
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기