생활코딩

5.0 (총 70개 강좌, 67명 평가)

본 계정은 생활코딩 (http://opentutorials.com)의 사이트에 올라와있는 코딩 관련된 교육 영상들을 원저작자의 허가를 받고 대신하여 올리는 계정입니다. 관리책임은 에듀캐스트가 지고 있으며 본 계정을 통해 일어난 게시물 작성, 메세지 등을 포함한 모든 행위는 생활코딩과 그 멤버들과 무관함을 알려드립니다.

원저작자가 쪽지 및 질문/답변을 하지 않는 점 참고하시기 바랍니다.

펼쳐보기
언제 어디서나 수강할 수 있습니다.
PC, 모바일, 태블릿으로 언제 어디서나 수강이 가능합니다.
PC, 모바일, 태블릿으로 언제 어디서나 수강 가능
강좌 소개

1. 대상

이 강좌는 어떤 사람들을 대상으로 하나요?

  • 페이지 리로드를 줄여서 사용자 경험을 향상시키고 싶은 분에게 권합니다. 
  • 리로드 할 때마다 모든 정보를 다운로드 하는 비효율이 불만인 분에게도 필요한 수업입니다. 



2. 목표

이 강좌를 들으면 어떤 것을 할 수 있게 되나요? 혹은 무엇을 얻게 되나요?

  • 웹페이지에서 일부 정보가 달라졌음에도 전체 페이지를 리로드하는 것은 효율적이지 않습니다. Ajax는 리로드 없이 웹서버에게 정보를 요청해서 부분적으로 정보를 갱신해주는 기술입니다. 
  • ajax를 구현하는 여러가지 기술이 있습니다. 우리 수업에서는 최신 기술인 fetch API를 이용할 것입니다.
  •  fetch API를 실전에 적용해보겠습니다. 
  • 우리의 ajax를 이용해서 리로드 없이 정보를 부분적으로 변경할 수 있게 되었습니다만, 사용자가 자신이 보고 있는 정보를 다른 사람에게 공유할 수는 없게 되었습니다. 이런 문제를 개선하는 방법을 알아보겠습니다. 
  • 글목록을 ajax로 구현하는 방법을 알아봅니다.
  • fetch API의 ployfill을 적용해봅니다. 



3. 준비해야 하는 것

수강생들이 강좌를 듣기 전에 미리 준비해야 할 것이 있을까요?

  • JavaScript를 모르신다면 WEB2 - JavaScript 수업을 먼저 들으시기를 권장합니다.



4. 특징

이 강좌의 특징은 어떤 것이 있을까요?

  • 세팅 과정부터 단게별로 아주 자세히 설명하고 있습니다.
  • 비전공자들도 이해할 수 있도록 쉽게 설명하고 있습니다.
  • 유명 유튜버 생활코딩님의 강좌입니다.


공개 및 수정일
2019년 8월 27일 공개
2020년 3월 9일 최종 수정
수강평
아직 작성된 수강평이 없습니다.
강좌에 대한 의견을 기다리는 중입니다.
커리큘럼
WEB3-Ajax-1.수업소개
4:39
WEB3-Ajax-2.1.수업의 목적 (1/2)
5:21
WEB3-Ajax-2.2.수업의 목적 (2/2)
4:54
WEB3-Ajax-3.실습환경 준비
2:08
WEB3-Ajax-5.0.fetch API-사용법
6:32
WEB3-Ajax-5.1.fetch API-요청과 응답
6:59
WEB3-Ajax-5-2.fetch API-response 객체
6:50
WEB3-Ajax-6.1.ajax의 적용
3:20
WEB3-Ajax-6.2.리팩토링 함수화
2:52
WEB3-Ajax-7.1.초기 페이지 (1/2)
7:12

Ajax

무료
1시간 27분 분량
365일 동안 무제한 수강 가능
중급 레벨의 강좌