생활코딩

Coding Everybody

수업의 목적

토픽 생활코딩 > WEB > WEB2 - JavaScript > Ajax

수업소개

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

 

 

수업의 목적 1

 

 

수업의 목적 2

 

댓글

댓글 본문
  1. 비전공자
    오전 10:34 2024-05-12
  2. 파시
    20230906
  3. TTimotti
    의지만 있으면 공부하게 되는데, 그 의지를 위한 흥미를 유발하는 너무나 재밌고 유익한 강의.
  4. 서우
    221014
  5. 당당
    2022.09.30
  6. MelonMusk
    08/17
  7. melll
    2022.03.06 완료
  8. pmxsg
    2022.02.02 수강
  9. chio
    20220131
  10. 아까그애
    2022-01-21 완료
  11. 소설가
    2021-12-26 완료
    고맙습니다.
    ---
    ajax --> single web page 구성 가능
  12. 오롯
    완료
  13. kimkk
    완료
  14. Koma Doodugi
    2021.10.27 완료
  15. 행달
    21.10.21 감사!
  16. inventorh
    2021.09.29
  17. 솔나무
    ajax 데이터 절약, 싱글페이지 어플리케이션 구현
  18. shg7271
    210805
  19. labis98
    20210719 completed!
  20. Yohanesty
    완료
  21. 별거
    2021.04.29 완료했습니다.
    항상 궁금했고, 하고싶었는데 시작하는군요! 드디어!
  22. 단디
    완료
  23. 김우중
    감사합니다
  24. mymie
    완료
  25. chapter5447
    완료하였습니다
  26. chimhyangmoo
    2021.02.03
  27. jeisyoon
    2021.01.28 수강
  28. 임찬혁
    완료
  29. datsciseol
    2021/01/17
  30. 손민철
    21/1/6 완료
  31. 주니어개발자
    수업의 목적 1

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

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

    "차이가 무엇인가?"

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

    당연히 후자다.

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

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

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



    수업의 목적2

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

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

    단 하나의 기본적인 템플릿을 만들어 재사용하고,
    바뀔수 있는 부분과 고정될 부분을 구분해서
    바뀔 수 있는 부분들(본문, 글목록, 제목 등)만 AJAX로 동적으로 변경시켜 주면
    폭발적인 생산성의 향상을 얻을 수 있다.
  32. 고니스타크
    6일차
    AJAX는 전체 변경을 막고 필요한 부분만 리로드한다
    AJAX는 SPA ( Single Page Application == 하나의 페이지로 여러 가지 정보를 변경해가며 보여주는 앱 )을 구현 할 수 있게 해준다.
  33. 생활둘기
    2020 12 21
  34. kkn1125
    20.11.26 완~료!
  35. 하양색
    한계에 들어있어서 백엔드 기술을 먼저 공부해야하나 고민하고 다른요소들을 개발하고 있었는데 방금 빛을 보았습니다.
  36. Yeonny
    2010.11.10
    바뀔 수 있는 부분을 염두해두고 코딩!
    바뀔 수 있는 부분은 Ajax 파일로 따로 빼두기
    시간, 자원 절약하는 효과 톡톡히함.
    그것이 우리가 Ajax기술을 배우는 이유!
  37. 바부대지
    2020.11.07
  38. Sunny
    2020.11.02.MON.
  39. 웹짱
    2020.10.23
    ajax시작
  40. yulrinam
    201013 시청완료 감사합니다 :)
  41. 알파카파카
    2020/10/07
  42. 김광래
    20.09.07 18:45 완료
  43. 허우룩
    2020.09.06
  44. HyeonHui Jeong
    9/3
  45. dongmi95
    20.07.25 완료
  46. pupu
    2020/07/14 완료
  47. 뽀짝이
    완료
  48. 똑똑한_코딩
    20200709완료!!!![<window>]
  49. 허심탄회
    200701 완료
  50. 코딩뽀개기
    20200629